:root{color-scheme:dark;--bg:#0b1018;--surface:#121a27;--surface2:#182233;--line:#26354b;--text:#e8eef8;--muted:#94a3b8;--primary:#5b8cff;--primary2:#3569e8;--good:#42c88a;--warn:#f0b85a;--danger:#ef6b75;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:var(--text);background:var(--surface2);border-radius:9px;padding:9px 13px}button:hover{border-color:#4d6382}.primary{border-color:transparent;background:var(--primary);color:#fff}.primary:hover{background:var(--primary2)}.danger{border-color:#64333c;color:#ffb2b8}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 15%,#182a4a 0,transparent 38%)}.login-card{width:min(420px,100%);padding:36px;background:rgba(18,26,39,.95);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.brand-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#76a1ff,#6256e8);font-weight:700;color:#fff}.login-card h1{margin:18px 0 5px}.login-card p,.login-card small{color:var(--muted)}form{display:grid;gap:14px;margin-top:24px}label{display:grid;gap:7px;color:#cbd5e1;font-size:14px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#0d1521;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,140,255,.15)}textarea{min-height:88px;resize:vertical}details{color:var(--muted)}details label{margin-top:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{position:sticky;top:0;height:100vh;padding:20px 14px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0e151f}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 24px}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:12px;margin-top:2px}nav{display:grid;gap:4px}nav button{text-align:left;background:transparent;border-color:transparent;padding:10px 12px;color:#b8c5d8}nav button:hover,nav button.active{background:var(--surface2);color:#fff;border-color:var(--line)}.account{margin-top:auto;padding:14px 9px;border-top:1px solid var(--line);display:grid;gap:4px}.account span{font-weight:600}.account small{color:var(--muted)}.account button{margin-top:8px;text-align:left;background:transparent}.content{padding:26px 30px 50px;max-width:1480px;width:100%;margin:0 auto}.content>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.content header h1{margin:0 0 5px;font-size:25px}.content header p,.panel-head p{margin:0;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:99px;background:rgba(66,200,138,.1);color:var(--good);font-size:13px}.page{display:none}.page.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-bottom:18px}.metric{padding:18px;border-radius:13px;border:1px solid var(--line);background:var(--surface)}.metric strong{display:block;font-size:28px;margin-bottom:7px}.metric span{color:var(--muted);font-size:13px}.panel-grid,.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:19px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panel h2{font-size:17px;margin:0 0 4px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{text-align:left;padding:15px}.quick-grid span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.security-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.security-list li{display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border-radius:50%}.dot.good{background:var(--good)}.dot.warn{background:var(--warn)}.item-list{display:grid;gap:10px}.item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#0f1723}.item-main{min-width:0}.item-main strong,.item-main span{display:block}.item-main span{color:var(--muted);font-size:12px;margin-top:4px;white-space:normal;word-break:break-word}.item-side{display:flex;align-items:center;gap:8px}.pill{padding:4px 8px;border-radius:99px;font-size:12px;background:#202c40;color:#b8c7de}.pill.online{color:var(--good);background:rgba(66,200,138,.1)}.pill.offline{color:var(--danger);background:rgba(239,107,117,.1)}.form-grid{grid-template-columns:1fr 1fr}.form-grid .wide,.form-grid button,.form-grid pre{grid-column:1/-1}pre{white-space:pre-wrap;word-break:break-all;padding:13px;background:#09101a;border:1px solid var(--line);border-radius:9px;color:#bcd0ee;max-height:260px;overflow:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:500}#toast{position:fixed;z-index:50;top:18px;right:18px;max-width:380px;padding:11px 14px;border-radius:10px;background:#26354b;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}#toast.error{background:#71333c}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(3,1fr)}.panel-grid,.two-col{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(3,1fr)}nav button{text-align:center;font-size:12px}.account{display:flex;align-items:center;gap:10px}.account button{margin:0 0 0 auto}.content{padding:20px 14px}.metric-grid{grid-template-columns:1fr 1fr}.quick-grid,.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1}.content>header{gap:12px}}
@media(max-width:420px){nav{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr}.content>header{display:block}.status{margin-top:10px}}

/* Touch-first phone shell. */
@media(max-width:760px){
html,body{min-height:100%;min-height:100dvh;overscroll-behavior-y:none}
.app-shell{display:block;min-height:100dvh;padding-bottom:calc(66px + env(safe-area-inset-bottom))}
aside{position:fixed;z-index:80;top:auto;left:0;right:0;bottom:0;width:auto;height:calc(62px + env(safe-area-inset-bottom));padding:4px 5px env(safe-area-inset-bottom);display:flex;align-items:stretch;border:0;border-top:1px solid var(--line);background:rgba(14,21,31,.97);backdrop-filter:blur(14px)}
.brand{display:none}
nav{min-width:0;flex:1;display:flex;gap:3px;overflow-x:auto;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
nav button{flex:0 0 76px;min-width:0;padding:6px 4px;text-align:center;font-size:11px;line-height:1.2}
.account{flex:0 0 52px;margin:0;padding:0 0 0 4px;border:0;border-left:1px solid var(--line);display:flex;align-items:stretch}
.account span,.account small{display:none}.account button{width:100%;margin:0;padding:4px;border:0;background:transparent;text-align:center;font-size:10px;color:#ffb2b8}
.content{padding:16px 12px 24px}.content>header{display:flex;gap:10px;margin-bottom:14px}.content header h1{font-size:21px}.content header p{font-size:12px}
.status{margin-top:0;padding:6px 8px;font-size:11px;white-space:nowrap}
.session-launcher{display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px!important;margin:0 0 14px!important}.session-launcher a{min-width:0;padding:10px 5px!important;text-align:center;font-size:12px}
.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric strong{font-size:23px}
.panel-grid,.two-col{gap:12px}.panel{padding:14px;border-radius:11px}.panel-head{align-items:flex-start;margin-bottom:13px}
.quick-grid,.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1}
.item{align-items:flex-start;flex-direction:column;padding:11px}.item-side{width:100%;flex-wrap:wrap}.item-side button{flex:1 1 120px}.button-row button{flex:1 1 120px}
input,select,textarea{font-size:16px}pre{max-height:38vh;font-size:12px}
.login-shell{min-height:100dvh;padding:14px}.login-card{padding:25px 20px}.login-card input{font-size:16px}
#toast{top:10px;left:10px;right:10px;max-width:none;text-align:center}
}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.panel-head{display:block}.panel-head>button{margin-top:9px;width:100%}}

.system-panel{margin-bottom:18px}.metrics-updated{color:var(--muted);font-size:12px;white-space:nowrap}.system-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.resource-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:11px;background:#0f1723}.resource-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.resource-title span{color:var(--muted);font-size:12px}.resource-title strong{font-size:18px;text-align:right;word-break:break-word}.usage-track{height:6px;margin:12px 0 9px;overflow:hidden;border-radius:99px;background:#273348}.usage-track i{display:block;height:100%;border-radius:inherit;transition:width .35s ease}.usage-track i.good{background:var(--good)}.usage-track i.warn{background:var(--warn)}.usage-track i.danger{background:var(--danger)}.resource-detail{color:var(--muted);font-size:11px;line-height:1.55}.resource-card-plain{display:flex;flex-direction:column;justify-content:space-between}.resource-card-plain .resource-detail{margin-top:16px}
.quota-track{width:min(360px,100%);height:5px;margin:7px 0 2px}.storage-pool-summary{margin-top:6px!important;color:#b9cae5!important;font-size:12px}
@media(max-width:1100px){.system-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.system-metrics{grid-template-columns:1fr 1fr}.metrics-updated{display:block;margin-top:4px}.resource-title{display:block}.resource-title strong{display:block;margin-top:5px;text-align:left}}
@media(max-width:420px){.system-metrics{grid-template-columns:1fr}}

/* Live workspace/device directory picker used by sync rules. */
.path-select{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.path-select input[readonly]{color:#dbe8ff;background:#0a121d;cursor:default}.path-select button{white-space:nowrap}.sync-form small{color:var(--muted);line-height:1.45;word-break:break-all}.modal-open{overflow:hidden}.picker-overlay{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,7,13,.76);backdrop-filter:blur(5px)}.picker-card{display:grid;grid-template-rows:auto auto minmax(220px,1fr) auto;width:min(760px,100%);max-height:min(760px,88vh);overflow:hidden;border:1px solid #354763;border-radius:16px;background:#101925;box-shadow:0 28px 90px rgba(0,0,0,.5)}.picker-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 19px 14px;border-bottom:1px solid var(--line)}.picker-head h2{margin:0 0 5px;font-size:18px}.picker-head p{margin:0;color:var(--muted);font-size:12px}.picker-head>button{padding:3px 11px;font-size:24px;line-height:1;background:transparent}.picker-location{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);background:#0c1420}.picker-location code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9c5ff}.picker-list{min-height:220px;overflow:auto;padding:9px}.picker-row{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 10px;border-color:transparent;background:transparent;text-align:left}.picker-row:hover{border-color:var(--line);background:#182334}.picker-row strong,.picker-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-row small{margin-top:3px;color:var(--muted);font-size:11px}.folder-icon{color:#7da7ff;font-size:18px}.picker-open{color:var(--muted);font-size:12px}.picker-empty{display:grid;place-items:center;min-height:200px;padding:24px;color:var(--muted);text-align:center}.picker-empty.error{color:#ffb2b8}.picker-actions{display:flex;justify-content:flex-end;gap:9px;padding:13px 15px;border-top:1px solid var(--line);background:#0c1420}
@media(max-width:760px){.picker-overlay{place-items:end center;padding:0}.picker-card{width:100%;max-height:88dvh;border-radius:16px 16px 0 0;border-bottom:0}.picker-head{padding:15px 14px 12px}.picker-location{grid-template-columns:auto minmax(0,1fr);padding:9px}.picker-list{min-height:190px}.picker-row{padding:13px 8px}.picker-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.picker-actions button{flex:1}.path-select{grid-template-columns:1fr}.path-select button{width:100%}}

/* Claude-inspired editorial skin for the gateway portal.  VS Code keeps its own theme. */
:root{color-scheme:light;--bg:#f5f4ed;--surface:#faf9f5;--surface2:#efeee6;--line:#d9d6ca;--text:#141413;--muted:#706f68;--primary:#c96442;--primary2:#ab4f34;--good:#687343;--warn:#a8633f;--danger:#a9473d;--inkbar:#25231f;--inkbar2:#312f28;--inkbar-text:#f0eee5}
body{background:var(--bg);color:var(--text);background-image:linear-gradient(115deg,rgba(255,255,255,.33),transparent 38%),linear-gradient(0deg,rgba(122,128,71,.035),rgba(122,128,71,.035))}
button{border-color:var(--line);color:var(--text);background:var(--surface2);box-shadow:0 1px 0 rgba(20,20,19,.03)}
button:hover{border-color:var(--primary);background:#e8e5da}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.primary:hover{background:var(--primary2);border-color:var(--primary2)}
a{color:var(--primary2)}
.login-shell{background:radial-gradient(circle at 50% 8%,#fffdf7 0,transparent 40%),var(--bg)}.login-card{background:rgba(250,249,245,.96);border-color:var(--line);box-shadow:0 24px 70px rgba(54,45,30,.16)}.brand-mark{background:var(--inkbar);color:var(--inkbar-text);border-radius:8px}.login-card h1{letter-spacing:-.02em}.login-card p,.login-card small{color:var(--muted)}
label{color:#3c3b36}input,select,textarea{border-color:var(--line);background:#fffdf8;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(201,100,66,.15)}details{color:var(--muted)}
.app-shell{background:var(--bg)}aside{background:var(--inkbar);border-right:0;color:var(--inkbar-text);box-shadow:8px 0 24px rgba(20,20,19,.08)}aside .brand{border-bottom:1px solid #393832}.brand span,.account small{color:#aaa89e}nav button{color:#c1bfb5}nav button:hover,nav button.active{background:var(--inkbar2);border-color:#3e3d35;color:#fff;box-shadow:inset 3px 0 var(--primary)}.account{border-top-color:#393832}.account button{color:#d7a08c}
.content{max-width:1520px}.content header{border-bottom:1px solid rgba(217,214,202,.7);padding-bottom:17px}.content header h1{letter-spacing:-.025em}.content header p,.panel-head p{color:var(--muted)}.status{background:rgba(104,115,67,.14);color:#596337}.metric,.panel{background:var(--surface);border-color:var(--line);box-shadow:0 8px 24px rgba(59,50,36,.055)}.metric strong{color:var(--inkbar)}
.session-launcher a{border-color:var(--line);background:var(--surface);color:var(--text);box-shadow:0 3px 10px rgba(59,50,36,.05)}.session-launcher a:hover{border-color:var(--primary);background:#fffdf8}.quick-grid button{background:var(--surface)}.quick-grid button:hover{background:#fffdf8}.quick-grid span{color:var(--muted)}
.item{background:#fffdf8;border-color:var(--line)}.pill{background:#ebe9df;color:#5e5c54}.pill.online{background:rgba(104,115,67,.14);color:#596337}.pill.offline{background:rgba(169,71,61,.11);color:#8f3932}.danger{border-color:#d6aaa2;color:#963e35;background:#fff7f4}.danger:hover{border-color:var(--danger);background:#fce9e4}.device-check{border-color:var(--line);background:#fffdf8}.device-check input{accent-color:var(--primary)}
pre{background:#282621;border-color:#464238;color:#f1eadf;box-shadow:inset 0 1px rgba(255,255,255,.035)}code{color:#7a8047}.path-select input[readonly]{color:#5f5b51;background:#fffdf8}
.table-wrap{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 5px}th,td{border-bottom-color:var(--line)}th{color:var(--muted)}
.resource-card{background:#fffdf8;border-color:var(--line)}.usage-track{background:#e1ded3}.usage-track i.good{background:var(--good)}.usage-track i.warn{background:var(--warn)}.usage-track i.danger{background:var(--danger)}.resource-detail{color:var(--muted)}.storage-pool-summary{color:#5f6a3c!important}
.picker-overlay{background:rgba(20,20,19,.5)}.picker-card{background:var(--surface);border-color:var(--line);box-shadow:0 28px 90px rgba(38,31,22,.25)}.picker-head,.picker-actions{background:#f1f0e8;border-color:var(--line)}.picker-location{background:#ebe9df;border-color:var(--line)}.picker-location code{color:#687343}.picker-row:hover{border-color:var(--line);background:#f0eee6}.folder-icon{color:var(--primary)}.picker-empty{color:var(--muted)}
#toast{background:var(--inkbar);box-shadow:0 10px 30px rgba(57,48,35,.22)}#toast.error{background:#8e3933}
@media(max-width:760px){aside{background:rgba(37,35,31,.98);box-shadow:0 -8px 24px rgba(57,48,35,.12)}nav button:hover,nav button.active{background:#37342c}.content{background:transparent}.metric,.panel{box-shadow:0 5px 17px rgba(59,50,36,.05)}}

/* MantaShark earth editorial palette. Keep the portal warm and quiet; VS Code is separate. */
:root{
  color-scheme:light;
  --background:hsl(40 33% 95%);
  --foreground:hsl(24 14% 16%);
  --card:hsl(38 32% 91%);
  --card-foreground:var(--foreground);
  --primary:hsl(16 62% 46%);
  --primary-foreground:hsl(40 40% 97%);
  --secondary:hsl(36 24% 85%);
  --muted-bg:hsl(36 22% 87%);
  --muted-foreground:hsl(28 10% 40%);
  /* --muted remains the text alias used by the legacy portal selectors. */
  --muted:var(--muted-foreground);
  --accent:hsl(36 26% 83%);
  --border:hsl(34 20% 76%);
  --input:hsl(34 20% 78%);
  --ring:hsl(16 62% 48%);
  --gold:hsl(38 60% 36%);
  --ember:hsl(14 70% 42%);
  --inset:hsl(30 30% 45%);
  --radius:.8rem;
  /* Compatibility aliases for the original portal component names. */
  --bg:var(--background);
  --surface:var(--card);
  --surface2:var(--secondary);
  --line:var(--border);
  --text:var(--foreground);
  --primary2:var(--ember);
  --good:hsl(72 30% 35%);
  --warn:var(--gold);
  --danger:var(--ember);
  --inkbar:var(--foreground);
  --inkbar2:hsl(24 14% 22%);
  --inkbar-text:var(--primary-foreground)
}
html,body{background:var(--background);color:var(--foreground)}
body{background-image:linear-gradient(115deg,rgba(255,255,255,.36),transparent 38%),linear-gradient(0deg,rgba(147,107,37,.028),rgba(147,107,37,.028))}
button{border-color:var(--border);background:var(--secondary);color:var(--foreground);border-radius:var(--radius)}
button:hover{border-color:var(--primary);background:var(--accent)}
.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
.primary:hover{background:var(--ember);border-color:var(--ember)}
a{color:var(--ember)}
.login-shell{background:radial-gradient(circle at 50% 8%,hsl(40 40% 98%) 0,transparent 40%),var(--background)}
.login-card,.panel,.metric,.item,.resource-card,.device-check,.session-launcher a,.quick-grid button{border-radius:var(--radius)}
.login-card{background:var(--card);border-color:var(--border);box-shadow:0 24px 70px rgba(73,58,42,.16)}
.brand-mark{background:var(--inkbar);color:var(--inkbar-text);border-radius:var(--radius)}
label{color:var(--foreground)}
input,select,textarea{border-color:var(--input);background:var(--background);color:var(--foreground);border-radius:var(--radius)}
input:focus,select:focus,textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px hsl(16 62% 46% / .16)}
aside{background:var(--inkbar);box-shadow:8px 0 24px rgba(47,40,35,.12)}
aside .brand{border-bottom-color:hsl(24 14% 29%)}
nav button{color:hsl(40 20% 82%);border-radius:var(--radius)}
nav button:hover,nav button.active{background:var(--inkbar2);border-color:hsl(34 20% 34%);color:var(--primary-foreground);box-shadow:inset 3px 0 var(--primary)}
.account{border-top-color:hsl(24 14% 29%)}
.account button{color:hsl(14 55% 74%)}
.content header{border-bottom-color:color-mix(in srgb,var(--border) 78%,transparent)}
.status{background:hsl(72 30% 35% / .14);color:var(--good)}
.metric,.panel{background:var(--card);border-color:var(--border);box-shadow:0 8px 24px rgba(73,58,42,.06)}
.session-launcher a{background:var(--card);border-color:var(--border);color:var(--foreground);box-shadow:0 3px 10px rgba(73,58,42,.06)}
.session-launcher a:hover,.quick-grid button:hover{border-color:var(--primary);background:var(--accent)}
.quick-grid button{background:var(--card)}
.item{background:var(--secondary);border-color:var(--border)}
.pill{background:var(--muted-bg);color:var(--muted-foreground)}
.pill.online{background:hsl(72 30% 35% / .14);color:var(--good)}
.pill.offline{background:hsl(14 70% 42% / .12);color:var(--ember)}
.danger{border-color:hsl(14 45% 72%);color:var(--ember);background:hsl(14 70% 97%)}
.danger:hover{border-color:var(--ember);background:hsl(14 70% 93%)}
.device-check{background:var(--secondary);border-color:var(--border)}
pre{background:var(--inkbar);border-color:hsl(34 20% 34%);color:var(--primary-foreground);border-radius:var(--radius);box-shadow:inset 0 1px rgba(250,247,240,.05)}
code{color:var(--ember)}
pre code{color:var(--primary-foreground)}
.path-select input[readonly]{color:var(--muted-foreground);background:var(--background)}
.table-wrap{border-color:var(--border);border-radius:var(--radius);background:var(--card)}
th,td{border-bottom-color:var(--border)}
.resource-card{background:var(--secondary);border-color:var(--border)}
.usage-track{background:var(--muted-bg)}
.storage-pool-summary{color:var(--gold)!important}
.picker-overlay{background:hsl(24 14% 16% / .52)}
.picker-card{background:var(--card);border-color:var(--border);border-radius:var(--radius);box-shadow:0 28px 90px rgba(47,40,35,.26)}
.picker-head,.picker-actions{background:var(--muted-bg);border-color:var(--border)}
.picker-location{background:var(--accent);border-color:var(--border)}
.picker-location code{color:var(--gold)}
.picker-row:hover{border-color:var(--border);background:var(--accent)}
.folder-icon{color:var(--primary)}
.picker-empty.error{color:var(--ember)}
#toast{background:var(--inkbar);box-shadow:0 10px 30px rgba(73,58,42,.24)}
#toast.error{background:var(--ember)}
@media(max-width:760px){aside{background:var(--inkbar);box-shadow:0 -8px 24px rgba(73,58,42,.16)}nav button:hover,nav button.active{background:var(--inkbar2)}.metric,.panel{box-shadow:0 5px 17px rgba(73,58,42,.06)}}