/* macOS 26 — Human Interface Guidelines, Liquid Glass. SwiftUI NavigationSplitView. */
:root{--font:-apple-system,"SF Pro Text",Inter,system-ui,sans-serif;--mono:"SF Mono",ui-monospace,"JetBrains Mono",monospace;--fs:13px;--ls:-.003em;
--wall:#c9d3dc;--bg:#fff;--content-bg:#fff;--side-bg:rgba(242,242,245,.92);--text:rgba(0,0,0,.86);--text2:rgba(0,0,0,.5);--text3:rgba(0,0,0,.28);--sep:rgba(0,0,0,.09);
--surface:rgba(0,0,0,.032);--group-r:12px;--group-border:0;--row-sep:1px solid rgba(0,0,0,.06);--row-pad:8px 12px;--row-h:40px;--rtitle-w:400;
--ghead-fs:13px;--ghead-w:600;--ghead-c:var(--text);--ghead-pad:0 4px 7px;--pad:22px 26px;--side-w:236px;--nav-pad:4px 10px;
--navh-fs:11px;--navh-w:600;--navh-pad:14px 10px 5px;--navi-h:30px;--navi-px:9px;--navi-r:9px;--navi-sel-bg:rgba(0,0,0,.075);--navi-ic:17px;
--btn-border:0;--btn-bg:rgba(0,0,0,.06);--btn-r:999px;--btn-px:13px;--btn-h:28px;--btn-h-sm:24px;--btn-px-sm:11px;--btn-w:500;--btn-shadow:none;
--sw-w:32px;--sw-h:19px;--knob:15px;--sw-off:rgba(0,0,0,.12);
--seg-bg:rgba(0,0,0,.065);--seg-r:999px;--segi-r:999px;--segi-sel-bg:#fff;--segi-sel-shadow:0 1px 3px rgba(0,0,0,.14),0 0 0 .5px rgba(0,0,0,.06);
--tabs-border:0;--chip-border:1px solid rgba(0,0,0,.12);--chip-sel-bg:var(--accent);--chip-sel-fg:#fff;--chip-h:26px;
--search-h:30px;--search-r:999px;--search-bg:rgba(0,0,0,.055);
--dd-border:0;--dd-bg:rgba(0,0,0,.06);--dd-r:999px;--dd-h:24px;
--th-w:500;--th-fs:12px;--zebra:rgba(0,0,0,.022);--row-sel-bg:var(--accent);
--tf-h:30px;--tf-r:8px;--tf-border:1px solid rgba(0,0,0,.12);--tf-bg:#fff;--tf-focus-border:1px solid var(--accent);--tf-focus-shadow:0 0 0 3.5px color-mix(in srgb,var(--accent) 30%,transparent);
--cb:15px;--cb-border:1px solid rgba(0,0,0,.22);--cb-r:4px;
--scrim:rgba(0,0,0,.08);--dlg-bg:rgba(250,250,252,.96);--dlg-r:22px;--dlg-pad:22px;--dlg-border:.5px solid rgba(0,0,0,.12);
--toast-bg:rgba(40,40,44,.88);--toast-fg:#fff;--toast-r:999px;--tact-fg:#7FD6DE;
--ctx-bg:rgba(246,246,248,.92);--ctx-r:12px;--ctx-border:.5px solid rgba(0,0,0,.15);--ctx-hover-bg:var(--accent);--ctx-hover-fg:#fff;
--mbar-bg:rgba(0,0,0,.08);--secret-bg:rgba(0,0,0,.035);--tile-bg:rgba(0,0,0,.028);--tile-r:16px;--tile-cols:5;--appic-r:8px;--appic-rbig:13px;
--dtitle-fs:20px;--dtitle-w:700;}
.dark{--wall:#2a3036;--bg:#1e1e20;--content-bg:#1e1e20;--side-bg:rgba(44,44,48,.92);--text:rgba(255,255,255,.88);--text2:rgba(255,255,255,.52);--text3:rgba(255,255,255,.3);--sep:rgba(255,255,255,.1);
--surface:rgba(255,255,255,.05);--row-sep:1px solid rgba(255,255,255,.07);--navi-sel-bg:rgba(255,255,255,.1);--btn-bg:rgba(255,255,255,.1);--sw-off:rgba(255,255,255,.18);
--seg-bg:rgba(255,255,255,.08);--segi-sel-bg:rgba(255,255,255,.2);--chip-border:1px solid rgba(255,255,255,.15);--search-bg:rgba(255,255,255,.08);--dd-bg:rgba(255,255,255,.1);
--zebra:rgba(255,255,255,.03);--tf-bg:rgba(255,255,255,.06);--tf-border:1px solid rgba(255,255,255,.14);--mbar-bg:rgba(255,255,255,.1);--tile-bg:rgba(255,255,255,.045);
--dlg-bg:rgba(44,44,48,.96);--ctx-bg:rgba(44,44,48,.94);--toast-bg:rgba(240,240,244,.92);--toast-fg:#111;--tact-fg:var(--accent-strong);}
/* chrome */
.win{padding:0}
.side{margin:8px 0 8px 8px;border-radius:18px;background:var(--side-bg);box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 4px 18px rgba(0,0,0,.08);backdrop-filter:blur(30px)}
.traffic{display:flex;gap:8px;padding:14px 14px 6px}
.traffic i{width:12px;height:12px;border-radius:50%;display:block;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.15)}
.traffic i:nth-child(1){background:#ff5f57}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}
.side-search{margin:8px 12px 2px}
.side-search .search{margin:0;min-width:0;height:28px;background:rgba(0,0,0,.05)}
.dark .side-search .search{background:rgba(255,255,255,.07)}
.tbar{height:54px;flex:none;display:flex;align-items:center;gap:10px;padding:0 14px 0 20px}
.tbar .ttl .t1{font-size:15px;font-weight:700}
.tbar .ttl .t2{font-size:11px;color:var(--text2)}
.tbar .tsp{flex:1}
.tbar .search{margin:0;width:230px;height:32px;background:rgba(255,255,255,.7);box-shadow:0 0 0 .5px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06)}
.dark .tbar .search{background:rgba(255,255,255,.08)}
.glass{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:0 0 0 .5px rgba(0,0,0,.12),0 2px 10px rgba(0,0,0,.08);backdrop-filter:blur(20px)}
.dark .glass{background:rgba(255,255,255,.1);box-shadow:0 0 0 .5px rgba(255,255,255,.12)}
.glass .btn{height:30px;background:transparent}
.glass .btn.primary{background:var(--accent)}
.content{padding:6px 26px 22px}
.tabs{display:inline-flex;gap:2px;background:var(--seg-bg);border-radius:999px;padding:2px;margin:0 0 18px}
.tab{padding:4px 14px;border-radius:999px;color:var(--text);font-weight:500}
.tab.sel{background:var(--segi-sel-bg);box-shadow:var(--segi-sel-shadow)}
.tab.sel:after{display:none}
.trail .seg{margin:0}
.tabsbar{display:flex;justify-content:center}
.row.sel .muted,.row.sel .rsub{color:color-mix(in srgb,var(--on-accent) 80%,transparent)}
.lpane .row.sel{background:var(--accent);color:var(--on-accent);border-radius:8px}
.lpane .row.sel .rsub{color:color-mix(in srgb,var(--on-accent) 80%,transparent)}
.lpane .gbody{background:transparent}
.lpane .row{border-bottom:0;border-radius:8px}
.tbl tr.sel td{color:var(--on-accent)}.tbl tr.sel .muted,.tbl tr.sel .mono{color:color-mix(in srgb,var(--on-accent) 80%,transparent)}
.tbl tr.sel .badge{background:color-mix(in srgb,var(--on-accent) 18%,transparent);color:var(--on-accent)}
.tbl{background:transparent}.tbl th{padding:6px 12px}.tbl td{padding:7px 12px}
.scrim{align-items:flex-start;padding-top:62px}
.dlg{backdrop-filter:blur(30px)}
.dlgic{display:none}
.split .lpane{width:270px}
.navi.sel .ic{color:var(--accent)}
.ghead .btn.sm{height:22px}
.dhead .appic.big{width:52px;height:52px}
.inspector{background:var(--surface);border:0}