/* User-selectable desktop themes. Colors follow the selection on every screen; layout overrides start above 1024px. */
:root[data-panel-theme="black"]{
    --ui-bg:#000;--ui-surface:#101010;--ui-soft:#181818;--ui-hover:#242424;
    --ui-text:#f2f2f2;--ui-muted:#a7a7a7;--ui-border:#2a2a2a;--ui-accent:#f5f5f5;--ui-accent-soft:#252525;--ui-accent-text:#111;
    --ui-nav:#080808;--ui-nav-text:#c4c4c4;--ui-nav-active:#262626;--ui-nav-border:#252525;--ui-nav-muted:#a0a0a0;
    --ui-success:#80dcb1;--ui-success-bg:#162c21;--ui-warning:#f0c27c;--ui-warning-bg:#342919;--ui-danger:#f29aab;--ui-danger-bg:#341e24;--ui-danger-border:#633643;
    --ui-shadow:none;color-scheme:dark;
  }
:root[data-panel-theme="ocean"]{
    --ui-bg:#eef5ff;--ui-surface:#fff;--ui-soft:#f2f7ff;--ui-hover:#e8f1ff;
    --ui-text:#183458;--ui-muted:#5c7290;--ui-border:#dbe7f7;--ui-accent:#175fe6;--ui-accent-soft:#e8f0ff;--ui-accent-text:#fff;
    --ui-nav:#114ca9;--ui-nav-text:#e5f0ff;--ui-nav-active:#fff;--ui-nav-border:#3073c9;--ui-nav-muted:#bed9ff;
    --ui-success:#07816e;--ui-success-bg:#dff7f0;--ui-warning:#9e650b;--ui-warning-bg:#fff3d7;--ui-danger:#c13b58;--ui-danger-bg:#ffedf2;--ui-danger-border:#f3c5d0;
    --ui-shadow:0 5px 24px rgb(33 94 174 / 6%);color-scheme:light;
  }
:root[data-panel-theme="lilac"]{
    --ui-bg:#f7f3ff;--ui-surface:#fff;--ui-soft:#faf7ff;--ui-hover:#f1eaff;
    --ui-text:#3f285e;--ui-muted:#79648f;--ui-border:#e8ddf5;--ui-accent:#7c3aed;--ui-accent-soft:#f0e7ff;--ui-accent-text:#fff;
    --ui-nav:#f1e9ff;--ui-nav-text:#684887;--ui-nav-active:#7c3aed;--ui-nav-border:#e2d4f8;--ui-nav-muted:#806699;
    --ui-success:#23816a;--ui-success-bg:#e6f7ef;--ui-warning:#996418;--ui-warning-bg:#fff3dc;--ui-danger:#bc3b68;--ui-danger-bg:#ffedf4;--ui-danger-border:#f0c8da;
    --ui-shadow:0 5px 24px rgb(106 60 159 / 5%);color-scheme:light;
  }
:root[data-panel-theme="sunset"]{
    --ui-bg:#fff7ed;--ui-surface:#fffdfa;--ui-soft:#fff4e7;--ui-hover:#ffeedc;
    --ui-text:#563528;--ui-muted:#8c6d58;--ui-border:#eedfce;--ui-accent:#c2472b;--ui-accent-soft:#ffebe0;--ui-accent-text:#fff;
    --ui-nav:#fff0db;--ui-nav-text:#79523b;--ui-nav-active:#c2472b;--ui-nav-border:#ecd5b9;--ui-nav-muted:#88674d;
    --ui-success:#287c61;--ui-success-bg:#e6f4e8;--ui-warning:#95620f;--ui-warning-bg:#fff0cd;--ui-danger:#b93453;--ui-danger-bg:#ffecef;--ui-danger-border:#f0c6d0;
    --ui-shadow:0 5px 24px rgb(157 86 35 / 5%);color-scheme:light;
  }
:root[data-panel-theme="porcelain"]{
    --ui-bg:#f4f5f3;--ui-surface:#fff;--ui-soft:#f7f8f6;--ui-hover:#edf2ee;
    --ui-text:#24382f;--ui-muted:#65766b;--ui-border:#e1e8e1;--ui-accent:#347257;--ui-accent-soft:#eaf3ed;--ui-accent-text:#fff;
    --ui-nav:#fafbf8;--ui-nav-text:#5b6b60;--ui-nav-active:#e6eee5;--ui-nav-border:#e1e7dd;--ui-nav-muted:#78887b;
    --ui-success:#277451;--ui-success-bg:#e9f4ed;--ui-warning:#976626;--ui-warning-bg:#fcf3e5;--ui-danger:#ad5353;--ui-danger-bg:#fbefed;--ui-danger-border:#efceca;
    --ui-shadow:0 3px 16px rgb(35 55 43 / 3%);color-scheme:light;
  }
