/* LigaOK Manager · visual system v11
   A calm, compact layer. Existing page classes remain intact so behaviour and data logic do not change. */
:root{
  --bg:#f5f4ef;
  --bg-soft:#efeee8;
  --panel:#fffefa;
  --panel-2:#f7f7f2;
  --card:#fffefa;
  --border:#dfdfd6;
  --border-strong:#c9ccc0;
  --text:#202722;
  --text-soft:#68716b;
  --accent:#397565;
  --accent-2:#508779;
  --success:#2f7d5d;
  --warning:#b8752d;
  --danger:#c55353;
  --shadow:0 14px 34px rgba(43,52,46,.065);
  --shadow-soft:0 6px 18px rgba(43,52,46,.055);
  --sidebar-bg:#f0f1eb;
  --sidebar-border:#dedfd6;
  --input-bg:#fffefa;
  --hover:#e5ede8;
  --radius-xl:22px;
  --radius-lg:16px;
  --radius-md:12px;
}

html[data-theme="dark"]{
  --bg:#181c19;
  --bg-soft:#1d231f;
  --panel:#232a25;
  --panel-2:#1e2521;
  --card:#232a25;
  --border:rgba(228,235,230,.11);
  --border-strong:rgba(228,235,230,.18);
  --text:#eef2ee;
  --text-soft:#aab5ad;
  --accent:#77af9e;
  --accent-2:#5e9685;
  --success:#75b995;
  --warning:#d7a461;
  --danger:#e07c7c;
  --sidebar-bg:#1b211d;
  --sidebar-border:rgba(228,235,230,.09);
  --input-bg:#1d241f;
  --hover:#29362f;
  --shadow:0 18px 44px rgba(0,0,0,.22);
  --shadow-soft:0 8px 20px rgba(0,0,0,.16);
}

