/* GNOME 49 — GNOME HIG, GTK4 + libadwaita 1.8. AdwNavigationSplitView, boxed lists, AdwPreferencesGroup. */
:root{--font:"Adwaita Sans",Cantarell,Inter,sans-serif;--mono:"Adwaita Mono","Source Code Pro","JetBrains Mono",monospace;--fs:14.5px;
--wall:#fafafb;--bg:#fafafb;--content-bg:#fafafb;--side-bg:#ebebed;--text:rgba(0,0,6,.82);--text2:rgba(0,0,6,.55);--text3:rgba(0,0,6,.35);--sep:rgba(0,0,6,.08);
--surface:#fff;--group-r:12px;--group-border:0;--group-shadow:0 0 0 1px rgba(0,0,6,.03),0 1px 3px 1px rgba(0,0,6,.07),0 2px 6px 2px rgba(0,0,6,.03);
--row-sep:1px solid rgba(0,0,6,.07);--row-pad:10px 12px;--row-h:52px;--rtitle-w:400;
--ghead-fs:14.5px;--ghead-w:700;--ghead-c:var(--text);--ghead-pad:0 2px 10px;--pad:6px 28px 24px;--side-w:260px;--nav-pad:0 8px;
--navh-fs:12px;--navh-w:700;--navh-pad:14px 10px 6px;--navi-h:38px;--navi-px:10px;--navi-r:6px;--navi-sel-bg:rgba(0,0,6,.1);--navi-ic:16px;--navi-icc:var(--text);--navi-gap:12px;
--btn-border:0;--btn-bg:rgba(0,0,6,.08);--btn-r:6px;--btn-px:14px;--btn-h:34px;--btn-h-sm:30px;--btn-px-sm:12px;--btn-w:700;
--sw-w:46px;--sw-h:26px;--knob:20px;--knob-inset:3px;--sw-off:rgba(0,0,6,.15);--knob-shadow:0 2px 4px rgba(0,0,6,.2);
--seg-bg:rgba(0,0,6,.08);--seg-r:9px;--segi-r:6px;--segi-sel-bg:#fff;--segi-sel-shadow:0 1px 3px rgba(0,0,6,.15);--segi-pad:5px 14px;--segi-sel-w:700;
--chip-border:0;--chip-bg:rgba(0,0,6,.07);--chip-r:999px;--chip-h:30px;--chip-sel-bg:var(--accent);--chip-sel-fg:#fff;
--search-h:34px;--search-r:6px;--search-bg:rgba(0,0,6,.07);
--dd-border:0;--dd-bg:rgba(0,0,6,.08);--dd-r:6px;--dd-h:34px;
--th-w:700;--th-fs:12.5px;--th-pad:9px 14px;--td-pad:10px 14px;--row-sel-bg:color-mix(in srgb,var(--accent) 12%,#fff);
--tf-h:36px;--tf-r:6px;--tf-border:0;--tf-bg:rgba(0,0,6,.07);--tf-focus-border:0;--tf-focus-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent);--tf-lw:400;--tf-lc:var(--text2);
--cb:18px;--cb-border:2px solid rgba(0,0,6,.25);--cb-r:5px;
--scrim:rgba(0,0,6,.25);--dlg-bg:#fff;--dlg-r:14px;--dlg-pad:28px 24px 24px;--dlg-w:380px;--dlgt-fs:20px;--dlgt-w:800;--dlgt-ta:center;--dlga-j:stretch;--dlga-mt:22px;
--toast-bg:rgba(30,30,30,.92);--toast-fg:#fff;--toast-r:999px;--tact-bg:rgba(255,255,255,.12);--tact-fg:#fff;--tact-r:999px;--toast-pad:6px 6px 6px 18px;
--ctx-bg:#fff;--ctx-r:12px;--ctx-border:1px solid rgba(0,0,6,.08);--ctx-hover-bg:rgba(0,0,6,.08);--ctx-hover-fg:var(--text);--ctxi-h:34px;--ctx-pad:6px;--ctxi-r:6px;
--mbar-bg:rgba(0,0,6,.1);--mbar-h:8px;--secret-bg:rgba(0,0,6,.04);--tile-r:12px;--tile-cols:5;--appic-r:8px;--appic-rbig:14px;
--dtitle-fs:22px;--dtitle-w:800;--banner-r:12px;--badge-r:999px;--group-gap:26px}
.dark{--wall:#222226;--bg:#222226;--content-bg:#222226;--side-bg:#2e2e32;--text:#fff;--text2:rgba(255,255,255,.6);--sep:rgba(255,255,255,.08);--surface:rgba(255,255,255,.08);--group-shadow:none;
--row-sep:1px solid rgba(0,0,6,.36);--navi-sel-bg:rgba(255,255,255,.1);--btn-bg:rgba(255,255,255,.1);--sw-off:rgba(255,255,255,.15);--seg-bg:rgba(255,255,255,.08);--segi-sel-bg:rgba(255,255,255,.18);
--chip-bg:rgba(255,255,255,.08);--search-bg:rgba(255,255,255,.08);--dd-bg:rgba(255,255,255,.1);--tf-bg:rgba(255,255,255,.08);--mbar-bg:rgba(255,255,255,.12);--dlg-bg:#36363a;--ctx-bg:#36363a;--tile-bg:rgba(255,255,255,.08)}
.hb{height:47px;flex:none;display:flex;align-items:center;gap:6px;padding:0 8px}
.hb .hbt{flex:1;text-align:center;font-weight:700}
.hb .hbtitle{flex:1;text-align:center;line-height:1.15}
.hb .hbtitle .t1{font-weight:700}.hb .hbtitle .t2{font-size:12px;color:var(--text2)}
.hb .flatbtn{width:34px;height:34px;border-radius:6px;display:grid;place-items:center}
.hb .flatbtn:hover{background:rgba(0,0,6,.07)}
.wctl{width:24px;height:24px;border-radius:50%;background:rgba(0,0,6,.1);display:grid;place-items:center;margin:0 4px 0 8px}
.dark .wctl{background:rgba(255,255,255,.1)}
.wctl .ic{width:14px;height:14px}
.side{border-right:1px solid rgba(0,0,6,.07)}
.navh{padding-left:12px}
.tabs{display:inline-flex;gap:2px;background:var(--seg-bg);border-radius:9px;padding:3px;margin:0 0 20px;border:0}
.tab{padding:5px 16px;border-radius:6px;color:var(--text);font-weight:700}
.tab.sel{background:var(--segi-sel-bg);box-shadow:var(--segi-sel-shadow)}
.tab.sel:after{display:none}
.btn.primary{background:var(--accent)}
.btn.destructive{background:var(--danger)}
.btn.plain{color:var(--accent)}
.dlga .btn{flex:1;height:40px;border-radius:999px}
.dlga .btn.destructive{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.dlgic{text-align:center}
.dlgb p{text-align:center}
.lpane .gbody{box-shadow:none;background:transparent}
.lpane .row{border-bottom:0;border-radius:8px;min-height:48px}
.lpane .row.sel{background:var(--navi-sel-bg)}
.banner.b-info{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.chip .ic{display:none}
.split .lpane{width:290px}