/* BETMEN black and yellow palette. Horizontal workspace layout retained. */
@font-face { font-family:Inter; src:url('/brand/Inter.ttf?v=8') format('truetype'); font-weight:100 900; font-display:swap; }
:root {
  color-scheme:dark; --bg:#0b0e11; --card:#11161c; --surface-raised:#171d24;
  --surface-input:#0d1217; --line:#28313b; --border:var(--line); --text:#f3f4f5;
  --muted:#94a0ad; --lime:#ffe500; --success:#84d5ae; --warning:#e8be7f; --danger:#efa3ae;
  --radius:16px; font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
* { box-sizing:border-box; }
html { scrollbar-color:#3c4855 #0b0e11; scroll-padding-bottom:110px; }
body { margin:0; background:var(--bg); color:var(--text); font-size:14px; line-height:1.5; -webkit-font-smoothing:antialiased; }
button,input,textarea,select,h1,h2,h3 { font-family:inherit; }
h1,h2,h3,p { margin:0; }
button,a,input,textarea,select,summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; transition:background .15s,border-color .15s,color .15s; }
button:disabled { opacity:.45; cursor:default; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--lime); }
[hidden] { display:none!important; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible { outline:2px solid var(--lime); outline-offset:3px; }
input,textarea,select { min-height:44px; max-width:100%; min-width:0; padding:11px 13px; border:1px solid #34404d; border-radius:11px; background:var(--surface-input); color:var(--text); font-size:13px; box-shadow:none; }
input::placeholder,textarea::placeholder { color:#82909f; }
input:focus,textarea:focus,select:focus { border-color:#85919e; box-shadow:none; }
label { display:flex; flex-direction:column; gap:7px; color:#b6c0cc; font-size:12px; }
.primary { min-height:44px; padding:11px 17px; border:1px solid var(--lime); border-radius:8px; background:var(--lime); color:#121500; font-weight:700; box-shadow:none; }
.primary:hover { background:#f1d900; border-color:#f1d900; }
.text-button { min-height:44px; padding:9px 12px; border:1px solid #34404d; border-radius:8px; background:#19212a; color:#d1d8e0; font-size:12px; font-weight:550; white-space:nowrap; }
.text-button:hover { color:#fff; background:#222d39; border-color:#586675; }
.eyebrow { display:block; color:#8b99a8; font-size:9px; font-weight:650; letter-spacing:1.25px; line-height:1.5; }
.nav-icon { display:block; width:19px; height:19px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
.error { color:var(--danger); font-size:12px; line-height:1.6; }
.notice { padding:12px 15px; border:1px solid #695332; border-radius:8px; background:#242016; color:#ecd0a7; font-size:12px; line-height:1.6; margin-bottom:16px; overflow-wrap:anywhere; }

/* Horizontal command bar. */
.workspace { display:block; min-height:100dvh; }
.sidebar { position:sticky; z-index:40; top:0; display:flex; flex-direction:row; align-items:center; gap:24px; width:100%; height:80px; padding:14px max(28px,calc((100vw - 1540px)/2)); border:0; border-bottom:1px solid #34404d; background:#0f141a; color:#f3f4f5; overflow:visible; box-shadow:0 3px 12px #00000012; }
.brand { display:flex; align-items:center; gap:10px; color:var(--text); font-size:15px; font-weight:800; letter-spacing:.15px; }
.brand div { font-size:14px; white-space:nowrap; }
.brand small { display:block; margin-top:4px; font-size:8px; font-weight:550; letter-spacing:1px; color:#8391a0; }
.brand-icon,.brand-mark { display:grid; place-items:center; flex:none; width:39px; height:39px; background:transparent; color:#ffe500; border-radius:0; }
.brand-icon svg,.brand-mark svg { display:block; width:39px; height:39px; }
.sidebar .brand { flex:none; min-height:46px; padding:0; color:#f3f4f5; }
.sidebar .brand-icon,.sidebar .brand-mark { color:#ffe500; }
.sidebar .brand small { color:#bdd0e3; }
.sidebar-caption { display:none; }
.sidebar-nav { display:flex; align-items:center; gap:5px; flex:1; min-width:0; }
.sidebar .view-link { display:flex; align-items:center; justify-content:center; gap:8px; width:auto; min-height:46px; padding:11px 13px; margin:0; border:1px solid transparent; border-radius:10px; background:transparent; color:#a3afbd; font-size:12px; font-weight:550; white-space:nowrap; }
.sidebar .view-link:hover { color:var(--text); background:#19212a; }
.sidebar .view-link.active,.sidebar .view-link.nav-active { color:var(--lime); border-color:#ffe50026; background:#ffe5000f; }
.sidebar .view-link span { display:block; }
.sidebar .view-link .nav-icon { width:18px; height:18px; }
.mini-count { margin-left:0; padding:1px 6px; border:1px solid #ffe50029; border-radius:6px; background:#ffe5000a; color:var(--lime); font-size:10px; }
.nav-link { display:flex; align-items:center; min-height:44px; padding:8px 0; margin:0; border:0; color:#9aa8b8; background:transparent; font-size:11px; white-space:nowrap; }
.nav-link:hover { color:var(--text); background:transparent; }
.sidebar-bottom { display:flex; align-items:center; justify-content:flex-end; gap:15px; margin:0 0 0 auto; padding:0; border:0; color:#8795a5; font-size:11px; white-space:nowrap; }
.sidebar-bottom .text-button { min-height:44px; padding:10px 13px; color:#f3f4f5; border-color:#34404d; background:#171d24; font-size:11px; }
.sidebar-bottom .text-button:hover { background:#222d39; border-color:#34404d; }
.workspace main { width:100%; max-width:1540px; min-width:0; margin:0 auto; padding:26px 32px 28px; }
.page-heading,.admin-masthead { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:77px; margin:0 0 23px; padding:0; border:0; }
.workspace-summary { min-width:0; }
.workspace-kicker { color:#9aa9ba; font-size:9px; font-weight:650; letter-spacing:1.25px; margin-bottom:5px; }
.desk-header h1 { font-size:29px; font-weight:750; line-height:1.3; letter-spacing:-1px; margin:0; color:#f3f4f5; }
.desk-header p { max-width:none; margin-top:6px; color:var(--muted); font-size:12px; line-height:1.6; }
.masthead-identity { display:none; }
.header-tools { display:flex; align-items:center; justify-content:flex-end; gap:9px; }
.connection { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; margin:0; border:1px solid #31483c; border-radius:30px; background:#14221b; color:#a9d3bd; font-size:11px; white-space:nowrap; line-height:1.6; }
.connection::before { content:''; display:block; width:6px; height:6px; flex:none; border-radius:50%; background:var(--success); }
.connection.offline { border-color:#695332; background:#282116; color:var(--warning); }
.connection.offline::before { background:var(--warning); }
.mobile-logout,.view-tabs { display:none; }
.view-section { min-width:0; }
.workspace-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:20px; margin-top:18px; border-top:1px solid #202832; color:#758393; font-size:10px; text-align:left; }
.workspace-footer span:first-child { font-size:9px; font-weight:650; letter-spacing:1px; }

/* Compact summary, charts and payment health. */
.compact-toolbar,.business-toolbar,.section-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 13px; color:var(--muted); font-size:11px; line-height:1.6; }
.compact-toolbar .text-button { min-height:36px; padding:7px 11px; font-size:11px; }
.stats,.business-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.stat { min-width:0; padding:21px 22px 18px; background:var(--card); color:var(--text); border:1px solid var(--line); border-radius:var(--radius); text-align:left; box-shadow:none; }
.stat>span,.stat-label { color:#b0bcc9; font-size:11px; }
.stat-label { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.stat-label .nav-icon { width:16px; height:16px; color:#68798d; }
.stat strong,.business-stats .stat strong,.stat:first-child strong { display:block; margin:10px 0 4px; color:var(--text); font-size:31px; font-weight:700; line-height:1.1; letter-spacing:-1px; overflow-wrap:anywhere; }
.stat small { display:block; color:#8c99a8; font-size:10px; line-height:1.6; }
.business-stats .stat:last-child { border-top:1px solid #9b8d27; padding-top:21px; }
.stat .metric-source { display:inline-flex; align-items:center; min-height:21px; margin-top:9px; padding:3px 7px; border:1px solid #34404d; border-radius:5px; background:#171d24; color:#9aa9ba; font-size:9px; line-height:1.4; }
.metric-revenue { background:var(--card); border-color:var(--line); }
.metric-online .stat-label .nav-icon { color:#ffe500; }
.metric-panel .stat-label .nav-icon { color:#9aa9ba; }
.metric-payments .stat-label .nav-icon { color:#9aa9ba; }
.metric-revenue .stat-label .nav-icon { color:#ffe500; }
.stat:hover { border-color:#435263; }
button.stat.active { border-color:#8e842b; background:#1f2118; }
.order-health { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; margin:0 0 16px; border:1px solid #354b40; border-left:3px solid #78ad92; border-radius:9px; background:#131e18; }
.order-health>div { min-width:0; }
.order-health .eyebrow { font-size:8px; color:#99b7a8; }
.order-health h2 { margin:3px 0; color:#e1ede6; font-size:14px; font-weight:650; line-height:1.5; }
.order-health p { margin:4px 0; color:#b2c4ba; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.order-health small { display:block; color:#91a49b; font-size:10px; line-height:1.5; }
.order-health .text-button { flex:none; background:#ffffff05; }
.order-health-warning { background:#241f15; border-color:#715b34; border-left-color:#d2a561; }
.order-health-warning h2,.order-health-warning p,.order-health-warning .eyebrow { color:#e8c995; }
.order-health-error { background:#26181d; border-color:#804251; border-left-color:#d18092; }
.order-health-error h2,.order-health-error p,.order-health-error .eyebrow { color:#efb4c2; }
.order-health-error small { color:#c89ea8; }
.order-health .message-error { color:var(--danger); }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:16px; margin:0 0 16px; }
.dashboard-card { min-width:0; padding:22px 24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--card); box-shadow:none; }
.card-heading,.section-heading { display:flex; align-items:center; justify-content:space-between; gap:13px; flex-wrap:wrap; margin:0; }
.dashboard-card h2,.section-heading h2 { margin:3px 0 0; color:var(--text); font-size:15px; font-weight:650; letter-spacing:-.2px; line-height:1.5; }
.section-note { margin:5px 0 0; color:var(--muted); font-size:11px; line-height:1.6; }
.chart-legend { color:#d4c951; font-size:9px; line-height:1.7; }
.chart-legend span { color:#93abc5; margin-left:7px; }
.activity-chart { display:flex; gap:10px; margin:17px 0 0; padding-bottom:11px; border-bottom:1px solid var(--line); }
.chart-column { flex:1; min-width:0; text-align:center; }
.chart-bars { height:162px; display:flex; align-items:flex-end; justify-content:center; gap:4px; }
.bar-wrap { width:21px; max-width:40%; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; }
.bar-count { font-size:10px; margin-bottom:6px; color:#a7b3bf; }
.chart-bar { width:100%; min-height:3px; border-radius:5px 5px 0 0; background:#c6b933; }
.chart-bar.replies { background:#7e98b6; }
.chart-day { display:block; margin-top:10px; color:#8d9aaa; font-size:10px; }
.chart-note { margin-top:10px; color:var(--muted); font-size:10px; line-height:1.65; overflow-wrap:anywhere; }
.finance-total { display:flex; flex-direction:column; gap:4px; margin:18px 0 16px; }
.finance-total strong { color:var(--text); font-size:33px; font-weight:700; line-height:1.2; letter-spacing:-1px; overflow-wrap:anywhere; }
.finance-total span { color:#8d9aaa; font-size:10px; }
#currency { min-height:36px; padding:7px 9px; font-size:11px; }
.mini-metrics { display:grid; gap:10px; margin:0; padding-top:12px; border-top:1px solid var(--line); }
.mini-metrics>div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mini-metrics span { color:#a1afbf; font-size:11px; }
.mini-metrics strong { font-size:16px; font-weight:600; }
.finance-note { font-size:9px; }
.service-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.service-metrics .dashboard-card { padding:14px 17px; }
.service-metrics span { display:block; color:#a7b4c2; font-size:11px; line-height:1.6; }
.service-metrics strong { display:block; margin:7px 0 4px; font-size:24px; font-weight:650; color:var(--text); }
.service-metrics small { color:#8a97a6; font-size:10px; line-height:1.6; }
.maintenance-panel { padding:0 18px; }
.maintenance-panel>details>summary { min-height:48px; display:flex; align-items:center; cursor:pointer; color:#b5c1cf; font-size:12px; font-weight:550; list-style:none; }
.maintenance-panel>details>summary::after { content:'+'; margin-left:auto; color:#91a1b4; font-size:19px; font-weight:400; }
.maintenance-panel>details[open]>summary::after { content:'−'; }
.maintenance-panel>details[open] { padding-bottom:18px; }
.maintenance-panel .card-heading { padding-top:12px; border-top:1px solid var(--line); }
.maintenance-panel .card-heading a { display:inline-flex; align-items:center; min-height:44px; color:#bdcbe0; font-size:11px; }
.public-maintenance-form { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin-top:13px; }
.public-maintenance-form label:first-child { flex:1; min-width:220px; }
.public-maintenance-form input { width:100%; }
.public-maintenance-form button { font-size:12px; }

/* Tables and the same records as phone cards. */
.users-card,.purchases-card { margin-bottom:16px; }
.table-toolbar { display:flex; align-items:end; gap:10px; flex-wrap:wrap; margin:16px 0 0; }
.table-toolbar .search-field { flex:1 1 250px; min-width:0; }
.table-toolbar input,.users-card input { width:100%; max-width:100%; font-size:13px; }
.table-toolbar>select { flex:0 1 230px; width:230px; max-width:100%; }
.table-toolbar .text-button { min-height:44px; }
#users-activity-summary,#server-overview { display:flex; flex-wrap:wrap; gap:7px; line-height:1.6; }
#users-activity-summary { margin:13px 0 0; }
.summary-chip { display:inline-flex; align-items:center; gap:7px; min-height:29px; padding:5px 9px; border:1px solid #303b47; border-radius:6px; background:#17202a; color:#a9b6c5; font-size:10px; line-height:1.5; }
.summary-chip strong { color:#e4e9ef; font-size:11px; font-weight:650; }
.summary-chip.ok { border-color:#324e40; background:#16221b; color:#abd5bf; }
.summary-chip.warning { border-color:#665235; background:#252016; color:#d7bb92; }
.summary-chip.critical { border-color:#75414e; background:#281920; color:#e7afbc; }
.summary-chip.unknown { color:#9aa8b8; }
.summary-warning { flex-basis:100%; color:var(--warning); font-size:11px; }
.table-scroll { overflow:auto; margin-top:16px; border:1px solid var(--line); border-radius:8px; }
.business-table,.users-card .business-table { border-collapse:collapse; width:100%; min-width:820px; font-size:12px; white-space:nowrap; }
.business-table th { padding:11px 13px; color:#92a0b1; background:#141c25; font-size:10px; font-weight:600; text-align:left; letter-spacing:.1px; }
.business-table td { padding:13px; border-top:1px solid #25303c; color:#dce2e9; font-size:12px; vertical-align:middle; }
.business-table tr:hover td { background:#17202a; }
.business-table td strong { font-size:12px; font-weight:650; }
.business-table td small { display:block; max-width:250px; margin-top:4px; color:#8d9fb3; font-size:10px; line-height:1.6; overflow-wrap:anywhere; white-space:normal; }
.user-identity { display:flex; align-items:center; gap:10px; min-width:0; }
.user-avatar { width:32px; height:32px; flex:none; display:grid; place-items:center; border:1px solid #364252; border-radius:8px; background:#1d2835; color:#bccbde; font-size:11px; font-weight:700; }
.user-identity-copy { min-width:0; }
.user-identity-copy strong { display:block; max-width:200px; overflow:hidden; text-overflow:ellipsis; }
.business-table .user-identity-copy small { margin-top:2px; }
.connection-username { display:inline-flex; align-items:center; min-height:32px; color:#97b9e5; font-weight:550; }
.connection-username:hover { color:#c1d5ed; text-decoration:underline; }
.badge { display:inline-block; padding:4px 7px; border-radius:5px; border:1px solid #354154; color:#b7c7db; background:#202b3b; font-size:10px; line-height:1.45; font-weight:550; }
.badge.new { background:#ffe50010; border-color:#736c30; color:#e3d96d; }
.badge.waiting,.badge.payment-status.pending,.badge.subscription-status.limited { color:#dfc195; background:#292218; border-color:#645232; }
.badge.closed,.badge.subscription-status.expired,.badge.subscription-status.disabled,.badge.payment-status.canceled,.badge.payment-status.unknown { color:#a8b5c5; background:#222a35; border-color:#3a4657; }
.badge.subscription-status.active,.badge.payment-status.completed { color:#a8d6bd; background:#18291f; border-color:#345241; }
.badge.payment-status.failed { color:#e4b0bd; background:#2a1d23; border-color:#70424d; }
.badge.payment-status.refunded { color:#b9bfd5; background:#242535; border-color:#45475f; }
.delivery-status { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:550; color:#a6b2c4; }
.delivery-status::before { content:''; width:5px; height:5px; background:currentColor; border-radius:50%; flex:none; }
.delivery-status.done,.delivery-status.applied { color:#a0ceb5; }
.delivery-status.pending { color:#e2adbb; }
.delivery-status.refunded { color:#aeb3cf; }
.order-row-error td { background:#261920; }
.order-row-warning td { background:#242016; }
.business-table .order-row-error:hover td { background:#302129; }
.business-table .order-row-warning:hover td { background:#30281a; }
#business-orders td:last-child { min-width:145px; }
#business-orders td:last-child .text-button { min-height:36px; white-space:normal; text-align:center; }
.pagination { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0 0; border-top:1px solid var(--line); margin-top:14px; font-size:11px; color:#94a2b4; }
.pagination .text-button { min-height:36px; font-size:11px; }
.recent-row { width:100%; display:grid; grid-template-columns:minmax(0,1fr) 110px 150px; align-items:center; gap:15px; padding:14px 0; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--text); font-size:12px; text-align:left; }
.recent-row:last-child { border-bottom:0; }
.recent-row:hover { background:#161e28; }
.recent-row time { color:#8d9fb3; font-size:10px; }
.recent-person { display:flex; align-items:center; gap:10px; min-width:0; }
.recent-person>div { min-width:0; }
.recent-person strong { font-size:12px; }
.recent-person p { font-size:11px; color:#96a5b8; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:5px; }
.purchases-card .recent-row { cursor:default; }
.purchases-card .recent-row strong { overflow-wrap:anywhere; }
.list-empty { padding:36px 18px; text-align:center; color:var(--muted); font-size:12px; line-height:1.7; }

/* Infrastructure. Three columns on wide screens; detail is progressive. */
.server-toolbar { display:flex; gap:13px; flex-wrap:wrap; align-items:end; margin:17px 0; padding:0; }
.server-toolbar label { flex:1; min-width:170px; max-width:350px; color:#a7b4c4; font-size:11px; }
.server-toolbar input,.server-toolbar select { display:block; width:100%; margin-top:0; font-size:13px; }
.server-toolbar p { flex-basis:100%; margin:0; font-size:11px; color:var(--muted); }
.server-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:17px 0; }
.server-card { min-width:0; align-self:start; padding:21px; }
.server-heading { align-items:flex-start; gap:10px; flex-wrap:nowrap; }
.server-title-group { display:flex; align-items:center; gap:9px; min-width:0; }
.server-node-icon { display:grid; place-items:center; width:31px; height:31px; border:1px solid #3a4757; border-radius:7px; background:#1c2734; color:#b5c9e1; flex:none; font-size:9px; font-weight:750; letter-spacing:.5px; }
.server-title-group h2,.server-heading h2 { font-size:14px; margin:0; line-height:1.5; overflow-wrap:anywhere; }
.server-purpose { margin:10px 0 0; font-size:10px; color:#91a0b1; line-height:1.6; }
.server-meta,.server-free { color:#91a0b1; font-size:10px; line-height:1.75; overflow-wrap:anywhere; }
.server-meta { margin:5px 0 0; }
.server-state { display:inline-flex; align-items:center; justify-content:center; padding:4px 7px; border:1px solid transparent; border-radius:5px; font-size:9px; font-weight:600; line-height:1.5; white-space:nowrap; }
.server-state.ok { color:#a5d0b7; border-color:#31483c; background:#18281f; }
.server-state.warning { color:#e3bf88; border-color:#665035; background:#2a2218; }
.server-state.critical { color:#ecafbd; border-color:#754451; background:#321f27; }
.server-state.unknown,.server-state.previous { color:#a5b2c2; border-color:#3a4655; background:#222b36; }
.server-stale .server-metrics,.server-stale .server-extra-metrics { opacity:1; }
.server-stale .server-metric { background:#171d24; border-style:dashed; }
.server-critical { border-color:#8e4c5d; box-shadow:inset 3px 0 0 #b96b7f; animation:none; }
.server-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:14px 0 10px; }
.server-metric,.resource-metric { padding:12px 11px; border:1px solid #34404d; border-radius:8px; background:#171d24; }
.server-metric>span { display:block; color:#93a2b5; font-size:9px; line-height:1.5; }
.server-metric strong { display:block; color:#e4eaf1; font-size:24px; font-weight:650; letter-spacing:-.7px; margin:6px 0 8px; line-height:1.1; }
.server-meter { height:3px; background:#2a3543; border-radius:2px; overflow:hidden; }
.server-meter span { display:block; height:100%; background:#8ba4bd; border-radius:2px; }
.server-meter .high { background:#dfa268; }
.resource-metric.warning { border-color:#665134; background:#272116; }
.resource-metric.critical { border-color:#754451; background:#2b1b23; }
.server-recovery-status { margin:12px 0; padding:12px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.server-recovery-status>strong { display:block; color:#cad4e0; font-size:11px; font-weight:600; line-height:1.6; }
.server-action-row,.server-recovery-actions,.server-secondary-actions { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:9px; }
.server-action-row .chart-note { margin:0; font-size:9px; }
.server-action-button { min-height:38px; padding:8px 11px; border:1px solid #3e4d5e; border-radius:7px; background:#202c3a; color:#c8d6e8; font-size:10px; font-weight:550; }
.server-action-button:hover { background:#29394b; border-color:#5a6d83; }
.server-action-button:disabled { opacity:.45; cursor:wait; }
.server-job-result { margin:9px 0 0; font-size:10px; color:#a3ceb6; line-height:1.6; overflow-wrap:anywhere; }
.server-job-result.failed { color:var(--danger); }
.server-details { margin-top:9px; border-top:1px solid #25303c; }
.server-details>summary { display:flex; align-items:center; gap:7px; min-height:42px; padding:11px 0; color:#aab8c9; cursor:pointer; font-size:11px; line-height:1.6; list-style:none; }
.server-details>summary::before { content:'›'; color:#7e8fa4; font-size:16px; line-height:1; }
.server-details[open]>summary::before { transform:rotate(90deg); }
.server-section-title { margin:16px 0 9px; font-size:12px; font-weight:600; color:#c4cfdc; }
.server-check-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:39px; padding:9px 0; border-bottom:1px solid #24303d; font-size:10px; line-height:1.65; }
.server-check-row>span:first-child { min-width:0; color:#c3cfdd; overflow-wrap:anywhere; }
.server-check-row .server-state { flex:none; }
.server-extra-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:9px 0 13px; }
.server-extra-metrics>div { padding:9px 0; border-bottom:1px solid var(--line); }
.server-extra-metrics span { display:block; margin-bottom:5px; color:#8f9fb4; font-size:10px; }
.server-extra-metrics strong { color:#d1dae5; font-size:12px; font-weight:550; }
.server-advice,.server-maintenance { padding:12px; border:1px solid #665134; border-radius:8px; background:#272116; color:#dfc19b; font-size:11px; line-height:1.65; margin:12px 0 0; }
.server-advice strong,.server-advice h3,.server-maintenance strong { font-size:12px; font-weight:600; }
.server-advice p,.server-maintenance p { margin:6px 0 0; font-size:11px; line-height:1.65; color:inherit; }
.server-advice.critical,.server-maintenance.critical { border-color:#754351; background:#2c1c24; color:#e8b3c0; }
.server-maintenance { background:#14211b; border-color:#345144; color:#bad6c7; }
.server-maintenance strong { display:block; color:inherit; }
.server-maintenance.warning { border-color:#665134; background:#272116; color:#dfc19b; }
.server-maintenance.unknown { border-color:#3b4a5e; background:#1c2735; color:#b2bfd1; }
.server-maintenance-label { display:block; margin-bottom:7px; color:inherit; font-size:9px; letter-spacing:1px; }
.servers-warning { padding:10px 12px; margin-top:12px; border-left:2px solid #c69f63; border-radius:0 6px 6px 0; background:#252017; color:#dfc394; font-size:11px; line-height:1.65; }
.server-critical-banner { border-left-color:#d47d94; background:#2c1b23; color:#e4b5c2; }
.server-certificates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin-top:9px; }
.server-certificates .server-advice { align-self:start; }

/* Support inbox and conversations. */
#ticket-stats { margin-bottom:16px; }
#ticket-stats .stat { padding:15px 17px; }
#ticket-stats .stat strong { margin:7px 0 4px; font-size:27px; }
#ticket-stats .stat>span { color:#a7b4c4; font-size:11px; }
.desk { display:grid; grid-template-columns:308px minmax(0,1fr); height:calc(100dvh - 365px); min-height:510px; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--card); }
.inbox { display:flex; flex-direction:column; min-height:0; border-right:1px solid var(--line); background:#101720; }
.inbox-heading { padding:16px 17px 0; }
.inbox-heading .eyebrow { font-size:8px; }
.inbox-heading h2 { margin-top:3px; color:#d9e1ea; font-size:14px; font-weight:650; }
.inbox-tools { padding:13px; border-bottom:1px solid var(--line); }
.search { position:relative; display:block; }
.search span { position:absolute; left:12px; top:6px; color:#8b9aad; font-size:23px; }
.search input { width:100%; padding-left:37px; font-size:12px; }
.filters { display:flex; gap:3px; flex-wrap:wrap; margin-top:10px; }
.filters button { min-height:34px; padding:7px 8px; border:1px solid transparent; border-radius:6px; background:transparent; color:#93a4b8; font-size:10px; }
.filters button:hover { color:#e8edf3; background:#1b2837; }
.filters button.active { border-color:#746c31; background:#ffe5000d; color:#ded582; }
.ticket-list { overflow:auto; flex:1; min-height:0; padding:7px; }
.ticket-row { width:100%; min-height:86px; padding:12px 10px; margin:0 0 4px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--text); text-align:left; }
.ticket-row:hover { background:#1b2634; }
.ticket-row.selected { background:#22251c; border-color:#696437; }
.ticket-row .row-heading { display:flex; align-items:center; gap:8px; }
.avatar { width:32px; height:32px; flex:none; display:grid; place-items:center; border:1px solid #3b4a5d; border-radius:8px; background:#253246; color:#c8d8ee; font-size:12px; font-weight:650; }
.ticket-row h3 { max-width:140px; margin:0; font-size:12px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ticket-row time { margin-left:auto; color:#8c9ab0; font-size:9px; white-space:nowrap; }
.ticket-row .preview { margin:9px 0; color:#a0b0c5; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.row-bottom { display:flex; align-items:center; justify-content:space-between; gap:9px; color:#8a9ab0; font-size:9px; }
.inbox .pagination { padding:9px 11px; margin:0; }
.conversation { display:flex; min-width:0; min-height:0; background:#0f151d; }
.empty-state { margin:auto; padding:36px; color:#93a2b5; text-align:center; }
.empty-symbol { width:48px; height:48px; display:grid; place-items:center; margin:0 auto 17px; border:1px solid #354458; border-radius:12px; background:#1b2635; color:#c7d5e6; font-size:25px; }
.empty-state h2 { margin-bottom:9px; font-size:16px; color:#dce4ee; font-weight:600; }
.empty-state p { font-size:12px; line-height:1.8; }
.ticket-detail { display:flex; flex-direction:column; width:100%; min-height:0; }
.conversation-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; flex:none; padding:17px 20px; border-bottom:1px solid var(--line); background:#141c27; }
.person { min-width:0; display:flex; align-items:center; gap:10px; }
.person .avatar { width:37px; height:37px; font-size:14px; }
.person h2 { max-width:320px; font-size:14px; font-weight:650; overflow-wrap:anywhere; }
.person p { margin-top:4px; color:#97a7bd; font-size:10px; }
.status-control { font-size:10px; gap:4px; }
.status-control select { max-width:160px; min-height:40px; padding:8px 10px; font-size:12px; }
.context { display:flex; flex:none; gap:7px; flex-wrap:wrap; padding:10px 20px; border-bottom:1px solid var(--line); background:#101823; }
.context span { max-width:100%; padding:5px 7px; border:1px solid #334257; border-radius:5px; color:#b9c7dc; font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.conversation-notice { display:none; }
.messages { display:flex; flex-direction:column; flex:1; min-height:0; gap:12px; padding:20px; overflow:auto; overscroll-behavior:contain; }
.message { max-width:85%; align-self:flex-start; padding:12px 14px; border:1px solid #36475d; border-radius:11px 11px 11px 3px; background:#202c3b; color:#e6ebf2; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.message.out,.message.outgoing { align-self:flex-end; border-color:#515037; border-radius:11px 11px 3px 11px; background:#27291f; }
.message .message-text { white-space:pre-wrap; }
.message-meta { display:flex; gap:9px; justify-content:flex-end; margin-top:7px; color:#a0aec0; font-size:9px; }
.message-meta .failed,.message-meta .uncertain,.message-error { color:#edb0c0; }
.message-error { margin-top:7px; font-size:11px; }
.attachment { display:block; margin:6px 0; color:#bbd3ef; font-size:12px; }
.message img { display:block; width:100%; max-width:280px; max-height:250px; object-fit:contain; margin:6px 0; border-radius:7px; background:#131c29; }
.message video,.message audio { display:block; max-width:100%; margin-top:10px; }
.message video { width:100%; max-height:360px; border-radius:8px; background:#0c1420; }
.message .ticket-sticker { width:150px; height:150px; object-fit:contain; background:transparent; }
.message .ticket-image { max-height:360px; object-fit:contain; }
.media-caption { display:block; color:#a1b2c7; font-size:10px; margin-top:6px; }
.composer { flex:none; padding:14px 20px; border-top:1px solid var(--line); background:#151e2a; }
.composer label { color:#b3c1d5; font-size:11px; }
.composer textarea { width:100%; min-height:72px; max-height:200px; margin:8px 0; font-size:13px; line-height:1.6; resize:vertical; background:#0e1723; }
.composer-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.composer-footer span { color:#8f9fb7; font-size:10px; }
.composer-footer select { flex:1; min-width:0; }
.composer .primary { font-size:12px; }
.mobile-back { display:none; }

/* Login is a restrained, separate entry screen. */
.login-screen { min-height:100dvh; display:grid; grid-template-columns:minmax(0,1fr); place-items:center; padding:32px; background:#0b0e11; }
.login-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); width:860px; min-width:0; max-width:100%; border:1px solid #2e3844; border-radius:18px; background:#11161c; overflow:hidden; box-shadow:0 24px 65px #0003; }
.login-visual { position:relative; display:flex; flex-direction:column; padding:34px; border-right:0; background:#0f141a; }
.login-visual>.eyebrow { color:#b2becb; font-size:9px; }
.login-emblem { width:180px; height:180px; display:grid; place-items:center; align-self:center; margin:30px 0 24px; border:1px solid #303b48; border-radius:50%; background:#161d24; color:var(--lime); }
.login-emblem svg { width:148px; height:148px; display:block; }
.login-visual h2 { color:var(--text); font-size:28px; font-weight:750; letter-spacing:-.9px; line-height:1.3; }
.login-visual>p { color:#8e9cab; font-size:12px; line-height:1.9; margin-top:15px; }
.login-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:22px; }
.login-tags span { padding:5px 9px; border:1px solid #34404d; border-radius:6px; background:#171d24; color:#ffe500; font-size:10px; }
.login-visual-foot { margin-top:auto; padding-top:32px; color:#778697; font-size:8px; letter-spacing:.8px; }
.login-card { width:100%; max-width:none; padding:38px 35px; border:0; border-radius:0; background:#11161c; box-shadow:none; }
.login-card .brand { margin-bottom:32px; }
.login-form-eyebrow { font-size:8px; color:#8795a6; margin-bottom:9px; }
.login-card h1 { font-size:25px; font-weight:750; letter-spacing:-.8px; line-height:1.3; margin:0 0 9px; }
.login-card>p:not(.error) { margin-bottom:26px; font-size:12px; line-height:1.7; color:#95a3b4; }
.login-card label { margin:16px 0; color:#b5c1cf; font-size:12px; }
.login-card input { min-height:46px; width:100%; }
.login-card .primary { width:100%; min-height:46px; margin:8px 0; font-size:13px; }
.login-hint { display:block; margin-top:12px; color:#8b99aa; font-size:11px; line-height:1.7; }
.login-card .error { margin-top:9px; }

/* Explicit panel and VPS sources keep resource readings understandable. */
.server-metric-source { display:block; margin-top:7px; color:#9aa9ba; font-size:9px; line-height:1.6; overflow-wrap:anywhere; }
.server-panel-summary { margin:14px 0; padding:13px; border:1px solid #2b3745; border-radius:11px; background:#151c24; }
.server-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.server-panel-heading>strong { color:#f3f4f5; font-size:12px; font-weight:650; }
.server-panel-summary>.chart-note { margin-top:6px; color:#9aa9ba; font-size:9px; line-height:1.7; }
.server-panel-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 14px; padding-top:11px; margin-top:9px; border-top:1px solid #34404d; }
.server-panel-grid>div { min-width:0; }
.server-panel-grid .label { display:block; margin-bottom:4px; color:#9aa9ba; font-size:10px; line-height:1.5; }
.server-panel-grid strong { display:block; color:#f3f4f5; font-size:14px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
.server-source-note { margin:10px 0 0; color:#9aa9ba; font-size:10px; line-height:1.7; overflow-wrap:anywhere; }

@media (min-width:1400px) {
  .server-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (min-width:1700px) {
  .desk { grid-template-columns:350px minmax(0,1fr); }
}
@media (min-width:851px) and (max-width:1200px) {
  .sidebar { gap:17px; padding-inline:22px; }
  .sidebar .view-link { padding:11px 9px; gap:7px; font-size:11px; }
  .sidebar-nav { gap:2px; }
  .sidebar .brand div { font-size:12px; }
  .sidebar .brand small { font-size:7px; }
  .nav-link,.sidebar-bottom>span { display:none; }
  .workspace main { padding-inline:26px; }
  .desk { grid-template-columns:270px minmax(0,1fr); }
  .person h2 { max-width:210px; }
  .conversation-header,.composer { padding:14px; }
}

/* Phones/tablets:safe-area bottom menu and labelled record cards. */
@media (max-width:850px) {
  html { scroll-padding-bottom:112px; }
  body { font-size:14px; }
  input,select,textarea,.table-toolbar input,.users-card input,.server-toolbar input,.server-toolbar select,.search input,.status-control select,.composer textarea { font-size:16px; min-height:46px; }
  button,.text-button,.primary,.pagination .text-button,.compact-toolbar .text-button,.server-action-button { min-height:44px; }
  .sidebar { display:none; }
  .workspace { display:block; }
  .workspace main { max-width:none; padding:0 max(17px,env(safe-area-inset-right)) calc(109px + env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left)); }
  .page-heading,.admin-masthead { display:grid; grid-template-columns:minmax(0,1fr) auto; min-height:112px; gap:13px; padding:20px 0 18px; margin:0 0 19px; align-items:center; }
  .masthead-identity { display:none; }
  .desk-header h1 { font-size:25px; letter-spacing:-.8px; }
  .desk-header p { max-width:390px; font-size:11px; margin-top:6px; line-height:1.7; }
  .header-tools { gap:7px; align-self:start; margin-top:2px; }
  .header-tools .connection { max-width:112px; padding:6px 8px; white-space:normal; text-align:left; font-size:9px; line-height:1.6; }
  .mobile-logout { display:inline-flex; width:44px; justify-content:center; align-items:center; padding:8px; background:transparent; }
  .mobile-logout .nav-icon { width:19px; height:19px; }
  .view-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; position:fixed; z-index:50; left:0; right:0; bottom:0; min-height:calc(73px + env(safe-area-inset-bottom)); margin:0; padding:7px max(7px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left)); border:0; border-top:1px solid #34404d; border-radius:0; background:#10161cf5; backdrop-filter:blur(18px); overflow:visible; }
  .view-tabs button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-width:0; min-height:57px; margin:0; padding:8px 2px; border:1px solid transparent; border-radius:8px; background:transparent; color:#98a7b8; font-size:11px; line-height:1.3; font-weight:550; text-align:center; flex-shrink:1; }
  .view-tabs button .nav-icon { width:21px; height:21px; }
  .view-tabs button span { display:block; }
  .view-tabs button.active,.view-tabs button.nav-active { background:#ffe5000e; border-color:#ffe50022; color:var(--lime); }
  .view-tabs button:hover { color:#edf2f8; }
  .workspace-footer { margin-top:17px; padding-top:17px; font-size:10px; }
  .compact-toolbar,.business-toolbar,.section-toolbar { font-size:11px; line-height:1.7; gap:12px; align-items:center; }
  .compact-toolbar>span { max-width:67%; }
  .compact-toolbar .text-button { padding:9px 10px; font-size:11px; }
  .stats,.business-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:15px; }
  .stat,.business-stats .stat { padding:16px 15px 14px; border-radius:10px; }
  .stat-label,.stat>span { font-size:11px; }
  .stat-label .nav-icon { width:15px; height:15px; }
  .stat strong,.business-stats .stat strong,.stat:first-child strong { font-size:29px; margin:9px 0 5px; }
  .stat small,.business-stats .stat small { display:block; font-size:10px; line-height:1.65; }
  .business-stats .stat:last-child { padding-top:15px; }
  .stat .metric-source { margin-top:7px; min-height:19px; font-size:8px; padding:2px 6px; }
  .order-health { align-items:flex-start; flex-direction:column; padding:14px 16px; gap:11px; margin-bottom:15px; }
  .order-health h2 { font-size:14px; }
  .order-health p { font-size:12px; line-height:1.65; }
  .order-health small { font-size:11px; }
  .order-health .text-button { min-height:44px; }
  .dashboard-grid { grid-template-columns:1fr; gap:14px; margin-bottom:14px; }
  .dashboard-card { padding:18px 17px; border-radius:11px; }
  .dashboard-card h2 { font-size:16px; }
  .card-heading,.section-heading { gap:11px; }
  .chart-legend { font-size:10px; }
  .activity-chart { gap:5px; margin-top:20px; }
  .chart-bars { height:162px; gap:3px; }
  .chart-day { font-size:10px; }
  .bar-count { font-size:10px; }
  .chart-note,.section-note { font-size:11px; }
  .finance-total { margin:20px 0 18px; }
  .finance-total strong { font-size:32px; }
  .finance-total span { font-size:11px; }
  .mini-metrics span { font-size:12px; }
  .mini-metrics strong { font-size:17px; }
  #currency { min-height:44px; font-size:16px; }
  .service-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:15px; }
  .service-metrics .dashboard-card { padding:14px; }
  .service-metrics span { font-size:11px; }
  .service-metrics strong { font-size:24px; margin:8px 0 5px; }
  .service-metrics small { font-size:10px; }
  .maintenance-panel { padding:0 16px; }
  .maintenance-panel>details>summary { min-height:48px; font-size:12px; }
  .public-maintenance-form { gap:13px; }
  .public-maintenance-form label:first-child { min-width:0; flex-basis:100%; }
  .public-maintenance-form input,.public-maintenance-form select { width:100%; }
  .public-maintenance-form button { flex:1 1 100%; }
  .table-toolbar { margin-top:16px; gap:10px; align-items:stretch; }
  .table-toolbar .search-field { flex-basis:100%; }
  .table-toolbar>select { flex:1 1 180px; width:100%; }
  .table-toolbar .text-button { flex:none; font-size:12px; }
  .summary-chip { min-height:31px; font-size:11px; }
  .summary-chip strong { font-size:12px; }
  .table-scroll { overflow:visible; margin:17px 0 0; border:0; border-radius:0; }
  .business-table,.users-card .business-table { display:block; width:100%; min-width:0; white-space:normal; }
  .business-table thead { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; }
  .business-table tbody { display:grid; gap:12px; }
  .business-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:15px 12px; min-width:0; padding:17px; border:1px solid #303d4d; border-radius:11px; background:#111923; }
  .business-table tbody tr:hover { background:#15202d; }
  .business-table td,.business-table tr:last-child td { display:block; min-width:0; padding:0; border:0; background:transparent; color:#dbe4ef; font-size:13px; line-height:1.55; white-space:normal; overflow-wrap:anywhere; }
  .business-table tr:hover td { background:transparent; }
  .business-table td::before { content:attr(data-label); display:block; margin-bottom:5px; color:#95a5ba; font-size:11px; line-height:1.5; }
  .business-table td strong { font-size:14px; }
  .business-table td small { max-width:none; font-size:11px; margin-top:5px; line-height:1.6; }
  .user-identity { align-items:flex-start; gap:8px; }
  .user-avatar { width:29px; height:29px; font-size:10px; border-radius:7px; }
  .user-identity-copy strong { max-width:none; overflow:visible; text-overflow:clip; line-height:1.5; white-space:normal; }
  .business-table td .badge,.business-table td .server-state { padding:5px 7px; font-size:11px; line-height:1.5; white-space:normal; }
  .business-table .connection-username { min-height:44px; color:#a6c7ef; font-size:13px; white-space:normal; overflow-wrap:anywhere; }
  #business-users td:nth-child(1)::before,#business-users td:nth-child(2)::before { display:none; }
  #business-users td:nth-child(2) { text-align:right; }
  #business-users td:nth-child(7) { grid-column:1/-1; padding-top:12px; border-top:1px solid #2b3849; }
  #business-orders td:first-child { grid-column:1/-1; padding-bottom:13px; border-bottom:1px solid #2b3849; }
  #business-orders td:first-child::before { display:none; }
  #business-orders td:nth-child(2) { color:#f1f4f9; font-size:21px; font-weight:650; }
  #business-orders td:nth-child(2)::before { font-weight:400; }
  #business-orders td:last-child { grid-column:1/-1; min-width:0; padding-top:12px; border-top:1px solid #2b3849; }
  #business-orders td:last-child::before { display:none; }
  #business-orders td:last-child .text-button { width:100%; min-height:44px; padding:10px; font-size:12px; color:#e4dca0; border-color:#766d36; background:#ffe50009; }
  #business-orders .order-row-error { border-color:#854658; background:#251920; }
  #business-orders .order-row-warning { border-color:#7b6139; background:#272117; }
  #business-orders .order-row-error td,#business-orders .order-row-warning td { background:transparent; }
  .delivery-status { font-size:12px; }
  .pagination { font-size:12px; padding-top:14px; }
  .pagination .text-button { font-size:12px; min-height:44px; }
  .recent-row,.purchases-card .recent-row { grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:15px 0; }
  .recent-row strong { font-size:13px; }
  .recent-row time { grid-column:1/-1; padding-left:0; font-size:11px; }
  .server-toolbar { gap:13px; margin:17px 0; padding:0; }
  .server-toolbar label { min-width:0; max-width:none; flex-basis:100%; font-size:12px; }
  .server-toolbar p { font-size:12px; }
  .server-cards { grid-template-columns:1fr; gap:14px; margin:16px 0; }
  .server-card { padding:18px 16px; }
  .server-heading { align-items:flex-start; gap:11px; }
  .server-heading h2,.server-card .card-heading h2 { font-size:16px; line-height:1.5; }
  .server-node-icon { width:32px; height:32px; }
  .server-heading>.server-state { flex:none; max-width:43%; white-space:normal; text-align:center; font-size:10px; padding:5px 7px; }
  .server-purpose,.server-meta,.server-free { font-size:11px; line-height:1.75; }
  .server-metrics { margin:14px 0 11px; gap:8px; }
  .server-metric { padding:12px 10px; }
  .server-metric>span { font-size:10px; line-height:1.6; }
  .server-metric strong { font-size:26px; margin:7px 0 9px; }
  .server-recovery-status>strong { font-size:12px; line-height:1.7; }
  .server-action-row .chart-note { font-size:10px; }
  .server-action-button { min-height:44px; font-size:11px; }
  .server-details>summary { min-height:46px; font-size:12px; padding:13px 0; }
  .server-check-row { min-height:42px; gap:9px; font-size:12px; line-height:1.6; }
  .server-check-row .server-state { font-size:10px; white-space:normal; text-align:center; }
  .server-extra-metrics span { font-size:11px; line-height:1.6; }
  .server-extra-metrics strong { font-size:13px; }
  .server-advice { font-size:12px; }
  .server-advice p,.server-maintenance p { font-size:12px; }
  .server-advice strong,.server-advice h3 { font-size:13px; }
  .server-certificates { grid-template-columns:1fr; gap:0; }
  #ticket-stats { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
  #ticket-stats .stat { padding:13px 9px; }
  #ticket-stats .stat>span { font-size:10px; line-height:1.5; }
  #ticket-stats .stat strong { margin:6px 0 0; font-size:24px; }
  #ticket-stats .stat small { display:none; }
  #tickets-view { min-height:460px; }
  .desk { grid-template-columns:1fr; min-height:460px; height:calc(100dvh - 310px); border-radius:11px; }
  .desk:not(.show-detail) .conversation,.desk.show-detail .inbox { display:none; }
  .desk.show-detail .conversation { display:flex; }
  .inbox { border-right:0; }
  .inbox-heading { padding:17px 16px 0; }
  .inbox-heading h2 { font-size:16px; }
  .inbox-tools { padding:13px; }
  .filters { flex-wrap:nowrap; overflow-x:auto; gap:4px; }
  .filters button { flex:0 0 auto; min-height:44px; padding:10px 11px; font-size:12px; }
  .ticket-row { padding:16px 12px; }
  .ticket-row h3 { max-width:220px; font-size:14px; }
  .ticket-row .preview { font-size:13px; line-height:1.65; }
  .ticket-row time { font-size:10px; }
  .mobile-conversation,.conversation-open { overflow:hidden; }
  .mobile-conversation #notice,.conversation-open #notice { display:none; }
  .mobile-conversation .conversation-notice:not([hidden]),.conversation-open .conversation-notice:not([hidden]) { display:block; flex:none; margin:0; padding:10px 16px; border:0; border-bottom:1px solid #695332; border-radius:0; max-height:100px; overflow:auto; font-size:12px; line-height:1.6; }
  .mobile-conversation .desk.show-detail,.conversation-open .desk.show-detail { position:fixed; z-index:45; left:0; right:0; top:calc(var(--conversation-top,0px) + env(safe-area-inset-top)); height:calc(var(--conversation-height,calc(100dvh - 73px - env(safe-area-inset-bottom))) - env(safe-area-inset-top)); min-height:0; border:0; border-radius:0; }
  .mobile-conversation.keyboard-open .view-tabs,.conversation-open.keyboard-open .view-tabs { display:none; }
  .conversation,.ticket-detail { min-width:0; min-height:0; height:100%; }
  .conversation-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 14px; flex:none; padding:12px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left)); }
  .conversation-header .mobile-back { display:inline-flex; align-items:center; grid-column:1/-1; width:fit-content; min-height:44px; padding:8px 0; border:0; background:transparent; font-size:14px; }
  .person { min-width:0; gap:10px; }
  .person h2 { max-width:none; font-size:16px; }
  .person p { font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
  .person .avatar { width:34px; height:34px; font-size:14px; }
  .status-control { width:160px; max-width:none; font-size:11px; }
  .status-control select { width:100%; max-width:none; padding:9px 8px; }
  .context { flex:none; padding:9px 16px; max-height:125px; overflow:auto; }
  .context span { font-size:11px; line-height:1.5; padding:5px 7px; }
  .messages { min-height:0; padding:16px; gap:13px; -webkit-overflow-scrolling:touch; }
  .message { max-width:94%; padding:12px 14px; font-size:14px; line-height:1.65; }
  .message time { font-size:11px; }
  .composer { flex:none; padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left)); }
  .composer label { font-size:12px; margin-bottom:7px; }
  .composer textarea { height:76px; min-height:64px; max-height:120px; resize:none; margin:10px 0; padding:10px 12px; }
  .composer-footer { gap:9px; justify-content:space-between; }
  .composer-footer select { flex:1; width:0; max-width:none; }
  .composer-footer .text-button { flex:none; font-size:12px; padding:9px; }
  .composer-footer .primary { min-height:44px; padding:10px 17px; font-size:14px; }
  .composer-footer #reply-hint { display:none; }
  .composer-footer:last-child { justify-content:flex-end; }
  .keyboard-open .context,.keyboard-open .person p,.keyboard-open .composer>.composer-footer:first-of-type { display:none; }
  .keyboard-open .conversation-header { padding-top:4px; padding-bottom:9px; gap:4px 12px; }
  .keyboard-open .composer { padding-bottom:max(12px,env(safe-area-inset-bottom)); }
  .login-screen { padding:20px max(18px,env(safe-area-inset-right)) 20px max(18px,env(safe-area-inset-left)); }
  .login-card label { font-size:13px; }
  .login-card>p:not(.error),.login-hint,.login-card .error { font-size:13px; }
  .login-card .primary { min-height:48px; font-size:15px; }
}

@media (min-width:701px) and (max-width:850px) {
  .business-table tbody { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .server-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .server-toolbar label { flex:1 1 220px; }
  .dashboard-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
}
@media (max-width:700px) {
  .users-card,#orders-control { padding:0; border:0; background:transparent; }
  .users-card .card-heading>div,#orders-control .card-heading h2 { display:none; }
  .users-card .card-heading,#orders-control .card-heading { margin-bottom:0; }
  #orders-view>.section-toolbar p { display:none; }
  #orders-view>.section-toolbar { justify-content:flex-end; }
  #servers-view>.dashboard-card:first-child { padding:0; border:0; background:transparent; }
  #servers-view>.dashboard-card:first-child h2 { display:none; }
  #servers-view>.dashboard-card:first-child .card-heading { display:flex; flex-wrap:nowrap; align-items:center; margin:0; }
  #servers-view>.dashboard-card:first-child .card-heading>div { flex:1; min-width:0; }
  #servers-view>.dashboard-card:first-child .chart-note { margin:0; }
  .login-layout { display:block; width:440px; border-radius:14px; }
  .login-visual { display:none; }
  .login-card { padding:30px 26px; }
  .login-card .brand { margin-bottom:30px; }
  .login-card h1 { font-size:25px; }
}
@media (max-width:360px) {
  .workspace main { padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right)); }
  .desk-header h1 { font-size:23px; }
  .header-tools { flex-direction:column; align-items:flex-end; gap:5px; }
  .header-tools .connection { max-width:96px; font-size:8px; }
  .view-tabs button { font-size:10px; letter-spacing:-.2px; }
  .dashboard-card { padding:17px 13px; }
  .users-card,#orders-control { padding:0; }
  .business-table tbody tr { padding:14px; gap:14px 10px; }
  .user-avatar { display:none; }
  .activity-toolbar>select { flex-basis:100%; }
  .activity-toolbar .text-button { width:100%; }
  #ticket-stats .stat { padding:12px 7px; }
  #ticket-stats .stat>span { font-size:9px; }
  .conversation-header { gap:8px; }
  .person .avatar { display:none; }
}
@media (max-width:850px) and (max-height:560px) {
  .mobile-conversation .context,.mobile-conversation .person p,.mobile-conversation .composer>.composer-footer:first-of-type,
  .conversation-open .context,.conversation-open .person p,.conversation-open .composer>.composer-footer:first-of-type { display:none; }
  .mobile-conversation .conversation-header,.conversation-open .conversation-header { padding-block:4px 9px; gap:4px 12px; }
  .mobile-conversation .composer label,.conversation-open .composer label { display:none; }
  .mobile-conversation .composer textarea,.conversation-open .composer textarea { height:64px; margin-top:0; }
}
@media (min-width:600px) and (max-width:850px) and (max-height:560px) {
  .mobile-conversation .conversation-header,.conversation-open .conversation-header { grid-template-columns:auto minmax(0,1fr) 165px; gap:16px; padding:8px 16px; align-items:center; }
  .mobile-conversation .conversation-header .mobile-back,.conversation-open .conversation-header .mobile-back { grid-column:auto; }
  .mobile-conversation .status-control,.conversation-open .status-control { width:100%; max-width:none; gap:0; font-size:0; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* Owner-selected graphite sidebar, reusing the existing authenticated workspace. */
:root{--bg:#101114;--card:#191a1e;--surface-raised:#202126;--surface-input:#15161a;--line:#2d2e34;--border:var(--line);--text:#f2f2f4;--muted:#a0a1aa;--lime:#ffe500;--radius:14px}
.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start}
.workspace>.sidebar{position:sticky;top:0;height:100dvh;width:220px;display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:0;padding:28px 17px 18px;border:0;border-right:1px solid var(--line);background:#131417;box-shadow:none;z-index:40}
.sidebar .brand{padding:0 7px}.sidebar .brand-icon,.sidebar .brand-icon svg{width:34px;height:34px}.sidebar .brand div{font-size:15px}.sidebar .brand small{font-size:8px;color:var(--muted)}
.sidebar .sidebar-caption{display:block;margin:38px 12px 14px;color:#82848d;font-size:9px;letter-spacing:1.2px}
.sidebar .sidebar-nav{display:grid;align-items:stretch;gap:6px;flex:none;width:100%}
.sidebar .view-link{justify-content:flex-start;gap:12px;width:100%;border:0;padding:12px 13px;border-radius:9px;background:transparent;color:#a0a1aa;font-size:12px}
.sidebar .view-link.active{color:var(--lime);background:#ffe50012}.sidebar .view-link:hover:not(.active){background:var(--surface-raised)}.sidebar .mini-count{margin-left:auto}
.sidebar .nav-link{margin:18px 11px 0;font-size:11px;color:var(--muted);white-space:normal}
.sidebar .sidebar-bottom{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;padding:17px 8px 0;border-top:1px solid var(--line);color:var(--muted)}
.sidebar-bottom #operator{width:100%;overflow-wrap:anywhere}.sidebar-bottom .text-button{background:transparent;border:0;color:var(--muted);padding-left:0}
.workspace main{width:100%;min-width:0;max-width:1700px;margin:0 auto;padding:0 30px 28px}
.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;border-bottom:1px solid var(--line);margin:0 -30px 26px;padding:15px 30px;background:#121317}
.dashboard-breadcrumb{font-size:11px;color:var(--muted)}.dashboard-breadcrumb>span{margin:0 10px;color:#565861}
.dashboard-global-search{width:min(360px,55%)}.dashboard-global-search input{min-height:38px;padding:9px 12px;font-size:11px;border-color:var(--line);border-radius:8px;width:100%;background:var(--card)}
.workspace .desk-header{min-height:75px;margin-bottom:18px}.desk-header h1{font-weight:650}.workspace .view-tabs{display:none}
.workspace .text-button{border-color:#36373e;background:#202126;color:#d5d6dc}
.workspace .dashboard-card,.workspace .stat{background:var(--card);border-color:var(--line);box-shadow:none}
.workspace .business-stats .stat{padding:18px 19px;border-radius:14px}.business-stats .stat strong{color:var(--text);font-size:30px;font-weight:600}.business-stats .metric-revenue{border-top-color:#817321;background:var(--card);color:var(--text)}
.business-stats .metric-revenue strong,.business-stats .metric-revenue small{color:var(--text)}.business-stats .metric-revenue small{color:var(--muted)}.business-stats .metric-revenue>span{color:#bfc0c9}
.dashboard-new-users{padding:0!important;border-top-color:#786c21!important;margin-bottom:20px;overflow:hidden}
.dashboard-new-users .card-heading,.dashboard-columns .card-heading,.dashboard-bottom .card-heading{padding:19px 21px 16px;margin:0;gap:15px}
.dashboard-new-users h2{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:15px}.dashboard-count{font-size:10px;font-weight:500;color:var(--lime);background:#ffe5000c;border:1px solid #ffe50030;padding:3px 7px;border-radius:5px}
.dashboard-periods{display:flex;align-items:center;gap:3px}.dashboard-periods button{min-height:36px;background:transparent;border:0;color:var(--muted);font-size:11px;padding:7px 10px;border-radius:7px;white-space:nowrap}.dashboard-periods button.active{background:#2b2c32;color:var(--text)}
.dashboard-table-wrap{width:100%;overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;line-height:1.5}
.dashboard-table th{background:#17181c;color:#9799a3;font-size:10px;font-weight:500;padding:10px 16px;border-top:1px solid var(--line);white-space:nowrap}.dashboard-table td{border-top:1px solid var(--line);padding:12px 16px;color:#d2d4de;vertical-align:middle}.dashboard-table th:first-child,.dashboard-table td:first-child{padding-left:21px}
.dashboard-table td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.dashboard-table td b,.dashboard-table td strong{font-weight:550;font-size:12px}.dashboard-table tr:hover td{background:#202126}
.dashboard-person{display:flex;align-items:center;gap:10px}.dashboard-person>div{min-width:0}.dashboard-person .detail-trigger{min-height:30px;font-size:12px;padding:3px 0;line-height:1.4}.dashboard-avatar{display:grid;place-items:center;width:33px;height:33px;flex:none;border-radius:10px;background:#2a2c33;color:#c5c8d5;font-size:12px;font-weight:550}.dashboard-person small{display:block;margin-top:1px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.dashboard-arrow{display:grid;place-items:center;min-width:30px;min-height:38px;padding:0;color:var(--muted);background:transparent;border:0;font-size:21px}
.dashboard-badge{display:inline-block;max-width:100%;padding:4px 7px;border:1px solid #444650;border-radius:5px;font-size:10px;line-height:1.5;color:var(--muted);white-space:normal}.dashboard-badge.active{color:var(--success);background:#1e3227;border-color:#345442}.dashboard-badge.trial{color:#c0aedc;background:#30283c;border-color:#473d57}.dashboard-badge.warning{color:var(--warning);background:#392f21;border-color:#5f4b32}.dashboard-badge.expired{color:var(--danger);background:#321f27;border-color:#5f3d47}
.dashboard-panel-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 21px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.6;margin:0}.dashboard-link{border:0;background:transparent;color:var(--lime);font-size:11px;font-weight:550;min-height:36px;padding:5px 0;white-space:normal;text-align:left}.dashboard-link:hover{text-decoration:underline;text-underline-offset:3px}
.dashboard-alerts{border:1px solid #54482e;background:#242018;border-radius:10px;padding:13px 16px;margin-bottom:20px}.dashboard-alerts>summary{color:#ead8b9;font-size:12px;cursor:pointer}.dashboard-alerts .admin-attention{margin:18px 0 0;background:transparent}.dashboard-alerts .attention-heading{margin-top:10px}
.dashboard-columns,.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-bottom:18px;align-items:start}.dashboard-columns>.dashboard-card,.dashboard-bottom>.dashboard-card{padding:0;overflow:hidden}.dashboard-columns h2,.dashboard-bottom h2{font-size:15px}
.dashboard-subscription-table td{font-size:11px}.dashboard-days strong{display:block;font-size:13px}.dashboard-subscription-table .dashboard-person{gap:8px}.dashboard-subscription-table .dashboard-avatar{width:29px;height:29px;font-size:11px}
.dashboard-country-list{padding:0 21px 10px}.dashboard-country{display:flex;align-items:center;gap:10px;width:100%;min-height:35px;padding:7px 0;background:transparent;border:0;border-bottom:1px solid var(--line);color:#c5c7cf;font-size:11px;text-align:left}.dashboard-country:last-child{border-bottom:0}.dashboard-country-code{width:22px;color:#f2f2f4;font-size:10px;font-weight:600}.dashboard-country-total{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.dashboard-status-dot{width:6px;height:6px;border-radius:50%;background:#74767f;flex:none}.dashboard-country.ok .dashboard-status-dot{background:var(--success)}.dashboard-country.warning .dashboard-status-dot{background:var(--warning)}.dashboard-country.critical .dashboard-status-dot{background:var(--danger)}
.dashboard-payment-row{display:grid;grid-template-columns:53px minmax(0,1fr) auto 120px;align-items:center;gap:12px;padding:13px 21px;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);text-align:left;font-size:12px}.dashboard-payment-row:hover{background:var(--surface-raised)}.dashboard-payment-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.dashboard-payment-row b,.dashboard-payment-row strong{font-weight:550}.dashboard-order-number{color:var(--lime);font-size:11px}.dashboard-support-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-top:1px solid var(--line);padding:13px 21px;background:transparent;color:var(--text);text-align:left;font-size:12px}.dashboard-support-row b{font-weight:550;overflow-wrap:anywhere}.dashboard-support-row small{color:var(--warning);font-size:10px}.dashboard-bottom .chart-note{padding:0 21px 15px}.dashboard-bottom .card-heading .chart-note{padding:0}
.dashboard-more{margin-bottom:18px}.dashboard-more>summary{cursor:pointer;color:var(--muted);font-size:12px;padding:12px 0}.dashboard-more .dashboard-grid{margin-top:15px}.dashboard-more .dashboard-card{padding:20px}.dashboard-table-wrap:focus-visible{outline:2px solid var(--lime)}
.workspace .business-table th{background:#17181c;color:var(--muted)}.workspace .business-table td{border-color:var(--line)}.workspace .business-table tr:hover td{background:var(--surface-raised)}.workspace .user-avatar{background:#2a2c33}.workspace .server-card,.workspace .attention-card{background:var(--card);border-color:var(--line)}
@media(min-width:851px) and (max-width:1220px){.workspace{grid-template-columns:190px minmax(0,1fr)}.workspace>.sidebar{width:190px;padding-left:12px;padding-right:12px}.workspace main{padding-left:23px;padding-right:23px}.dashboard-topbar{margin-left:-23px;margin-right:-23px;padding-left:23px;padding-right:23px}.dashboard-columns,.dashboard-bottom{grid-template-columns:minmax(0,1fr) 260px}.dashboard-subscription-table{min-width:630px}.dashboard-table-wrap{scrollbar-width:thin}.dashboard-registration-table{min-width:660px}.dashboard-payment-row{grid-template-columns:48px minmax(0,1fr) auto}.dashboard-payment-row>.dashboard-badge{grid-column:2/4;justify-self:start}}
@media(min-width:1550px){.dashboard-columns,.dashboard-bottom{grid-template-columns:minmax(0,1fr) 355px}}
@media(max-width:850px){
 .workspace{display:block}.workspace>.sidebar{display:flex;position:static;width:100%;height:64px;padding:0 20px;align-items:flex-start;justify-content:center;border-right:0;border-bottom:1px solid var(--line)}.sidebar .sidebar-nav,.sidebar .sidebar-caption,.sidebar .sidebar-bottom,.sidebar .nav-link{display:none}.sidebar .brand{padding:0}.sidebar .brand-icon,.sidebar .brand-icon svg{width:30px;height:30px}
 .workspace main{padding:0 max(17px,env(safe-area-inset-right)) calc(109px + env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left))}.dashboard-topbar{margin:0 -17px 0;padding:10px 17px;min-height:54px;gap:10px}.dashboard-breadcrumb{display:none}.dashboard-global-search{width:100%}.dashboard-global-search input{font-size:16px;min-height:44px}.workspace .view-tabs{display:grid;background:#15161bf2;border-color:var(--line)}.workspace .desk-header{padding:18px 0 0;min-height:103px;margin-bottom:17px}
 .dashboard-new-users .card-heading{flex-wrap:wrap;align-items:start;gap:13px;padding:17px}.dashboard-new-users h2{font-size:15px}.dashboard-new-users .chart-note{font-size:11px}.dashboard-periods button{min-height:44px;font-size:12px}
 .dashboard-table{display:block;min-width:0;white-space:normal}.dashboard-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.dashboard-table tbody{display:block}.dashboard-table tr{display:grid;grid-template-columns:minmax(0,1fr) 85px 24px;gap:8px 9px;padding:15px 17px;border-top:1px solid var(--line)}.dashboard-table td,.dashboard-table th:first-child,.dashboard-table td:first-child{display:block;border:0;padding:0;min-width:0;overflow-wrap:anywhere}.dashboard-table tr:hover td{background:transparent}.dashboard-person .detail-trigger{min-height:32px;font-size:13px}.dashboard-person small{font-size:11px}.dashboard-registration-cell{grid-column:2;grid-row:1;text-align:right;align-self:center}.dashboard-name-cell{grid-column:1;grid-row:1}.dashboard-arrow-cell{grid-column:3;grid-row:1/4;align-self:center}.dashboard-access-cell{grid-column:1;grid-row:2}.dashboard-first-cell{grid-column:1/3;grid-row:3;color:var(--muted);font-size:11px;padding-left:43px!important}.dashboard-first-cell:before{content:'Первое подключение: ';color:#777a84}.dashboard-registration-cell small{font-size:10px}.dashboard-arrow{min-height:44px;min-width:24px}.dashboard-panel-foot{padding:12px 17px;font-size:10px}.dashboard-link{min-height:44px;font-size:11px}.dashboard-badge{font-size:11px}
 .dashboard-columns,.dashboard-bottom{grid-template-columns:minmax(0,1fr);gap:15px}.dashboard-columns .card-heading,.dashboard-bottom .card-heading{padding:17px}.dashboard-country-list{padding:0 17px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:17px}.dashboard-country{font-size:10px;gap:7px;min-height:42px}.dashboard-country-total{font-size:10px}.dashboard-country-code{width:17px;font-size:9px}
 .dashboard-subscription-table tr{grid-template-columns:minmax(0,1fr) 100px}.dashboard-subscription-table td:first-child{grid-column:1;grid-row:1/3}.dashboard-subscription-table td:nth-child(2){grid-column:2;grid-row:2}.dashboard-subscription-table td:nth-child(3){grid-column:2;grid-row:1}.dashboard-subscription-table td:nth-child(4),.dashboard-subscription-table td:nth-child(5){display:none}.dashboard-subscription-table .dashboard-avatar{width:33px;height:33px}.dashboard-subscription-table .dashboard-person .detail-trigger{font-size:12px}.dashboard-subscription-table .dashboard-days small{font-size:10px}
 .dashboard-primary-stats .stat{padding:15px!important}.business-stats .stat strong{font-size:27px}.dashboard-payment-row{padding:14px 17px;grid-template-columns:47px minmax(0,1fr) auto;gap:8px;font-size:11px}.dashboard-payment-row>.dashboard-badge{grid-column:2/4;justify-self:start}.dashboard-support-row{padding:14px 17px}.workspace .business-table tbody tr{background:var(--card);border-color:var(--line)}
 .mobile-conversation .dashboard-topbar{display:none}.mobile-conversation .workspace>.sidebar{display:none}
}

@media(max-width:850px){.workspace>.sidebar .brand div{display:block}.workspace>.sidebar .brand small{display:block}}

/* Phone refinements for the selected sidebar admin; desktop rules remain intact. */
.mobile-user-search{display:none}
@media(max-width:850px){
 html{-webkit-text-size-adjust:100%;scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))}
 .workspace>.sidebar{height:auto;min-height:56px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));padding-top:calc(10px + env(safe-area-inset-top))}
 .workspace main{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:calc(98px + env(safe-area-inset-bottom))}
 .dashboard-topbar{display:none}
 .workspace .desk-header{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;min-height:0;padding:16px 0 0;margin-bottom:16px;align-items:center}
 .desk-header .workspace-summary{grid-column:1;grid-row:1}.workspace-kicker,.desk-header #page-lead{display:none}.desk-header h1{font-size:24px;line-height:1.3;overflow-wrap:anywhere}
 .desk-header .header-tools{display:contents}.header-tools .connection{grid-column:1/-1;grid-row:2;justify-self:start;max-width:none;padding:4px 8px;font-size:11px;white-space:normal;line-height:1.5;margin-top:2px}
 .header-tools .mobile-user-search{display:inline-flex;grid-column:2;grid-row:1;justify-content:center;align-items:center;min-height:44px;width:44px;padding:9px;color:var(--muted);background:var(--card)}
 .header-tools .mobile-logout{grid-column:3;grid-row:1;width:44px;min-height:44px}.mobile-user-search.active{color:var(--lime)}
 .workspace .view-tabs{grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(70px + env(safe-area-inset-bottom));padding:6px max(6px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
 .view-tabs button{min-height:56px;min-width:44px;font-size:12px;line-height:1.3;gap:5px}.view-tabs button .nav-icon{width:21px;height:21px}
 .workspace button,.workspace summary,.detail-trigger{touch-action:manipulation}
 .business-toolbar,.section-toolbar{font-size:11px;margin-bottom:12px}.business-toolbar>span{max-width:calc(100% - 100px);line-height:1.5}.workspace .compact-toolbar .text-button{min-height:44px}
 .dashboard-new-users .card-heading{gap:10px;padding:16px 15px 12px}.dashboard-new-users h2{font-size:16px;line-height:1.4}.dashboard-new-users .chart-note{font-size:12px;margin-top:4px;line-height:1.5}.dashboard-count{font-size:11px}
 .dashboard-periods{display:flex;gap:5px;flex:1 1 100%}.dashboard-periods button{flex:1;min-height:44px;border:1px solid var(--line);font-size:13px}.dashboard-periods button.active{border-color:#ffe50060;color:var(--lime);background:#ffe5000d}
 .dashboard-registration-table tr{grid-template-columns:minmax(0,1fr) 88px 44px;gap:8px;padding:14px 15px}
 .dashboard-person{gap:9px;align-items:center}.dashboard-person .detail-trigger{min-height:44px;font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
 .dashboard-avatar{width:36px;height:36px;font-size:13px}.dashboard-person small{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
 .dashboard-registration-cell b{display:none}.dashboard-registration-cell small{font-size:12px;line-height:1.5}.dashboard-registration-cell{align-self:center}
 .dashboard-arrow{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;font-size:23px}
 .dashboard-registration-table .dashboard-access-cell{grid-column:1/3;padding-left:45px}.dashboard-registration-table .dashboard-first-cell{grid-column:1/3;padding-left:45px!important;font-size:12px;line-height:1.5;color:#c0c2cb}
 .dashboard-first-cell:before{color:var(--muted)}.dashboard-badge{font-size:12px;padding:4px 8px}.dashboard-panel-foot{padding:11px 15px;font-size:12px;line-height:1.6}.dashboard-panel-foot .dashboard-link{width:100%;font-size:13px;min-height:44px}
 .dashboard-primary-stats{gap:10px}.workspace .dashboard-primary-stats .stat{padding:15px 13px!important}.dashboard-primary-stats .stat>span{font-size:12px;line-height:1.5}.dashboard-primary-stats .stat strong{font-size:28px;line-height:1.3;overflow-wrap:anywhere}.dashboard-primary-stats .stat small{font-size:11px;line-height:1.6;display:block}
 .dashboard-alerts{padding:0 14px}.dashboard-alerts>summary,.dashboard-more>summary,.maintenance-panel>details>summary{min-height:48px;padding:12px 0;font-size:13px;line-height:1.6}
 .dashboard-columns .card-heading,.dashboard-bottom .card-heading{padding:17px 15px;gap:10px;align-items:start}.dashboard-columns h2,.dashboard-bottom h2{font-size:17px}.dashboard-columns .chart-note,.dashboard-bottom .chart-note{font-size:12px;line-height:1.6}
 .dashboard-columns .card-heading>.dashboard-link,.dashboard-bottom .card-heading>.dashboard-link{min-height:44px;font-size:12px;max-width:none;line-height:1.5;flex:none;white-space:nowrap}
 .dashboard-subscription-table tr{grid-template-columns:minmax(0,1fr) 116px;gap:10px;padding:15px}
 .dashboard-subscription-table .dashboard-person .detail-trigger{font-size:14px;min-height:44px}.dashboard-subscription-table .dashboard-avatar{width:34px;height:34px}
 .dashboard-subscription-table td:nth-child(3){text-align:right}.dashboard-days strong{font-size:16px!important}.dashboard-subscription-table .dashboard-days small{font-size:12px;line-height:1.5}
 .dashboard-subscription-table td:nth-child(4){display:block;grid-column:1/-1;grid-row:3;font-size:12px;line-height:1.6;color:#c0c2cb}
 .dashboard-subscription-table td:nth-child(5){display:block;grid-column:1/-1;grid-row:4;font-size:12px;line-height:1.6;color:#c0c2cb}
 .dashboard-subscription-table td:nth-child(4):before{content:'Устройства: ';color:var(--muted)}.dashboard-subscription-table td:nth-child(5):before{content:'Последний платёж: ';color:var(--muted)}
 .dashboard-country-list{column-gap:14px;padding:0 15px 12px}.dashboard-country{min-height:48px;font-size:12px;gap:7px;line-height:1.5}.dashboard-country-code{font-size:10px;width:19px}.dashboard-country-total{font-size:12px}.dashboard-status-dot{width:7px;height:7px}
 .dashboard-payment-row{grid-template-columns:48px minmax(0,1fr) auto;gap:9px;padding:15px;font-size:13px}.dashboard-order-number{font-size:12px}.dashboard-payment-row small{font-size:12px;line-height:1.6}.dashboard-payment-row>.dashboard-badge{grid-column:2/4}
 .dashboard-support-row{min-height:60px;padding:14px 15px;flex-wrap:wrap;font-size:14px;line-height:1.5}.dashboard-support-row small{font-size:12px}.dashboard-bottom>.dashboard-card .chart-note{padding-left:15px;padding-right:15px}
 .table-toolbar{gap:10px}.table-toolbar input,.table-toolbar select{font-size:16px;min-height:48px}.summary-chip{font-size:12px;min-height:34px}.summary-chip strong{font-size:13px}
 .business-table tbody tr{gap:14px 12px}.business-table td::before{font-size:12px;color:var(--muted)}.business-table td small{font-size:12px}.business-table .detail-trigger{font-size:14px;min-height:44px;line-height:1.5}
 .business-table td .badge,.business-table td .server-state{font-size:12px;line-height:1.5}.business-table .connection-username{display:inline-flex;align-items:center;min-height:44px}
 .server-toolbar label{font-size:13px}.server-metric>span{font-size:12px}.server-metric strong{font-size:25px}.server-check-row{font-size:13px;line-height:1.6}.server-details>summary,.server-history>summary{min-height:48px;padding:12px 0;font-size:13px}
 .server-history-chart-heading strong,.server-history-values{font-size:13px}.server-history-source,.server-history-note,.server-history-status{font-size:12px;line-height:1.6}.server-purpose,.server-vpn-observation,.server-monitor-observation{font-size:12px;line-height:1.6}
 .server-action-button{min-height:48px;font-size:13px}.server-action-row{gap:10px}.server-action-row .chart-note{font-size:12px}.server-check-row .server-state{font-size:11px}
 .composer-footer select,.composer textarea,.status-control select{font-size:16px}.composer-footer .primary{min-height:48px}.mobile-back{min-height:48px}
 .mobile-conversation .desk.show-detail{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:380px){
 .desk-header h1{font-size:22px}.view-tabs button{font-size:11px}
 .dashboard-registration-table tr{grid-template-columns:minmax(0,1fr) 44px}.dashboard-registration-table .dashboard-name-cell{grid-column:1;grid-row:1}.dashboard-registration-table .dashboard-registration-cell{grid-column:1;grid-row:2;text-align:left;padding-left:45px}.dashboard-registration-cell small:before{content:'Регистрация: '}
 .dashboard-registration-table .dashboard-access-cell{grid-column:1;grid-row:3}.dashboard-registration-table .dashboard-first-cell{grid-column:1;grid-row:4}.dashboard-registration-table .dashboard-arrow-cell{grid-column:2;grid-row:1/5}
 .dashboard-country-list{grid-template-columns:minmax(0,1fr)}.dashboard-country{font-size:13px}.dashboard-subscription-table tr{grid-template-columns:minmax(0,1fr) 96px}.dashboard-primary-stats .stat strong{font-size:24px}
}
@media(max-width:850px) and (max-height:500px){
 .workspace>.sidebar{min-height:48px;padding-top:6px;padding-bottom:6px}.workspace .desk-header{padding-top:10px}.workspace .view-tabs{min-height:calc(58px + env(safe-area-inset-bottom));padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom))}.view-tabs button{min-height:50px;gap:3px}.view-tabs button .nav-icon{width:18px;height:18px}
}
@media(hover:none){.view-tabs button:hover{color:var(--muted)}.view-tabs button.active:hover{color:var(--lime)}}