html{background:var(--bg);scroll-behavior:smooth}
body{
  background:linear-gradient(145deg,var(--bg-soft),var(--bg) 46%,#f8f6f0);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.45;
  font-weight:400;
  letter-spacing:-.008em;
}
html[data-theme="dark"] body{background:linear-gradient(145deg,var(--bg-soft),var(--bg))}
button,input,select,textarea{font-family:inherit!important}
h1,h2,h3,h4,strong{font-weight:650}

/* Shell and navigation */
.app-shell{grid-template-columns:224px minmax(0,1fr)}
.sidebar{
  width:224px;
  padding:14px 12px 12px;
  background:color-mix(in srgb,var(--sidebar-bg) 94%,transparent);
  box-shadow:none;
  overflow-y:auto;
  overflow-x:hidden;
  z-index:50;
}
.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}
.brand-row{margin:0 2px 14px;padding:4px 4px;justify-content:space-between;gap:8px}
.brand-lockup{gap:10px;min-width:0}
.brand-badge{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#447f6e,#315f53);font-size:15px;box-shadow:0 7px 16px rgba(49,95,83,.18)}
.brand-title{font-size:17px;font-weight:680;letter-spacing:-.025em}
.brand-sub{font-size:11px;line-height:1.2}
.sidebar-alerts{display:flex;align-items:center;gap:8px;margin:-5px 5px 10px;padding:7px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel) 72%,transparent)}
.sidebar-alerts[hidden],.sidebar-alert-link[hidden],.sidebar-alert-count[hidden]{display:none!important}
.sidebar-alert-link{position:relative;display:grid;place-items:center;width:34px;height:32px;border-radius:9px;color:var(--text-soft);background:var(--panel);border:1px solid var(--border);text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease}
.sidebar-alert-link:hover{color:var(--accent);background:var(--hover);transform:translateY(-1px)}
.sidebar-alert-link>i{font-size:13px}
.sidebar-alert-count{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border:2px solid var(--sidebar-bg);border-radius:999px;background:var(--danger);color:#fff;font-size:9px;font-weight:750;line-height:1;box-sizing:border-box}
.sidebar .nav-group{margin:0 0 6px!important;border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
.sidebar .nav-section-title{min-height:34px!important;padding:7px 9px!important;color:var(--text-soft)!important;font-size:10px!important;font-weight:650!important;letter-spacing:.075em!important;text-transform:uppercase!important}
.sidebar .nav-section-title i{width:18px!important;height:18px!important;min-width:18px!important;background:transparent!important;box-shadow:none!important;font-size:8px!important}
.sidebar .nav-group.open .nav-section-title{min-height:34px!important;border:0!important;color:var(--text)!important}
.sidebar .nav-group .nav[data-nav-panel]{margin:0!important;padding:1px 3px 6px!important;gap:2px!important}
.sidebar .nav-group .nav a{min-height:36px!important;padding:7px 9px!important;border:0!important;border-radius:10px!important;font-size:13px!important;font-weight:480!important;gap:9px!important}
.sidebar .nav-group .nav a:hover{background:var(--hover)!important}
.sidebar .nav-group .nav a.active{color:var(--accent)!important;background:var(--hover)!important;box-shadow:none!important;font-weight:620!important}
.sidebar .nav-icon{width:22px!important;min-width:22px!important;height:22px!important;border-radius:7px!important;background:transparent!important;color:inherit!important;font-size:12px!important}
.nav-unread-badge{min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:650;background:var(--danger);box-shadow:none}
.sidebar-footer{padding-top:6px}
.account-chip-compact{padding:9px!important;border:0!important;border-radius:13px!important;background:rgba(255,255,255,.48)!important;box-shadow:none!important;gap:8px!important}
html[data-theme="dark"] .account-chip-compact{background:rgba(255,255,255,.04)!important}
.account-chip-compact .account-avatar{width:32px!important;height:32px!important;min-width:32px!important;border-radius:10px!important}
.account-chip-compact .account-title{font-size:11px!important;font-weight:620!important}.account-chip-compact .account-sub{font-size:9px!important}.account-chip-compact .account-version{font-size:8px!important}
.account-logout{width:28px!important;height:28px!important;min-width:28px!important;border-radius:9px!important}
.sidebar-open,.sidebar-close,.sidebar-backdrop{display:none}

/* Header and content density */
.main{min-width:0;padding:18px 22px 28px;overflow-x:hidden}
.topbar{align-items:center;margin-bottom:17px;gap:12px;min-height:44px}
.topbar-heading{min-width:0;flex:1}
.eyebrow{font-size:9px;letter-spacing:.105em;font-weight:560}
.page-title{margin:2px 0 0;font-size:25px;line-height:1.15;font-weight:650;letter-spacing:-.035em}
.topbar-actions{gap:8px}
.theme-toggle,.lang-switch,.profile-chip{min-height:36px;padding:8px 11px;border-radius:11px;box-shadow:none;background:color-mix(in srgb,var(--panel) 78%,transparent)}
.lang-switch{gap:6px}.lang-switch-label{font-size:9px;font-weight:620;letter-spacing:.055em}.lang-switch-select{min-width:68px;font-size:12px;font-weight:560}
.theme-toggle{gap:6px}.theme-toggle-label{font-size:12px}.profile-chip{font-size:12px}.dot{width:7px;height:7px;box-shadow:0 0 0 3px rgba(47,125,93,.11)}
.section{margin-top:14px;min-width:0}.section-title{font-size:17px;font-weight:650;letter-spacing:-.025em;margin-bottom:10px}
.card,.chart-card,.master-panel,.detail-panel,.detail-card,.economy-card{border-radius:var(--radius-lg)!important;background:color-mix(in srgb,var(--panel) 94%,transparent)!important;box-shadow:var(--shadow-soft)!important;border-color:var(--border)!important}
.card,.chart-card{padding:15px}.panel-head{margin-bottom:10px}.muted{color:var(--text-soft)}
.kpi-grid{gap:11px}.kpi-value{font-size:26px;font-weight:650;margin-top:4px}.mini-kpi .value{font-weight:650}.hero-copy h2{font-size:31px!important;font-weight:650!important}.hero-stat-value{font-size:34px!important;font-weight:650!important}

/* Inputs and actions */
.form-control{min-height:40px;padding:9px 11px;border-radius:11px;font-size:13px;font-weight:450!important;box-shadow:none}
.form-control:focus{border-color:rgba(57,117,101,.55);box-shadow:0 0 0 3px rgba(57,117,101,.11)}
.form-label{font-size:12px;font-weight:580;margin-bottom:5px}.help{font-size:11px}
.btn{min-height:38px;padding:8px 13px;border-radius:11px;font-size:13px;font-weight:570;box-shadow:none}.btn:hover{box-shadow:var(--shadow-soft)}
.btn-primary{background:linear-gradient(145deg,#447f6e,#35685a)}
.btn-danger{background:rgba(197,83,83,.09);border-color:rgba(197,83,83,.2)}
.badge{padding:4px 8px;font-size:10px;font-weight:560;border-radius:99px}

/* Tables always stay inside the laptop viewport */
.table-wrap,.calls-list-table-wrap,.videos-list-table-wrap,.economy-table-wrap,.economy-heatmap-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.table-wrap{border-radius:13px!important}
.table th,.table td{padding:10px 9px;font-size:12px;line-height:1.35}.table th{font-size:9px;letter-spacing:.055em;font-weight:650}
.table tr:hover td{background:rgba(57,117,101,.035)}
.table-wrap::-webkit-scrollbar,.calls-list-table-wrap::-webkit-scrollbar,.videos-list-table-wrap::-webkit-scrollbar{height:7px}.table-wrap::-webkit-scrollbar-thumb,.calls-list-table-wrap::-webkit-scrollbar-thumb,.videos-list-table-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}

/* Entity lists */
.master-detail-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)!important;gap:14px!important;align-items:start!important}
.master-panel,.detail-panel{padding:15px!important;min-width:0!important}
.entity-list{gap:7px!important}.entity-row{padding:11px!important;border-radius:12px!important;box-shadow:none!important;min-width:0!important;gap:12px!important}.entity-row:hover{transform:none!important;border-color:var(--border-strong)!important;background:var(--panel-2)!important}.entity-row.active{border-color:rgba(57,117,101,.45)!important;background:rgba(57,117,101,.065)!important}
.entity-row-main strong{font-size:13px!important}.entity-row-main .muted.small{font-size:11px!important}.entity-row-meta{gap:6px!important;min-width:0!important}.entity-inline-meta{font-size:10px!important}
.dating-host-list-photo{width:56px!important;height:56px!important;border-radius:15px!important;font-size:20px!important;box-shadow:none!important}.entity-row-main-host-photo{min-width:135px!important;flex-direction:row!important;text-align:left!important;align-items:center!important}.entity-host-copy-stacked{align-items:flex-start!important}.host-profile-counter{padding:5px 7px!important;min-width:44px!important}.host-profile-counter strong{font-size:12px!important}.host-profile-counter small{font-size:8px!important}
.profile-ops-grid,.host-ops-grid{gap:9px!important}.profile-ops-card,.host-ops-card{padding:12px!important;border-radius:13px!important;box-shadow:none!important}.profile-ops-value,.host-ops-value{font-size:23px!important;font-weight:650!important}.profile-ops-label,.host-ops-label{font-size:10px!important;font-weight:620!important}.profile-ops-foot,.host-ops-foot{font-size:10px!important}
.hostprofiles-filter-card{padding:12px!important}.hostprofiles-toolbar{display:grid!important;grid-template-columns:minmax(180px,1.25fr) minmax(180px,1.25fr) minmax(130px,.85fr) minmax(130px,.85fr) auto!important;gap:9px!important;align-items:end!important;width:100%!important}.hostprofiles-toolbar>*{min-width:0!important}.hostprofiles-filter-control{display:grid;gap:5px}.hostprofiles-filter-control>span{font-size:10px;font-weight:650;color:var(--muted);letter-spacing:.035em}.hostprofiles-filter-control .form-control{width:100%!important;min-width:0!important;height:40px!important;padding-block:8px!important}.hostprofiles-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.hostprofiles-filter-actions .btn{width:auto!important;min-height:40px!important;white-space:nowrap}.hostprofiles-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.hostprofiles-pagination-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* List and editor are intentionally separate views. The PHP controllers and forms remain shared. */
.page-hosts.entity-list-mode #hostEditorPanel,.page-host-profiles.entity-list-mode .master-detail-grid>.detail-panel{display:none!important}
.page-hosts.entity-list-mode .master-detail-grid,.page-host-profiles.entity-list-mode .master-detail-grid{grid-template-columns:minmax(0,1fr)!important}
.page-availability.entity-list-mode .master-detail-grid>.detail-panel{display:none!important}
.page-availability.entity-list-mode .master-detail-grid{grid-template-columns:minmax(0,1fr)!important}
.page-availability.entity-detail-mode .master-detail-grid>.master-panel{display:none!important}
.page-availability.entity-detail-mode .master-detail-grid{grid-template-columns:minmax(0,1fr)!important;max-width:1120px;margin-left:auto;margin-right:auto}
.page-hosts.entity-edit-mode .host-channel-grid,.page-hosts.entity-edit-mode .master-detail-grid>.master-panel{display:none!important}
.page-host-profiles.entity-edit-mode .hostprofiles-filter-card,.page-host-profiles.entity-edit-mode .profile-ops-grid,.page-host-profiles.entity-edit-mode .master-detail-grid>.master-panel{display:none!important}
.page-hosts.entity-edit-mode .master-detail-grid,.page-host-profiles.entity-edit-mode .master-detail-grid{grid-template-columns:minmax(0,1fr)!important;max-width:1040px;margin-left:auto;margin-right:auto}
.page-hosts.entity-edit-mode .detail-panel,.page-host-profiles.entity-edit-mode .detail-panel{padding:20px!important}
.editor-page-head{padding-bottom:12px;border-bottom:1px solid var(--border)}

/* Communication sessions use a full-width list, then a dedicated detail view. */
.page-chats.entity-list-mode .chat-detail-card,.page-calls.entity-list-mode .calls-detail-card,.page-videos.entity-list-mode .videos-detail-card{display:none!important}
.page-chats.entity-list-mode .chat-list-detail-grid,.page-calls.entity-list-mode .calls-list-detail-grid,.page-videos.entity-list-mode .videos-list-detail-grid{grid-template-columns:minmax(0,1fr)!important}
.page-chats.entity-detail-mode .chat-filter-strip,.page-chats.entity-detail-mode .chat-list-card,.page-calls.entity-detail-mode .calls-filter-strip,.page-calls.entity-detail-mode .calls-list-card,.page-videos.entity-detail-mode .videos-filter-strip,.page-videos.entity-detail-mode .videos-list-card{display:none!important}
.page-chats.entity-detail-mode .chat-list-detail-grid,.page-calls.entity-detail-mode .calls-list-detail-grid,.page-videos.entity-detail-mode .videos-list-detail-grid{display:block!important;width:100%!important;max-width:1080px;margin:0 auto}
.chat-filter-main,.calls-filter-main,.videos-filter-main{grid-template-columns:minmax(160px,1.25fr) repeat(3,minmax(120px,.8fr)) minmax(135px,.9fr) auto!important;gap:7px!important}
.chat-filter-strip,.calls-filter-strip,.videos-filter-strip,.chat-list-card,.calls-list-card,.videos-list-card,.chat-detail-card,.calls-detail-card,.videos-detail-card{border-radius:15px!important;box-shadow:var(--shadow-soft)!important}
.chat-list-table-wrap,.calls-list-table-wrap,.videos-list-table-wrap{max-width:100%;overflow:auto!important;border-radius:12px!important}
.chat-list-table,.calls-list-table,.videos-list-table{min-width:820px!important}.chat-list-table th,.chat-list-table td,.calls-list-table th,.calls-list-table td,.videos-list-table th,.videos-list-table td{padding:9px 8px!important;font-size:11px!important}
.chat-detail-grid,.calls-detail-grid,.videos-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.chat-detail-item,.calls-detail-item,.videos-detail-item{padding:10px!important;border-radius:11px!important}.chat-detail-item .value,.calls-detail-item .value,.videos-detail-item .value{font-size:12px!important;font-weight:560!important}.session-back-link{margin-bottom:12px}

/* Calm operational accents */
.host-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.host-channel-card{padding:14px!important;border-radius:14px!important;box-shadow:var(--shadow-soft)!important;background:var(--panel)!important}.host-channel-total{margin-top:9px!important;font-size:26px!important;font-weight:650!important}.host-channel-online{margin-top:10px!important;font-size:12px!important}.host-channel-link{right:12px!important;bottom:12px!important}
.profile-ops-card::before,.economy-kpi::before{height:3px!important;background:linear-gradient(90deg,#558878,#8bad7e)!important}.profile-ops-card:nth-child(2)::before,.profile-ops-card:nth-child(3)::before,.profile-ops-card:nth-child(4)::before,.profile-ops-card:nth-child(5)::before{background:linear-gradient(90deg,#558878,#c2a76f)!important}.profile-ops-card.review-alert-card::before{background:linear-gradient(90deg,#c08b4d,#bd7167)!important}
.profile-ops-card:hover{transform:none!important;border-color:var(--border-strong)!important;box-shadow:var(--shadow-soft)!important}

/* Login: one quiet, purposeful screen */
.login-page{background:linear-gradient(145deg,#e8eee9 0%,#f6f3eb 48%,#ece7dd 100%)}
html[data-theme="dark"] .login-page{background:linear-gradient(145deg,#19221d,#22241e)}
.login-page::before,.login-page::after{content:"";position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none}
.login-page::before{width:460px;height:460px;left:-180px;top:-190px;background:rgba(71,126,107,.12)}
.login-page::after{width:380px;height:380px;right:-140px;bottom:-160px;background:rgba(190,142,82,.10)}
.login-top-controls{top:16px;right:16px;gap:8px}.login-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:72px 20px 34px}.login-panel{width:100%}.login-card{max-width:430px;padding:28px;border-radius:22px;background:rgba(255,254,250,.9);box-shadow:0 24px 65px rgba(52,64,56,.12);backdrop-filter:blur(24px)}
.login-card-premium::before{width:180px;height:180px;background:radial-gradient(circle,rgba(57,117,101,.11),transparent 68%)}
.brand-header{margin-bottom:27px}.status-pill{padding:6px 9px;font-size:10px;font-weight:560}.login-copy h2{font-size:27px;font-weight:650;margin-bottom:6px}.login-copy p{font-size:13px;line-height:1.5;margin-bottom:20px}.login-card .form-label{font-weight:580}.login-card .form-control{min-height:45px}.login-card .btn-lg{min-height:45px}.password-toggle{border:0;background:transparent;font-size:11px;font-weight:570;color:var(--accent)}

/* Existing page-specific oversized modules */
.hero-dashboard{gap:12px!important}.hero-copy,.hero-stat-card{padding:18px!important;border-radius:17px!important;box-shadow:var(--shadow-soft)!important}.hero-copy p{font-size:13px!important;line-height:1.55!important}.hero-actions{margin-top:15px!important}.hero-metrics{margin-top:14px!important;gap:8px!important}.economy-hero-value{font-size:32px!important;font-weight:650!important}.economy-kpi .value,.economy-rank-value{font-weight:650!important}.economy-kpis,.economy-grid{gap:11px!important}.economy-kpi{padding:13px!important;border-radius:15px!important}.economy-title{font-size:16px!important;font-weight:650!important}

@media(max-width:1400px){
  .main{padding:16px 18px 26px}
  .master-detail-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.68fr)!important}
  .topbar-actions .profile-chip{display:none}
}

@media(max-width:1180px){
  .app-shell{display:block}.main{width:100%;padding:15px 18px 26px}
  .sidebar{position:fixed;inset:0 auto 0 0;height:100dvh;width:238px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:16px 0 40px rgba(31,39,34,.16)}
  .sidebar-is-open{overflow:hidden}.sidebar-is-open .sidebar{transform:translateX(0)}
  .sidebar-backdrop{position:fixed;inset:0;z-index:45;border:0;background:rgba(22,28,24,.30);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease}
  .sidebar-is-open .sidebar-backdrop{display:block;opacity:1;pointer-events:auto}
  .sidebar-open,.sidebar-close{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--text);cursor:pointer}
  .sidebar-close{width:30px;height:30px;min-width:30px;border:0;background:transparent}
  .topbar{position:sticky;top:0;z-index:30;margin:-15px -18px 15px;padding:11px 18px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
  .master-detail-grid{grid-template-columns:1fr!important}
  .hostprofiles-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hostprofiles-filter-actions{grid-column:1/-1;justify-content:flex-start}.hostprofiles-toolbar .btn{width:max-content!important}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chat-filter-main,.calls-filter-main,.videos-filter-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .chat-filter-actions,.calls-filter-actions,.videos-filter-actions{justify-content:flex-start!important}
  .chat-detail-grid,.calls-detail-grid,.videos-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .activity-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  .activity-summary-card{min-height:90px!important;padding:13px!important;border-radius:14px!important;gap:10px!important;box-shadow:var(--shadow-soft)!important}
  .activity-summary-icon{width:40px!important;height:40px!important;border-radius:12px!important}.activity-hero-metrics .stat-value{font-size:24px!important}
  .activity-table-head{display:none!important}
  .activity-group{overflow:visible!important}
  .activity-line{min-width:0!important;grid-template-columns:52px minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:'thumb type status' 'thumb host host' 'thumb profile profile' 'thumb age code' 'thumb live started' 'thumb duration credits' 'thumb manager tcu'!important;gap:7px 10px!important;margin:7px 10px!important;padding:11px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--panel-2)!important}
  .activity-line>*{min-width:0!important;margin:0!important;justify-self:auto!important;grid-column:auto!important}.activity-line>:nth-child(1){grid-area:thumb!important}.activity-line>:nth-child(2){grid-area:type!important}.activity-line>:nth-child(3){grid-area:status!important;justify-self:end!important}.activity-line>:nth-child(4){grid-area:host!important}.activity-line>:nth-child(5){grid-area:profile!important}.activity-line>:nth-child(6){grid-area:age!important}.activity-line>:nth-child(7){grid-area:code!important;justify-self:end!important}.activity-line>:nth-child(8){grid-area:live!important}.activity-line>:nth-child(9){grid-area:started!important;justify-self:end!important}.activity-line>:nth-child(10){grid-area:duration!important}.activity-line>:nth-child(11){grid-area:credits!important;justify-self:end!important}.activity-line>:nth-child(12){grid-area:manager!important}.activity-line>:nth-child(13){grid-area:tcu!important;justify-self:end!important}
}

@media(max-width:760px){
  body{font-size:13px}.main{padding:12px 12px 22px}.topbar{margin:-12px -12px 13px;padding:9px 12px;flex-direction:row!important;align-items:center!important;gap:9px!important}.topbar-heading{min-width:0;flex:1}.page-title{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow{display:none}
  .topbar-actions{margin-left:auto;width:auto}.topbar-actions .lang-switch-label,.topbar-actions .theme-toggle-label{display:none}.topbar-actions .lang-switch-select{min-width:42px}.topbar-actions .theme-toggle,.topbar-actions .lang-switch{padding:7px 9px}
  .section{margin-top:11px}.card,.chart-card,.master-panel,.detail-panel,.detail-card{border-radius:14px!important;padding:12px!important}
  .kpi-grid,.grid-3,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi-value{font-size:22px}.form-row{grid-template-columns:1fr!important;gap:10px!important}
  .hero-dashboard,.economy-hero,.economy-grid{grid-template-columns:1fr!important}.hero-copy h2{font-size:25px!important}
  .hostprofiles-toolbar{grid-template-columns:minmax(0,1fr)!important}.hostprofiles-filter-actions{grid-column:auto;display:grid;grid-template-columns:1fr}.hostprofiles-toolbar .btn{width:100%!important}.hostprofiles-filter-actions .btn{width:100%!important}.hostprofiles-pagination{align-items:flex-start}.hostprofiles-pagination-actions{width:100%;justify-content:space-between}
  .chat-filter-main,.calls-filter-main,.videos-filter-main{grid-template-columns:1fr!important}.chat-date-controls,.calls-date-controls,.videos-date-controls{max-width:100%;overflow-x:auto;padding-bottom:4px}.chat-detail-grid,.calls-detail-grid,.videos-detail-grid{grid-template-columns:1fr!important}
  .profile-ops-grid,.host-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .host-channel-grid{grid-template-columns:1fr!important}
  .page-hosts.entity-edit-mode #hostEditorPanel>.panel-head,.page-host-profiles.entity-edit-mode .detail-panel>.panel-head{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:11px!important}
  .page-hosts.entity-edit-mode #hostEditorPanel>.panel-head .actions,.page-host-profiles.entity-edit-mode .detail-panel>.panel-head .actions{width:100%!important;display:flex!important}.page-hosts.entity-edit-mode #hostEditorPanel>.panel-head .btn,.page-host-profiles.entity-edit-mode .detail-panel>.panel-head .btn{flex:1!important;white-space:nowrap!important}
  .activity-summary-grid{grid-template-columns:1fr!important}.activity-summary-card{min-height:78px!important}.livequery-label{display:none}
  .entity-row,.entity-row-host{flex-direction:column!important;align-items:stretch!important}.entity-row-main-host-photo{min-width:0!important}.entity-row-meta-host{width:100%!important;min-width:0!important;align-items:flex-start!important;text-align:left!important}.host-profile-counter-grid-inline{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .login-top-controls{top:10px;right:10px}.login-top-controls .lang-switch-label,.login-top-controls .theme-toggle-label{display:none}.login-shell{padding:65px 12px 18px}.login-card{padding:22px 18px;border-radius:18px}.login-copy h2{font-size:24px}
}

@media(max-width:420px){
  .kpi-grid,.grid-3,.grid-2,.profile-ops-grid,.host-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.topbar-actions .lang-switch{display:none}.brand-header{align-items:flex-start}.status-pill{max-width:120px}.entity-card-row{grid-template-columns:52px minmax(0,1fr)!important}
}