:root[data-panel-theme="atlas"]{
    --ui-bg:#f0f3fa;--ui-surface:#fff;--ui-soft:#f6f8fd;--ui-hover:#edf1fc;
    --ui-text:#24324f;--ui-muted:#6b7894;--ui-border:#e1e6f1;--ui-accent:#5965d8;--ui-accent-soft:#edf0ff;--ui-accent-text:#fff;
    --ui-nav:#1b2644;--ui-nav-text:#c5cce0;--ui-nav-active:#354773;--ui-nav-border:#34415f;--ui-nav-muted:#94a3c4;
    --ui-success:#32856d;--ui-success-bg:#e9f5ef;--ui-warning:#a9782c;--ui-warning-bg:#fcf3e3;--ui-danger:#bd5a6a;--ui-danger-bg:#fceef1;--ui-danger-border:#efd0d8;
    --ui-shadow:0 5px 24px rgb(47 64 104 / 5%);color-scheme:light;
  }
:root[data-panel-theme="graphite"]{
    --ui-bg:#10171a;--ui-surface:#1a2429;--ui-soft:#202c32;--ui-hover:#28363d;
    --ui-text:#e1eceb;--ui-muted:#a1b4bb;--ui-border:#2e3c43;--ui-accent:#8ed8c2;--ui-accent-soft:#263e38;--ui-accent-text:#132d24;
    --ui-nav:#172025;--ui-nav-text:#b6c8ca;--ui-nav-active:#2b443d;--ui-nav-border:#2b3b3e;--ui-nav-muted:#8ea4ab;
    --ui-success:#8ed8bb;--ui-success-bg:#263e34;--ui-warning:#e8c28d;--ui-warning-bg:#40382c;--ui-danger:#ed9f9f;--ui-danger-bg:#402d32;--ui-danger-border:#68434b;
    --ui-shadow:0 5px 24px rgb(0 0 0 / 10%);color-scheme:dark;
  }
