/* Visual theme aligned with livekit-memory-console. No layout or behavior changes. */
:root {
  color-scheme: dark;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #e4ebef;
  background: #0b1117;
  --muted: #85939f;
  --line: #263039;
  --mint: #75e3c7;
  --surface: #111b24;
  --field: #101820;
}
body, main { background: #0b1117; }
h1, h2, h3, .brand, .card strong {
  font-family: Manrope, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
h1 { font-weight: 750; letter-spacing: -1px; }
h1 span { color: #9ab5ba; }
h2 { color: #e4ebef; font-weight: 700; }
aside { background: #101820; color: #e4ebef; border-right: 1px solid #22303a; }
.brand-icon { color: #8bf1d4; background: #213c3c; border: 1px solid #44685f; border-radius: 12px; }
.brand span:not(.brand-icon) { color: #8d9ca8; }
.workspace-label, .nav-label { color: #7c929e; }
.workspace { border-color: #2b3b45; background: #111b24; }
.workspace small { color: #8d9ca8; }
.square { background: #213c3c; color: #8bf1d4; }
.nav-item { background: #1b3334; color: #9cebd7; border: 1px solid #294744; }
.nav-item>span:first-child { color: #9cebd7; }
.nav-dot, .live-dot { background: #75d6ad; }
.live-dot.failed { background: #ed9a94; }
.aside-bottom { border-color: var(--line); }
.aside-bottom div, .aside-bottom small { color: #859aa7; }
header { background: #0e151d; border-color: var(--line); }
.breadcrumb { color: #8195a3; }
.breadcrumb span { color: #506574; }
.breadcrumb b { color: #becfd7; }
.read-only { color: #92ddbd; border-color: #315149; background: #18382c40; }
.eyebrow { color: #85a69f; }
.heading p, .connection small { color: #90a3af; }
.connection b { color: #c7dfd8; }
.toolbar, .card, .panel, .graph-options { background: var(--surface); border-color: var(--line); border-radius: 8px; }
.toolbar label { color: #98aab6; }
.toolbar select, .toolbar input, .graph-options select, .graph-actions select, .graph-detail select {
  color: #dce6ee; background: var(--field); border-color: #303c47; border-radius: 6px;
}
.toolbar select:disabled { color: #85939f; background: #101820; }
.toolbar input:focus, .toolbar select:focus, .graph-options select:focus,
.graph-actions select:focus, .graph-detail select:focus {
  outline: none; border-color: var(--mint); box-shadow: 0 0 0 2px #75e3c720;
}
input::placeholder { color: #7e929e; }
button { background: #19232d; color: #dce6ee; border: 1px solid var(--line); border-radius: 7px; }
button:hover { background: #22313d; border-color: #6f8b91; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
#refresh, #graph-neighbors { background: #91e4cb; color: #102e27; border-color: #91e4cb; font-weight: 600; }
#refresh:hover, #graph-neighbors:hover { background: #aff2de; border-color: #aff2de; }
.scope-note, .panel-heading p, .panel-note, .retention-note, .chart-foot, footer,
.graph-scope, .graph-help, .graph-intro p { color: #8ba0ad; }
.card-head { color: #98aab6; }
.card strong { color: #e4ebef; font-size: 32px; font-weight: 650; }
.card small { color: #8ca0ad; }
.purple { color: #b6c5e2; background: #263444; }
.blue { color: #9ec7e4; background: #1f3441; }
.teal { color: #8cdbc5; background: #243d38; }
.amber { color: #e4c391; background: #3a3226; }
.legend, .type-label { color: #9bafbb; }
.memory-key { background: #97b6f5; }
.message-key { background: var(--mint); }
.panel-symbol { background: #1b3334; color: #8cdbc5; }
.type-label b { color: #d1e0e6; }
.track { background: #23323c; }
.fill { background: #75cbb6; }
.panel-note, .health-row, #graph-neighbor-actions { border-color: var(--line); }
.tag { color: #96bdb0; background: #1b3334; }
th { color: #8da4b2; border-color: var(--line); background: #111922; }
td { color: #b0c2cc; border-color: #25313b99; }
td:first-child { color: #d1dce3; }
.health-row { color: #9ab0bc; }
.health-row b { color: #d1e0e6; }
.empty { color: #90a3af; }
.notice { color: #e6c58f; background: #2b241a; border-color: #59472b; }
.filter-notice { color: #e6c58f; }
.error { color: #f0b2ad; background: #321f24; border-color: #63373e; }
.view-tabs { border-color: var(--line); }
.view-tabs button { color: #99a9b7; border-radius: 7px 7px 0 0; border: 1px solid transparent; border-bottom-width: 2px; }
.view-tabs button:hover { background: #14272a; color: #b2e6d9; }
.view-tabs button[aria-selected=true] { color: #9cebd7; background: #1b3334; border-color: #294744; border-bottom-color: var(--mint); }
.view-tabs button:focus-visible { outline-color: var(--mint); }
.graph-intro h2 { color: #e4ebef; }
.graph-options label:not(.check), .graph-options .check { color: #a3b3bd; }
.graph-options input { accent-color: var(--mint); }
.graph-summary { color: #a4c9c0; }
.graph-canvas-panel { background: #0e171e; border-color: var(--line); }
.graph-actions, .graph-legend, .graph-canvas-panel>.graph-help { background: #111b24; border-color: var(--line); }
.graph-actions button { color: #afc1cb; background: #19262f; border-color: #2d404a; }
.graph-actions button:hover { color: #d7eee6; background: #223b39; border-color: #41665c; }
#graph-canvas { background-color: #0e171e; background-image: radial-gradient(#2a3c46 .6px,transparent .6px); }
.graph-empty, .graph-legend { color: #9bb0bd; }
.graph-legend span:nth-child(1) i { background: #97b6f5!important; }
.graph-legend span:nth-child(2) i { background: #75e3c7!important; }
.graph-legend span:nth-child(3) i { background: #e9bf7c!important; }
.graph-legend span:nth-child(4) i { background: #92a9b8!important; }
.graph-detail>label, #graph-neighbor-actions>label { color: #9eb4bf; }
.graph-detail h3 { color: #cfe4dc; }
.graph-field dt { color: #859eab; }
.graph-field dd { color: #c0d1da; }
.memory-content { color: #d0dedf; background: #0d171e; border: 1px solid #253b41; }
#graph-download { color: var(--mint); }
* { scrollbar-color: #344b55 transparent; }

/* Confirmed deletion */
.delete-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px}
#delete-open,.danger{color:#ffc2bd;background:#39252b;border-color:#74474b}
#delete-open:hover,.danger:hover{background:#553039;border-color:#b56f72}
#delete-result{font-size:11px;color:#91e4cb;line-height:1.6}
#delete-dialog{color:#e4ebef;background:#111b24;border:1px solid #3e515c;border-radius:12px;width:min(560px,calc(100vw - 32px));max-height:90vh;padding:26px;box-shadow:0 25px 100px #0008}
#delete-dialog::backdrop{background:#050b12c9;backdrop-filter:blur(4px)}
.delete-heading>span{font-size:9px;letter-spacing:1.7px;color:#ce9995}.delete-heading h2{font-size:23px;margin:10px 0 15px}
#delete-description{font-size:12px;line-height:1.7;color:#d2b5b4}.delete-help{font-size:11px;line-height:1.7;color:#99aab6}
#delete-scope dl{background:#0d171e;border:1px solid #263a43;border-radius:7px;padding:12px;margin:16px 0}
#delete-scope dl>div{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px;padding:4px 0;font-size:11px}
#delete-scope dt{color:#859eab}#delete-scope dd{margin:0;overflow-wrap:anywhere;color:#cfdfdf}
#delete-preview-status{font-size:12px;line-height:1.6;margin:12px 0;color:#a6c8c0}
.delete-count-row{display:flex;justify-content:space-between;font-size:12px;gap:10px;padding:8px 0;border-bottom:1px solid #263039;color:#b3c4cf}.delete-count-row b{font-weight:600;color:#e4ebef}
.delete-check{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7;margin-top:17px;color:#d3bec1}.delete-check input{accent-color:#ee9c99;margin-top:4px;flex-shrink:0}
.delete-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}
#delete-dependencies{display:block;margin-top:17px;font-size:11px}#delete-error{margin-top:15px}
@media(max-width:600px){.delete-toolbar{align-items:flex-start;flex-direction:column}.delete-dialog-actions{flex-wrap:wrap}#delete-dialog{padding:20px}}