/* agency.css — the AGENCY panel (agency.js) in the new console look. Same prefix as uj.css so it wins over the legacy
   sheets without !important; tokens from uj.css (--uj-*). docs/TERV-UGYNOKSEGI-PARTNER-2026-10.md §4. */
:root body.beta.skin2.uj .uj-agency { display: grid; gap: 16px; max-width: none; }
:root body.beta.skin2.uj .uj-agency h1:focus { outline: none; }
:root body.beta.skin2.uj .uj-agency-head { justify-content: space-between; }
:root body.beta.skin2.uj .uj-agency-lead { margin: 6px 0 0; font: 400 17px/1.4 var(--uj-font); color: var(--uj-muted); }
:root body.beta.skin2.uj .uj-agency-status { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 4px; border: 1.5px solid var(--uj-line-2); font: 500 15px/1.1 var(--uj-font); color: #fff; white-space: nowrap; }
:root body.beta.skin2.uj .uj-agency-status.is-ok { border-color: var(--uj-green); color: var(--uj-green-text); }
:root body.beta.skin2.uj .uj-agency-status.is-trial { border-color: var(--uj-amber); color: var(--uj-amber-text); }
:root body.beta.skin2.uj .uj-agency-status.is-bad { border-color: var(--uj-red); color: #ff9a90; }
:root body.beta.skin2.uj .uj-agency-tabs { display: flex; gap: 8px; border-bottom: 1px solid var(--uj-line); }
:root body.beta.skin2.uj .uj-agency-tab { flex: 0 1 220px; height: 48px; margin-bottom: -1px; border-radius: 6px 6px 0 0; border: 1px solid var(--uj-line-2); background: var(--uj-card); color: #fff; font: 500 16px/1 var(--uj-font); cursor: pointer; }
:root body.beta.skin2.uj .uj-agency-tab.is-on { border: 2px solid var(--uj-amber); background: var(--uj-amber-soft); color: var(--uj-amber-text); font-weight: 600; }
:root body.beta.skin2.uj .uj-agency-body { display: grid; gap: 16px; }
:root body.beta.skin2.uj .uj-agency-card { padding: 20px; }
:root body.beta.skin2.uj .uj-agency-card .uj-h2 { margin: 0 0 6px; font: 700 26px/1.15 var(--uj-display); }
:root body.beta.skin2.uj .uj-agency-h3 { margin: 18px 0 8px; font: 700 18px/1.2 var(--uj-display); color: #fff; text-transform: uppercase; letter-spacing: .04em; }
:root body.beta.skin2.uj .uj-agency-muted { margin: 4px 0 12px; font: 400 15px/1.45 var(--uj-font); color: var(--uj-muted); }
:root body.beta.skin2.uj .uj-agency-muted b { color: #fff; font-weight: 600; }
:root body.beta.skin2.uj .uj-agency-empty { display: grid; justify-items: center; gap: 8px; padding: 30px; text-align: center; }
:root body.beta.skin2.uj .uj-agency-empty > i { font-size: 40px; color: var(--uj-amber); }

/* KPI tiles (Áttekintés) */
:root body.beta.skin2.uj .uj-agency-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
:root body.beta.skin2.uj .uj-agency-tile { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 12px; padding: 16px 18px 16px 12px; border: 1px solid var(--uj-line-2); border-radius: 6px; background: var(--uj-card); }
:root body.beta.skin2.uj .uj-agency-tile > i { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; border: 1px solid #5b6570; font-size: 26px; color: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-tile small { display: block; font: 400 14px/1.2 var(--uj-font); color: var(--uj-muted); }
:root body.beta.skin2.uj .uj-agency-tile b { display: block; margin-top: 4px; font: 700 28px/1 var(--uj-display); color: #fff; }
:root body.beta.skin2.uj .uj-agency-tile span { display: block; margin-top: 6px; font: 400 13px/1.3 var(--uj-font); color: var(--uj-muted-2); }

/* roster table */
:root body.beta.skin2.uj .uj-agency-tablewrap { overflow-x: auto; }
:root body.beta.skin2.uj .uj-agency-table { width: 100%; border-collapse: collapse; font: 400 15px/1.3 var(--uj-font); color: #fff; }
:root body.beta.skin2.uj .uj-agency-table th { padding: 10px 12px; text-align: left; font: 600 13px/1 var(--uj-font); color: var(--uj-muted); text-transform: uppercase; letter-spacing: .05em; border-bottom: 1px solid var(--uj-line-2); }
:root body.beta.skin2.uj .uj-agency-table td { padding: 12px; border-bottom: 1px solid var(--uj-line); vertical-align: middle; }
:root body.beta.skin2.uj .uj-agency-table td small { display: block; color: var(--uj-muted-2); font-size: 13px; }
:root body.beta.skin2.uj .uj-agency-table td b { font-weight: 600; }
:root body.beta.skin2.uj .uj-agency-act { text-align: right; white-space: nowrap; }
:root body.beta.skin2.uj .uj-agency-live { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 3px; background: var(--uj-red); color: #fff; font: 700 11px/1.4 var(--uj-font); letter-spacing: .06em; }
:root body.beta.skin2.uj .uj-agency-role { display: inline-block; padding: 4px 10px; border-radius: 3px; border: 1px solid var(--uj-line-2); color: var(--uj-muted); font-size: 13px; }
:root body.beta.skin2.uj .uj-agency-select, :root body.beta.skin2.uj .uj-agency-form input { min-height: 44px; padding: 0 12px; border: 1px solid var(--uj-line-2); border-radius: 5px; background: var(--uj-row); color: #fff; font: 400 15px/1 var(--uj-font); }
:root body.beta.skin2.uj .uj-agency-select { padding-right: 28px; }
:root body.beta.skin2.uj .uj-agency-danger { color: #ff9a90; }
:root body.beta.skin2.uj .uj-agency-danger:hover { color: #ffb8b0; }

/* forms */
:root body.beta.skin2.uj .uj-agency-form { display: grid; grid-template-columns: 220px minmax(0, 1fr) auto; gap: 14px; align-items: end; margin-top: 10px; }
:root body.beta.skin2.uj .uj-agency-form-col { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
:root body.beta.skin2.uj .uj-agency-form label { display: grid; gap: 6px; }
:root body.beta.skin2.uj .uj-agency-form label > span { font: 500 14px/1.3 var(--uj-font); color: #fff; }
:root body.beta.skin2.uj .uj-agency-form .uj-btn { height: 46px; }
:root body.beta.skin2.uj .uj-agency [data-agency-new-invite] .uj-inv-link { margin-top: 16px; }

/* open invites */
:root body.beta.skin2.uj .uj-agency-invites { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
:root body.beta.skin2.uj .uj-agency-invites li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--uj-line-2); border-radius: 6px; background: var(--uj-row); font: 400 15px/1.3 var(--uj-font); color: #fff; }
:root body.beta.skin2.uj .uj-agency-invites small { display: block; color: var(--uj-muted-2); font-size: 13px; }
:root body.beta.skin2.uj .uj-agency-inv-act { display: flex; gap: 16px; white-space: nowrap; }

/* seats */
:root body.beta.skin2.uj .uj-agency-seatrow { margin: 12px 0; }
:root body.beta.skin2.uj .uj-agency-seathead { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 6px; font: 400 14px/1.3 var(--uj-font); color: var(--uj-muted); }
:root body.beta.skin2.uj .uj-agency-seathead b { color: #fff; font-weight: 600; }
:root body.beta.skin2.uj .uj-agency-bar { position: relative; height: 12px; border-radius: 6px; background: var(--uj-line); overflow: hidden; }
:root body.beta.skin2.uj .uj-agency-bar i, :root body.beta.skin2.uj .uj-agency-bar b { position: absolute; inset: 0 auto 0 0; border-radius: 6px; }
:root body.beta.skin2.uj .uj-agency-bar i { background: var(--uj-amber-soft); }
:root body.beta.skin2.uj .uj-agency-bar b { background: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-tierhead { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
:root body.beta.skin2.uj .uj-agency-prices { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin: 12px 0; }
:root body.beta.skin2.uj .uj-agency-prices > div { padding: 14px 16px; border: 1px solid var(--uj-line-2); border-radius: 6px; background: var(--uj-row); }
:root body.beta.skin2.uj .uj-agency-prices small { display: block; font: 400 14px/1.2 var(--uj-font); color: var(--uj-muted); }
:root body.beta.skin2.uj .uj-agency-prices b { display: block; margin-top: 4px; font: 700 28px/1 var(--uj-display); color: #fff; }
:root body.beta.skin2.uj .uj-agency-prices span { display: block; margin-top: 4px; font: 400 13px/1.2 var(--uj-font); color: var(--uj-muted-2); }
:root body.beta.skin2.uj .uj-agency-tiers { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
:root body.beta.skin2.uj .uj-agency-tiers li { padding: 10px 14px; border: 1px solid var(--uj-line-2); border-radius: 5px; font: 400 15px/1.2 var(--uj-font); color: var(--uj-muted); }
:root body.beta.skin2.uj .uj-agency-tiers li.is-on { border-color: var(--uj-amber); background: var(--uj-amber-soft); color: var(--uj-amber-text); font-weight: 600; }

/* host badge (Beállítások → Előfizetés) */
:root body.beta.skin2.uj .uj-agency-badge { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 14px; padding: 12px 14px; border: 1px solid #6b4a12; border-radius: 6px; background: linear-gradient(90deg, #2a1f0c, #191510); }
:root body.beta.skin2.uj .uj-agency-pill { display: inline-flex; align-items: center; gap: 8px; font: 500 15px/1.3 var(--uj-font); color: var(--uj-amber-text); }
:root body.beta.skin2.uj .uj-agency-pill i { font-size: 20px; }

/* accept dialog */
:root body.beta.skin2.uj .uj-agency-dlg .wiz-card { width: 560px; border-radius: 8px; background: var(--uj-card); border: 1px solid var(--uj-line-2); }
:root body.beta.skin2.uj .uj-agency-dlg .wiz-card::before { display: none; }
:root body.beta.skin2.uj .uj-agency-dlg .uj-h2 { font: 700 28px/1.15 var(--uj-display); }
:root body.beta.skin2.uj .uj-agency-sees { margin: 14px 0 6px; font: 600 15px/1.3 var(--uj-font); color: #fff; }
:root body.beta.skin2.uj .uj-agency-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
:root body.beta.skin2.uj .uj-agency-list li { display: flex; align-items: center; gap: 10px; font: 400 15px/1.3 var(--uj-font); color: #fff; }
:root body.beta.skin2.uj .uj-agency-list i { color: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-note { display: flex; align-items: center; gap: 10px; margin: 12px 0 0; font: 400 14px/1.35 var(--uj-font); color: var(--uj-muted); }
:root body.beta.skin2.uj .uj-agency-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }

@media (max-width: 900px) {
  :root body.beta.skin2.uj .uj-agency-form { grid-template-columns: minmax(0, 1fr); }
  :root body.beta.skin2.uj .uj-agency-tab { flex-basis: auto; padding: 0 14px; font-size: 15px; }
  :root body.beta.skin2.uj .uj-agency-invites li { flex-direction: column; align-items: flex-start; }
}

/* K3 — host-console access */
:root body.beta.skin2.uj .uj-agency-access { display: grid; gap: 4px; }
:root body.beta.skin2.uj .uj-agency-access small { color: var(--uj-muted-2); font-size: 12px; white-space: nowrap; }
:root body.beta.skin2.uj .uj-agency-access.is-warn small { color: var(--uj-amber-text); }
:root body.beta.skin2.uj .uj-agency-enter { height: 38px; padding: 0 12px; font-size: 14px; }
:root body.beta.skin2.uj .uj-agency-pair { display: grid; grid-template-columns: 96px auto; gap: 6px; align-items: center; }
:root body.beta.skin2.uj .uj-agency-pair input { width: 96px; min-height: 38px; padding: 0 8px; border: 1px solid var(--uj-line-2); border-radius: 5px; background: var(--uj-row); color: #fff; font: 600 16px/1 var(--uj-font); letter-spacing: .08em; text-align: center; }
:root body.beta.skin2.uj .uj-agency-pairbtn { height: 38px; padding: 0 12px; font-size: 14px; border-width: 1px; }
:root body.beta.skin2.uj .uj-agency-pair small { grid-column: 1 / -1; color: var(--uj-muted-2); font-size: 12px; }
:root body.beta.skin2.uj .uj-agency-hostaccess { flex-basis: 100%; display: grid; gap: 10px; padding-top: 10px; border-top: 1px solid #4a3a1a; }
:root body.beta.skin2.uj .uj-agency-hostaccess .uj-agency-muted { margin: 0; }
:root body.beta.skin2.uj .uj-agency-code { display: flex; align-items: baseline; gap: 14px; }
:root body.beta.skin2.uj .uj-agency-code b { font: 800 40px/1 var(--uj-display); letter-spacing: .12em; color: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-code small { color: var(--uj-muted); font-size: 14px; }
:root body.beta.skin2.uj .uj-agency-grants { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
:root body.beta.skin2.uj .uj-agency-grants li { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font: 400 15px/1.3 var(--uj-font); color: #fff; }
:root body.beta.skin2.uj .uj-agency-grants i { color: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-acting { position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 10px 18px; background: #3a2a0a; border-bottom: 2px solid var(--uj-amber); color: #fff; font: 600 15px/1.3 var(--uj-font); }
:root body.beta.skin2.uj .uj-agency-acting > i { font-size: 22px; color: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-acting small { color: var(--uj-amber-text); font-weight: 400; }
:root body.beta.skin2.uj .uj-agency-exit { height: 38px; padding: 0 14px; font-size: 14px; margin-left: auto; }
/* While acting, the host-only consents and account dangers are hidden (the server refuses them anyway). */
:root.agency-acting body.beta.skin2.uj #navAgency, :root.agency-acting body.beta.skin2.uj .uj-agency-hostaccess, :root.agency-acting body.beta.skin2.uj [data-agency-leave], :root.agency-acting body.beta.skin2.uj #profilePanelBilling .profile-plan-panel .btn, :root.agency-acting body.beta.skin2.uj [data-delete-account], :root.agency-acting body.beta.skin2.uj #deleteAccountBtn { display: none !important; }

/* promo clips (K4) */
:root body.beta.skin2.uj .uj-agency-warn { display: flex; align-items: center; gap: 12px; border-color: var(--uj-amber); color: var(--uj-amber-text); font: 500 15px/1.4 var(--uj-font); }
:root body.beta.skin2.uj .uj-agency-warn > i { font-size: 26px; }
:root body.beta.skin2.uj .uj-agency-clips { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-top: 12px; }
:root body.beta.skin2.uj .uj-agency-clip { display: grid; gap: 0; border: 1px solid var(--uj-line-2); border-radius: 6px; background: var(--uj-row); overflow: hidden; }
:root body.beta.skin2.uj .uj-agency-clip.is-off { opacity: .55; }
:root body.beta.skin2.uj .uj-agency-clip video { display: block; width: 100%; aspect-ratio: 9 / 16; max-height: 320px; background: #000; object-fit: contain; }
:root body.beta.skin2.uj .uj-agency-clipbody { display: grid; gap: 10px; padding: 12px; }
:root body.beta.skin2.uj .uj-agency-cliptitle { min-height: 40px; padding: 0 10px; border: 1px solid var(--uj-line-2); border-radius: 5px; background: var(--uj-card); color: #fff; font: 500 15px/1 var(--uj-font); }
:root body.beta.skin2.uj .uj-agency-cliprow { display: grid; grid-template-columns: auto minmax(0, 1fr) 44px; align-items: center; gap: 8px; font: 400 14px/1.2 var(--uj-font); color: var(--uj-muted); }
:root body.beta.skin2.uj .uj-agency-cliprow b { color: #fff; text-align: right; font-weight: 600; }
:root body.beta.skin2.uj .uj-agency-cliprow input[type="range"] { width: 100%; accent-color: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-clipon { grid-template-columns: auto minmax(0, 1fr); }
:root body.beta.skin2.uj .uj-agency-clipon input { width: 18px; height: 18px; accent-color: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-clipbody small { color: var(--uj-muted-2); font-size: 13px; }
:root body.beta.skin2.uj .uj-agency-clipbody .uj-link { justify-self: start; }
:root body.beta.skin2.uj .uj-agency-hoststate { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; }
:root body.beta.skin2.uj .uj-agency-hoststate li { display: grid; grid-template-columns: 24px auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid var(--uj-line); border-radius: 5px; font: 400 15px/1.3 var(--uj-font); color: #fff; }
:root body.beta.skin2.uj .uj-agency-hoststate li span { color: var(--uj-muted); font-size: 14px; }
:root body.beta.skin2.uj .uj-agency-hoststate li.is-approved > i { color: var(--uj-green); }
:root body.beta.skin2.uj .uj-agency-hoststate li.is-stale > i { color: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-hoststate li.is-pending > i { color: var(--uj-muted-2); }
/* host side (Settings → Előfizetés) */
:root body.beta.skin2.uj .uj-agency-hostclips { flex-basis: 100%; display: grid; gap: 8px; padding-top: 10px; border-top: 1px solid #4a3a1a; }
:root body.beta.skin2.uj .uj-agency-hostclips .uj-agency-muted { margin: 0; }
:root body.beta.skin2.uj .uj-agency-h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font: 700 16px/1.2 var(--uj-display); color: #fff; }
:root body.beta.skin2.uj .uj-agency-hostclip-list { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 4px; }
:root body.beta.skin2.uj .uj-agency-hostclip-list li { display: flex; align-items: center; gap: 8px; font: 400 15px/1.3 var(--uj-font); color: #fff; }
:root body.beta.skin2.uj .uj-agency-hostclip-list li > i { color: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-consent { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--uj-line-2); border-radius: 6px; background: var(--uj-row); font: 400 15px/1.4 var(--uj-font); color: #fff; }
:root body.beta.skin2.uj .uj-agency-consent > i { font-size: 22px; color: var(--uj-muted); }
:root body.beta.skin2.uj .uj-agency-consent > span { flex: 1 1 260px; }
:root body.beta.skin2.uj .uj-agency-consent.is-ok { border-color: var(--uj-green); }
:root body.beta.skin2.uj .uj-agency-consent.is-ok > i { color: var(--uj-green); }
:root body.beta.skin2.uj .uj-agency-consent.is-warn { border-color: var(--uj-amber); }
:root body.beta.skin2.uj .uj-agency-consent.is-warn > i { color: var(--uj-amber); }

/* roster statistics (K5) */
:root body.beta.skin2.uj .uj-agency-statshead { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
:root body.beta.skin2.uj .uj-agency-periods { display: inline-flex; gap: 6px; }
:root body.beta.skin2.uj .uj-agency-period { height: 40px; padding: 0 16px; border-radius: 5px; border: 1px solid var(--uj-line-2); background: var(--uj-card); color: #fff; font: 500 14px/1 var(--uj-font); cursor: pointer; }
:root body.beta.skin2.uj .uj-agency-period.is-on { border-color: var(--uj-amber); background: var(--uj-amber-soft); color: var(--uj-amber-text); font-weight: 600; }
:root body.beta.skin2.uj .uj-agency-statsact { display: inline-flex; align-items: center; gap: 16px; }
:root body.beta.skin2.uj .uj-agency-statsact .uj-btn { height: 40px; }
:root body.beta.skin2.uj .uj-agency-bars { display: flex; align-items: flex-end; gap: 3px; height: 120px; padding: 6px 0; border-bottom: 1px solid var(--uj-line-2); }
:root body.beta.skin2.uj .uj-agency-bars i { flex: 1 1 0; min-height: 2px; border-radius: 2px 2px 0 0; background: var(--uj-amber); opacity: .85; }
:root body.beta.skin2.uj .uj-agency-bars i:hover { opacity: 1; }
:root body.beta.skin2.uj .uj-agency-stats td { white-space: nowrap; }
:root body.beta.skin2.uj .uj-agency-stats td small { display: inline; margin-left: 4px; color: var(--uj-muted-2); font-size: 12px; }
:root body.beta.skin2.uj .uj-agency-stats td:first-child small { display: block; margin: 0; font-size: 13px; }
:root body.beta.skin2.uj .uj-agency-stats tr.is-total td { border-top: 2px solid var(--uj-line-2); border-bottom: 0; background: var(--uj-row); }