.theme-mini-porcelain{--mini-bg:#f4f5f3;--mini-nav:#fafbf8;--mini-card:#fff;--mini-accent:#347257;background:var(--mini-bg);}
.theme-mini-atlas{--mini-bg:#f0f3fa;--mini-nav:#1b2644;--mini-card:#fff;--mini-accent:#5965d8;background:var(--mini-bg);}
.theme-mini-graphite{--mini-bg:#10171a;--mini-nav:#172025;--mini-card:#202c32;--mini-accent:#8ed8c2;background:var(--mini-bg);}
.theme-mini-black{--mini-bg:#000;--mini-nav:#080808;--mini-card:#202020;--mini-accent:#f5f5f5;background:var(--mini-bg);border:1px solid #333;}
.theme-mini-ocean{--mini-bg:#eef5ff;--mini-nav:#175fe6;--mini-card:#fff;--mini-accent:#09a5b3;background:var(--mini-bg);}
.theme-mini-lilac{--mini-bg:#f7f3ff;--mini-nav:#e8dbff;--mini-card:#fff;--mini-accent:#7c3aed;background:var(--mini-bg);}
.theme-mini-sunset{--mini-bg:#fff7ed;--mini-nav:#ffe3bd;--mini-card:#fffdfa;--mini-accent:#c2472b;background:var(--mini-bg);}
.theme-mini:is(.theme-mini-black,.theme-mini-ocean,.theme-mini-lilac,.theme-mini-sunset,.theme-mini-porcelain,.theme-mini-atlas,.theme-mini-graphite)>i{background:var(--mini-nav);}
.theme-mini:is(.theme-mini-black,.theme-mini-ocean,.theme-mini-lilac,.theme-mini-sunset,.theme-mini-porcelain,.theme-mini-atlas,.theme-mini-graphite)>span>b{background:var(--mini-accent);}
.theme-mini:is(.theme-mini-black,.theme-mini-ocean,.theme-mini-lilac,.theme-mini-sunset,.theme-mini-porcelain,.theme-mini-atlas,.theme-mini-graphite)>span>em{background:var(--mini-card);box-shadow:none;}
/* Private desktop design study. Existing rows, values and permissions are retained. */
@media(min-width:1025px){
  body.desktop-theme .app{--ui-sidebar:248px;font-size:15px;line-height:1.7;}
  body.desktop-theme .app aside{position:fixed;inset-block:16px;height:calc(100dvh - 32px);inset-inline-start:16px;width:232px;border:1px solid var(--ui-nav-border);border-radius:18px;overflow:hidden;}
  body.desktop-theme .app .logo{padding:20px 18px 10px;min-height:66px;}
  body.desktop-theme .app .logo .brand{font-size:21px;letter-spacing:-.6px;}
  body.desktop-theme .app .logo .brand-mark{width:30px;height:30px;}
  body.desktop-theme .app .sidebar-role{font-size:12px;margin:0 18px 12px;padding:0 0 12px;}
  body.desktop-theme .app #navigation{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-nav-border) transparent;padding:0 10px 10px;gap:3px;}
  body.desktop-theme .app #navigation button{min-height:34px;padding:7px 10px;gap:10px;font-size:13px;border-radius:9px;line-height:1.45;white-space:normal;}
  body.desktop-theme .app #navigation .nav-icon{width:17px;height:17px;flex-basis:17px;opacity:.8;}
  body.desktop-theme .app #navigation button.active{background:var(--ui-nav-active);color:var(--ui-nav-text);font-weight:650;}
  body.desktop-theme .app #navigation button.active .nav-icon{color:var(--ui-accent);opacity:1;}
  body.desktop-theme .app .aside-footer{padding:12px 18px;gap:7px;font-size:12px;}
  body.desktop-theme .app .aside-footer button{min-height:30px;font-size:12px;border-radius:8px;}
  body.desktop-theme .app .aside-footer .support-link{font-size:12px;}
  body.desktop-theme .app .aside-footer .telegram-icon{width:20px;height:20px;}
  body.desktop-theme .app .workspace{margin-inline-start:264px;padding:30px 32px;min-width:0;}
  body.desktop-theme .app #content{max-width:1640px;}
  body.desktop-theme .app .workspace>.workspace-header{min-height:80px;padding:0 0 22px;margin:0 0 26px;border-bottom:1px solid var(--ui-border);gap:20px;}
  body.desktop-theme .app .workspace #page-title{font-size:26px;letter-spacing:-.6px;line-height:1.45;}
  body.desktop-theme .app .workspace #context-label{font-size:11px;letter-spacing:.01em;}
  body.desktop-theme .app .page-heading{flex:1 1 190px;}
  body.desktop-theme .app .header-actions{gap:8px 12px;max-width:100%;flex:0 1 auto;}
  body.desktop-theme .app .header-actions :is(input,select,.secondary){min-height:38px;height:38px;border-radius:9px;font-size:12px;}
  body.desktop-theme .app .header-actions #global-search{width:160px;background:var(--ui-soft);}
  body.desktop-theme .app #content :is(.panel-head h3,h3,h4){font-size:16px;font-weight:650;}
  body.desktop-theme .app .panel{border-radius:16px;box-shadow:var(--ui-shadow);margin-bottom:22px;}
  body.desktop-theme .app .panel-head{padding:20px 22px;gap:14px;border-bottom:1px solid var(--ui-border);}
  body.desktop-theme .app .workspace #content .panel-head p{font-size:12px;line-height:1.7;}
  body.desktop-theme .app .workspace #content .stats{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px;}
  body.desktop-theme .app .workspace #content .message-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
  body.desktop-theme .app .workspace #content .stats article{position:relative;padding:21px 22px 19px;border:1px solid var(--ui-border);border-radius:15px;box-shadow:var(--ui-shadow);min-height:126px;background:var(--ui-surface);}
  body.desktop-theme .app .workspace #content .stats article>span:not(.metric-icon){font-size:12px;margin-inline-end:35px;min-height:0;color:var(--ui-muted);}
  body.desktop-theme .app .workspace #content .stats article>small{font-size:11px;color:var(--ui-muted);line-height:1.5;}
  body.desktop-theme .app .workspace #content .stats article>strong{font-size:29px;line-height:1.25;margin:13px 0 3px;letter-spacing:-.6px;color:var(--ui-text);}
  body.desktop-theme .app .workspace #content .stats article[data-metric-tone="success"]>strong{color:var(--ui-success);}
  body.desktop-theme .app .workspace #content .stats article[data-metric-tone="warning"]>strong{color:var(--ui-warning);}
  body.desktop-theme .app .workspace #content .stats article[data-metric-tone="danger"]>strong{color:var(--ui-danger);}
  body.desktop-theme .metric-icon{position:absolute;inset-inline-end:18px;top:17px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--ui-accent);background:var(--ui-accent-soft);}
  body.desktop-theme .metric-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  body.desktop-theme .app .workspace #content .record-limit-note{font-size:12px;padding:0 3px 16px;line-height:1.8;}
  body.desktop-theme .app .workspace #content .message-scope-description{display:none;}
  body.desktop-theme .app .message-filters{margin:18px;padding:18px;background:var(--ui-soft);border-radius:12px;border:1px solid var(--ui-border);gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));}
  body.desktop-theme .app .workspace #content .message-filters :is(label,small){font-size:12px;line-height:1.6;}
  body.desktop-theme .app .workspace #content :is(input,select,textarea){font-size:14px;}
  body.desktop-theme .app .workspace #content .table-wrap :is(td,th){font-size:13px;line-height:1.8;vertical-align:middle;}
  body.desktop-theme .app .table-wrap th{font-weight:600;}
  body.desktop-theme .app .table-wrap tbody tr:nth-child(even){background:var(--ui-surface);}
  body.desktop-theme .app .table-wrap tbody tr:hover{background:var(--ui-hover);}
  body.desktop-theme .app .table-wrap th,body.desktop-theme .app .table-wrap td{padding:14px 18px;}
  body.desktop-theme .app .daily-users-detail .daily-user-name{font-size:13px;padding-inline-start:24px;}
  body.desktop-theme .app .daily-users-toggle{padding:4px 0;min-height:34px;}
  body.desktop-theme .app .fit-record-list tbody tr{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;padding:22px;margin:16px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface);}
  body.desktop-theme .app .fit-record-list tbody td:has(.message-body){grid-column:span 2;}
  body.desktop-theme .app .fit-record-list tbody td{padding:0;border:0;gap:5px;}
  body.desktop-theme .app .workspace #content .fit-record-list tbody td::before{font-size:11px;line-height:1.5;font-weight:500;}
  body.desktop-theme .app .workspace #content .fit-record-list :is(code,small,span,.message-body){font-size:13px;line-height:1.7;}
  body.desktop-theme .app .fit-record-list td code{background:var(--ui-soft);padding:5px 7px;border-radius:7px;}
  body.desktop-theme .app .table-pagination{padding:15px 20px;border-color:var(--ui-border);}
  body.desktop-theme .app .workspace #content .table-pagination :is(span,label,select,button){font-size:12px;}
  body.desktop-theme .app .badge{border-radius:7px;padding:4px 9px;font-size:12px;}
  body.desktop-theme .app .device-groups{padding:18px;gap:22px;}
  body.desktop-theme .app .device-group{padding:0;border-radius:14px;border-color:var(--ui-border);background:var(--ui-surface);}
  body.desktop-theme .app .device-group-head{padding:20px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:20px;background:var(--ui-soft);}
  body.desktop-theme .app .device-user-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;}
  body.desktop-theme .app .device-user-metric{padding:10px 8px;background:var(--ui-surface);border-radius:9px;border:1px solid var(--ui-border);grid-column:auto;}
  body.desktop-theme .app .workspace #content .device-user-metric dt{font-size:10px;min-height:3em;line-height:1.5;}
  body.desktop-theme .app .workspace #content .device-user-metric dd{font-size:17px;margin-top:5px;}
  body.desktop-theme .app .device-grid{padding:16px;gap:16px;}
  body.desktop-theme .app .device{border-radius:12px;padding:19px;}
  body.desktop-theme .app .sim-limit-card{background:var(--ui-soft);border-radius:11px;}
  body.desktop-theme .app .sim-limit-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  body.desktop-theme .app .workspace #content .sim-limit-values small{font-size:11px;}
  body.desktop-theme .app .workspace #content .sim-quota-number :is(strong,span){font-size:14px;}
  body.desktop-theme .app .workspace #content :is(.device-network,.device-app-version,.device-id,.sim-identifiers small){font-size:11px;}
  body.desktop-theme .app .workspace #content .sim-identifiers :is(span,code){font-size:12px;}
  body.desktop-theme .app .workspace #content :is(.live-summary-note,.device-quota-note){font-size:12px;line-height:1.9;}
  body.desktop-theme .app .workspace #content .primary{border-radius:9px;padding:9px 14px;font-size:12px;}
  body.desktop-theme .app .workspace #content .secondary{border-radius:8px;font-size:12px;}
  body.desktop-theme .app .workspace #content .grid.two{gap:22px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);}
  body.desktop-theme #appearance-dialog{width:min(850px,calc(100vw - 80px));background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);padding:26px;border-radius:20px;}
  body.desktop-theme #appearance-dialog .theme-choices{grid-template-columns:repeat(3,minmax(0,1fr));}
  body.desktop-theme #appearance-dialog .theme-choice{border-radius:12px;}
  html[data-panel-theme="porcelain"] body.desktop-theme .app aside{border-radius:0;inset-block:0;inset-inline-start:0;width:248px;height:100dvh;border-block:0;border-inline-start:0;}
  html[data-panel-theme="porcelain"] body.desktop-theme .app .workspace{margin-inline-start:248px;padding:32px 38px;}
  html[data-panel-theme="porcelain"] body.desktop-theme .app .logo .brand{color:var(--ui-text);}
  html[data-panel-theme="porcelain"] body.desktop-theme .app #navigation button.active{color:var(--ui-accent);}
  html[data-panel-theme="porcelain"] body.desktop-theme .app :is(.panel,.stats article){box-shadow:none;border-radius:11px;}
  html[data-panel-theme="porcelain"] body.desktop-theme .app .metric-icon{border-radius:50%;background:transparent;}
  html[data-panel-theme="atlas"] body.desktop-theme .app aside{background:linear-gradient(170deg,#243252,#18223c);border-color:#34415f;box-shadow:0 12px 35px rgb(28 43 77 / 14%);}
  html[data-panel-theme="atlas"] body.desktop-theme .app .workspace>.workspace-header{padding:19px 22px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:15px;box-shadow:var(--ui-shadow);}
  html[data-panel-theme="atlas"] body.desktop-theme .app #navigation button.active .nav-icon{color:#b8c9ff;}
  html[data-panel-theme="atlas"] body.desktop-theme .app .stats article:nth-child(n)::after{display:block;position:absolute;inset-inline-start:0;inset-block:24px;width:3px;border-radius:3px;content:"";background:var(--ui-accent);opacity:.6;}
  html[data-panel-theme="graphite"] body.desktop-theme .app .workspace>.workspace-header{border-bottom-color:#34474a;}
  html[data-panel-theme="graphite"] body.desktop-theme .app #navigation button.active{color:#b8eddd;}
  html[data-panel-theme="graphite"] body.desktop-theme .app .stats article{background:linear-gradient(140deg,#202e32,#1a2429);}
  html[data-panel-theme="graphite"] body.desktop-theme .app .primary{color:var(--ui-accent-text);}
  html[data-panel-theme="graphite"] body.desktop-theme .app .theme-choice{color:var(--ui-text);background:var(--ui-soft);}
  html[data-panel-theme="black"] body.desktop-theme .app aside{background:#080808;box-shadow:none;}
  html[data-panel-theme="black"] body.desktop-theme .app .logo .brand{color:#f5f5f5;}
  html[data-panel-theme="black"] body.desktop-theme .app #navigation button:is(.active,:hover){color:#fff;}
  html[data-panel-theme="black"] body.desktop-theme .app #navigation button:is(.active,:hover) .nav-icon{color:#f5f5f5;}
  html[data-panel-theme="black"] body.desktop-theme .app .stats article{background:#101010;}
  html[data-panel-theme="black"] body.desktop-theme .primary,html[data-panel-theme="black"] body.desktop-theme .theme-selected{color:var(--ui-accent-text);}
  html[data-panel-theme="ocean"] body.desktop-theme .app aside{background:linear-gradient(165deg,#1764d4,#114ca9 65%,#123f88);box-shadow:0 12px 32px rgb(23 95 230 / 15%);}
  html[data-panel-theme="ocean"] body.desktop-theme .app .logo .brand{color:#fff;}
  html[data-panel-theme="ocean"] body.desktop-theme .app #navigation button:is(.active,:hover),html[data-panel-theme="ocean"] body.desktop-theme .app .aside-footer button:hover{color:#164eac;}
  html[data-panel-theme="ocean"] body.desktop-theme .app #navigation button:is(.active,:hover) .nav-icon{color:#175fe6;}
  html[data-panel-theme="ocean"] body.desktop-theme .app .workspace>.workspace-header{padding:19px 22px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:15px;box-shadow:var(--ui-shadow);}
  html[data-panel-theme="ocean"] body.desktop-theme .app .metric-icon{color:#087a91;background:#dff8fb;}
  html[data-panel-theme="ocean"] body.desktop-theme .app .stats article{background:linear-gradient(125deg,#fff 55%,#edf5ff);}
  html[data-panel-theme="lilac"] body.desktop-theme .app aside{background:linear-gradient(165deg,#f5efff,#ece0ff);box-shadow:0 8px 30px rgb(106 60 159 / 5%);}
  html[data-panel-theme="lilac"] body.desktop-theme .app .logo .brand{color:#6830a8;}
  html[data-panel-theme="lilac"] body.desktop-theme .app #navigation button:is(.active,:hover),html[data-panel-theme="lilac"] body.desktop-theme .app .aside-footer button:hover{color:#fff;}
  html[data-panel-theme="lilac"] body.desktop-theme .app #navigation button:is(.active,:hover) .nav-icon{color:#fff;}
  html[data-panel-theme="lilac"] body.desktop-theme .app .stats article{background:linear-gradient(125deg,#fff 55%,#f5edff);}
  html[data-panel-theme="sunset"] body.desktop-theme .app aside{background:linear-gradient(165deg,#fff3e1,#ffe6c7);box-shadow:0 8px 30px rgb(157 86 35 / 5%);}
  html[data-panel-theme="sunset"] body.desktop-theme .app .logo .brand{color:#9c4229;}
  html[data-panel-theme="sunset"] body.desktop-theme .app #navigation button:is(.active,:hover),html[data-panel-theme="sunset"] body.desktop-theme .app .aside-footer button:hover{color:#fff;}
  html[data-panel-theme="sunset"] body.desktop-theme .app #navigation button:is(.active,:hover) .nav-icon{color:#fff;}
  html[data-panel-theme="sunset"] body.desktop-theme .app .stats article{background:linear-gradient(125deg,#fffdfa 55%,#fff0dd);}
}
@media(min-width:1025px) and (max-width:1350px){body.desktop-theme .app .workspace{padding:24px;}body.desktop-theme .app .header-actions{max-width:100%;}body.desktop-theme .app .workspace #content .stats article{padding:18px;}body.desktop-theme .app .device-group-head{grid-template-columns:1fr;}body.desktop-theme .app .workspace #content .grid.two{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){body.desktop-theme *{scroll-behavior:auto;}}
@media(min-width:1025px){
 body.desktop-theme .app #navigation button{font-size:14px;transition:none;}
 body.desktop-theme .app .header-actions :is(input,select,.secondary){background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text);font-size:13px;transition:none;}
 body.desktop-theme .app .workspace #content .panel>h3{padding:18px 22px;margin:0;border-bottom:1px solid var(--ui-border);}
 body.desktop-theme .app .workspace #content .event strong{font-size:13px;}
 body.desktop-theme .app .workspace #content .event :is(small,time){font-size:11px;}
 body.desktop-theme .app .event{position:relative;padding:16px 20px;align-items:flex-start;}
 body.desktop-theme .app .fit-record-list :is(table,tbody){display:block;min-width:0;width:100%;}
 body.desktop-theme .app .fit-record-list .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 body.desktop-theme .app .fit-record-list .table-wrap tbody tr{display:grid;}
 body.desktop-theme .app .fit-record-list .table-wrap tbody td{display:grid;min-width:0;}
 body.desktop-theme .app .fit-record-list .table-wrap tbody td::before{content:attr(data-label);color:var(--ui-muted);}
}
@media(min-width:1025px){body.desktop-theme .app .workspace #refresh,body.desktop-theme .app .workspace #refresh .mobile-refresh-label{color:var(--ui-text);background:var(--ui-surface);}}

/* The mobile drawer shares the selected palette while retaining its existing layout. */
html[data-panel-theme="ocean"] .app #navigation button:is(.active,:hover),html[data-panel-theme="ocean"] .app .aside-footer button:hover{color:#164eac;}
html:is([data-panel-theme="lilac"],[data-panel-theme="sunset"],[data-panel-theme="black"]) .app #navigation button:is(.active,:hover){color:#fff;}
html:is([data-panel-theme="lilac"],[data-panel-theme="sunset"],[data-panel-theme="black"]) .app #navigation button:is(.active,:hover) .nav-icon{color:#fff;}
html:is([data-panel-theme="lilac"],[data-panel-theme="sunset"]) .app .aside-footer button:hover{color:#fff;}
html[data-panel-theme="porcelain"] .app #navigation button.active{color:var(--ui-accent);}
html[data-panel-theme="graphite"] .app #navigation button.active{color:#b8eddd;}
.metric-icon{display:none;}