/* Compact indicator library: teal surfaces and an in-place category picker. */
body[data-panel-design] { --panel-bg:#0b1722; --panel-ink:#eef5fc; --panel-muted:#adbecd; --panel-edge:#647e94; --panel-rule:#344b5e; --panel-subtle:#152736; --panel-accent:#75e4e3; --panel-selected:#193c47; --panel-radius:8px; }
body[data-panel-design] .filter-panel { top:90px; left:32px; width:304px; padding:20px; gap:18px; border:1px solid var(--panel-edge); border-radius:var(--panel-radius); background:var(--panel-bg); color:var(--panel-ink); box-shadow:0 18px 40px #0005; backdrop-filter:none; overflow:visible; }
body[data-panel-design] .filter-panel::after,body[data-panel-design] .demo-metric-identity { display:none; }
.panel-caption { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; font-weight:600; line-height:1.4; }
.panel-caption-title { color:var(--panel-accent); }
.panel-caption-group { color:var(--panel-muted); text-align:right; }
body[data-panel-design] .metric-selector,body[data-panel-design] .metric-primary-row,body[data-panel-design] .metric-select-wrap { position:static; }
body[data-panel-design] .metric-select-wrap::after { display:none; }
body[data-panel-design] .metric-menu-button { display:flex; width:100%; min-height:64px; padding:12px 14px; justify-content:space-between; align-items:center; gap:12px; border:1px solid var(--panel-edge); border-radius:4px; background:var(--panel-subtle); color:var(--panel-ink); box-shadow:none; text-align:left; }
body[data-panel-design] .metric-menu-button-label { font-size:29px; font-weight:600; letter-spacing:-.8px; line-height:1.15; }
body[data-panel-design] .metric-menu-button-label sub { font-size:.65em; }
.panel-trigger-action { margin-left:auto; padding-right:18px; font-size:12px; font-weight:500; color:var(--panel-muted); letter-spacing:0; }
.panel-trigger-action::after { content:""; position:absolute; right:17px; width:12px; height:12px; top:calc(50% - 6px); background:currentColor; mask:url("../assets/lucide/menu.svg") center/contain no-repeat; }
body[data-panel-design] .metric-menu-button:hover,body[data-panel-design] .metric-menu-button[aria-expanded=true] { background:var(--panel-selected); border-color:var(--panel-accent); }
.panel-current-name { margin:12px 0 18px; font-size:14px; line-height:1.5; color:var(--panel-muted); font-weight:400; }
body[data-panel-design] .metric-summary { margin:0; padding:15px 0 0; border-top:1px solid var(--panel-rule); gap:0; }
body[data-panel-design] .metric-summary-item { padding:0 12px; min-height:40px; background:none; border:0; text-align:left; }
body[data-panel-design] .metric-summary-item:first-child { padding-left:0; }
body[data-panel-design] .metric-summary-item+.metric-summary-item { border-left:1px solid var(--panel-rule); }
body[data-panel-design] .metric-summary dt { font-size:12px; font-weight:400; line-height:1.2; letter-spacing:0; text-transform:none; color:var(--panel-muted); }
body[data-panel-design] .metric-summary dd { margin-top:6px; font-size:16px; color:var(--panel-ink); font-weight:550; }
body[data-panel-design] .legend { width:100%; padding-top:15px; border-top:1px solid var(--panel-rule); }
body[data-panel-design] .legend-heading { gap:6px; flex-wrap:wrap; }
body[data-panel-design] .legend-unit-label { color:var(--panel-muted); font-size:11px; letter-spacing:0; text-transform:none; }
body[data-panel-design] #legendUnit { color:var(--panel-muted); font-size:11px; }
body[data-panel-design] #legendTicks { color:var(--panel-muted); font-size:11px; }
body[data-panel-design] .legend-bar { height:7px; }
body[data-panel-design] .metric-menu { position:absolute; top:calc(100% + 12px); left:-1px; bottom:auto; width:350px; max-width:calc(100vw - 64px); max-height:min(500px,calc(100dvh - 450px)); padding:0; overflow:hidden; border:1px solid var(--panel-edge); border-radius:var(--panel-radius); background:var(--panel-bg); box-shadow:0 18px 50px #0008; color:var(--panel-ink); display:flex; flex-direction:column; }
body[data-panel-design] .metric-menu[hidden] { display:none; }
.panel-menu-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 16px 0; color:var(--panel-ink); font-size:14px; font-weight:600; }
.panel-menu-heading button { width:32px; height:32px; padding:6px; border:0; color:var(--panel-muted); background:transparent; border-radius:4px; cursor:pointer; }
.panel-menu-heading img { opacity:.85; filter:brightness(0) invert(1); }
body[data-panel-design] .metric-menu-search { padding:12px 14px; background:var(--panel-bg); border-bottom:1px solid var(--panel-rule); }
body[data-panel-design] .metric-menu-search-input { height:42px; padding:0 12px 0 38px; width:100%; border:1px solid var(--panel-edge); border-radius:4px; background:transparent url("../assets/lucide/search.svg") 12px center/16px 16px no-repeat; color:var(--panel-ink); font-size:14px; text-align:left; box-shadow:none; }
body[data-panel-design] .metric-menu-search-input::placeholder { color:var(--panel-muted); opacity:1; }
.panel-menu-options { min-height:0; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--panel-edge) var(--panel-bg); overscroll-behavior:contain; }
body[data-panel-design] .metric-menu-section { margin:0; padding:0 12px 10px; border:0; border-radius:0; background:none; overflow:visible; }
body[data-panel-design] .metric-menu-section+.metric-menu-section { margin-top:4px; }
body[data-panel-design] .metric-menu-group,body[data-panel-design] .metric-menu-group:first-child { position:sticky; z-index:1; top:0; display:block; margin:0 -12px 4px; padding:11px 16px; border-top:1px solid var(--panel-rule); border-bottom:1px solid var(--panel-rule); background:var(--panel-subtle); color:var(--panel-muted); font-size:12px; line-height:1.4; font-weight:650; text-align:left; letter-spacing:.25px; text-transform:none; }
body[data-panel-design] .metric-menu-item { width:100%; min-height:61px; padding:11px 12px; margin:0; border:0; border-bottom:1px solid var(--panel-rule); border-radius:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; justify-items:stretch; text-align:left; color:var(--panel-ink); background:transparent; position:relative; }
body[data-panel-design] .metric-menu-item-copy,body[data-panel-design] .metric-menu-item-main,body[data-panel-design] .metric-menu-item-full-name { width:auto; text-align:left; }
body[data-panel-design] .metric-menu-item-main { font-size:15px; font-weight:600; line-height:1.35; }
body[data-panel-design] .metric-menu-item-full-name { margin-top:3px; font-size:12px; font-weight:400; line-height:1.45; color:var(--panel-muted); }
body[data-panel-design] .metric-menu-item:hover { background:var(--panel-subtle); }
body[data-panel-design] .metric-menu-item.is-active { background:var(--panel-selected); color:var(--panel-ink); border-left:3px solid var(--panel-accent); padding-left:9px; }
body[data-panel-design] .metric-menu-badge { display:none; }
body[data-panel-design] .metric-menu-item.is-active::after { content:"Selected"; font-size:10px; font-weight:600; color:var(--panel-accent); padding-left:8px; }
body[data-panel-design] .metric-menu-item:focus-visible,body[data-panel-design] .metric-menu-button:focus-visible,body[data-panel-design] .metric-menu-search-input:focus-visible,.panel-category-rail button:focus-visible,.panel-menu-heading button:focus-visible { outline:2px solid var(--panel-accent); outline-offset:-3px; }
body[data-panel-design] .metric-menu-empty { color:var(--panel-muted); font-size:14px; margin:24px; }
.panel-category-rail { display:none; }
body[data-panel-design] .metric-menu-section[hidden],body[data-panel-design] .metric-menu-item[hidden],body[data-panel-design] .panel-category-inactive { display:none; }
body[data-panel-design=library] { --panel-bg:#171b25; --panel-ink:#f0eefb; --panel-muted:#b4b6cc; --panel-edge:#767392; --panel-rule:#3b4154; --panel-subtle:#242937; --panel-accent:#bdb0ff; --panel-selected:#37324f; --panel-radius:18px; }
body[data-panel-design=library] .filter-panel { border:1.5px solid #8378a5; padding:22px; gap:20px; }
body[data-panel-design=library] .panel-caption { padding-bottom:16px; border-bottom:1px solid var(--panel-rule); }
body[data-panel-design=library] .panel-caption-title { font-size:14px; color:var(--panel-ink); }
body[data-panel-design=library] .panel-caption-group { font-size:11px; max-width:88px; }
body[data-panel-design=library] .metric-menu-button { padding:0; min-height:68px; border:0; border-radius:0; background:transparent; }
body[data-panel-design=library] .metric-menu-button-label { font-size:43px; font-weight:650; letter-spacing:-1.8px; }
body[data-panel-design=library] .panel-trigger-action { border:1px solid var(--panel-edge); border-radius:8px; padding:10px 28px 10px 10px; }
body[data-panel-design=library] .panel-trigger-action::after { right:10px; }
body[data-panel-design=library] .panel-current-name { color:var(--panel-ink); font-size:15px; line-height:1.55; }
body[data-panel-design=library] .metric-menu { top:-2px; left:calc(100% + 14px); width:626px; max-width:calc(100vw - 385px); height:500px; max-height:calc(100dvh - 205px); display:grid; grid-template-columns:168px minmax(0,1fr); grid-template-rows:50px 67px minmax(0,1fr); border:1px solid var(--panel-edge); }
body[data-panel-design=library] .metric-menu[hidden] { display:none; }
body[data-panel-design=library] .panel-menu-heading { grid-column:2; grid-row:1; padding:12px 16px 0; }
body[data-panel-design=library] .metric-menu-search { grid-column:2; grid-row:2; padding:10px 14px 14px; }
body[data-panel-design=library] .panel-menu-options { grid-column:2; grid-row:3; padding:0 0 12px; }
body[data-panel-design=library] .panel-category-rail { grid-column:1; grid-row:1 / 4; display:flex; flex-direction:column; padding:18px 10px; gap:8px; border-right:1px solid var(--panel-rule); background:#20232f; }
.panel-category-rail button { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:53px; padding:10px; border:1px solid transparent; border-radius:9px; background:none; color:var(--panel-muted); font-size:12px; line-height:1.45; text-align:left; cursor:pointer; }
.panel-category-rail button[aria-pressed=true] { background:#433d60; border-color:#74678f; color:#f1edff; }
.panel-category-rail button:hover { background:#303144; color:#fff; }
.panel-category-count { font-size:11px; color:var(--panel-muted); }
body[data-panel-design=library] .metric-menu-group,body[data-panel-design=library] .metric-menu-group:first-child { background:var(--panel-bg); color:var(--panel-ink); font-size:18px; padding:14px 16px; border-top:0; font-weight:600; }
body[data-panel-design=library] .metric-menu-item { border:0; border-bottom:1px solid var(--panel-rule); border-radius:7px; margin-bottom:3px; min-height:58px; }
body[data-panel-design=library] .metric-menu-item.is-active { border:1px solid #7a6a99; padding-left:11px; }
@media  (max-width:1100px) and (min-width:721px) {
body[data-panel-design=library] .metric-menu { width:550px; }
}
@media  (max-width:720px) {
body[data-panel-design] .map-switch { top:calc(var(--header-height) + 80px); }
body[data-panel-design] .filter-panel { top:auto; left:12px; bottom:144px; width:calc(100vw - 24px); max-height:calc(100dvh - 325px); padding:18px 18px 58px; overflow-y:auto; }
body[data-panel-design] .metric-menu { position:fixed; left:12px; top:calc(var(--header-height) + 80px); bottom:190px; width:calc(100vw - 24px); max-width:none; height:auto; max-height:none; z-index:92; }
body[data-panel-design] .is-mobile-metric-menu-open .metric-menu { display:flex; }
body[data-panel-design] .mobile-layer-toggle { border:1px solid var(--panel-edge); background:var(--panel-bg); color:var(--panel-ink); }
body[data-panel-design=library] .metric-menu { position:fixed; left:12px; top:calc(var(--header-height) + 80px); bottom:190px; width:calc(100vw - 24px); max-width:none; height:auto; max-height:none; grid-template-columns:minmax(0,1fr); grid-template-rows:50px auto 60px minmax(0,1fr); }
body[data-panel-design=library] .panel-menu-heading { grid-column:1;grid-row:1; }
body[data-panel-design=library] .panel-category-rail { grid-column:1;grid-row:2; flex-direction:row; padding:8px 10px; border-right:0; border-bottom:1px solid var(--panel-rule); overflow-x:auto; }
.panel-category-rail button { flex-shrink:0; min-height:40px; max-width:150px; }
body[data-panel-design=library] .metric-menu-search { grid-column:1;grid-row:3; }
body[data-panel-design=library] .panel-menu-options { grid-column:1;grid-row:4; }
}
body[data-panel-design] .filter-panel,body[data-panel-design] .filter-panel:focus-within { border-color:var(--panel-edge); box-shadow:0 18px 40px #0005; }
body[data-panel-design] .filter-panel { z-index:90; }
body[data-panel-design] .metric-summary dt,body[data-panel-design] .metric-summary dd { width:100%; text-align:left; justify-self:start; }
body[data-panel-design] .legend #legendUnit,body[data-panel-design] #legendTicks li,body[data-panel-design] #legendTicks li:first-child,body[data-panel-design] #legendTicks li:last-child { color:var(--panel-muted); }
body[data-panel-design] .metric-menu-search-input { background-image:none; padding-left:12px; }
body[data-panel-design] .metric-menu { max-height:var(--panel-menu-height,400px); }
body[data-panel-design=library] .metric-menu-button:hover,body[data-panel-design=library] .metric-menu-button[aria-expanded=true] { background:transparent; }
body[data-panel-design=library] .metric-menu { max-height:calc(100dvh - 205px); }
@media  (max-width:720px) {
body[data-panel-design] .map-switch { top:calc(var(--panel-header-bottom,94px) + 80px); }
body[data-panel-design].is-mobile-layer-open .filter-panel { transform:none; will-change:auto; filter:none; backdrop-filter:none; }
body[data-panel-design].is-mobile-metric-menu-open .filter-panel { overflow:visible; transform:none; filter:none; backdrop-filter:none; }
body[data-panel-design] .metric-menu,body[data-panel-design=library] .metric-menu { top:calc(var(--panel-header-bottom,94px) + 78px); max-height:none; left:12px; right:12px; width:auto; }
body[data-panel-design] .panel-menu-heading { flex-shrink:0; }
body[data-panel-design] .metric-menu-search { flex-shrink:0; }
}
@media  (max-width:720px) {
body[data-panel-design].is-mobile-metric-menu-open .filter-panel,body[data-panel-design].is-mobile-metric-menu-open .filter-panel:focus-within { background:transparent; border-color:transparent; box-shadow:none; }
body[data-panel-design].is-mobile-metric-menu-open .panel-caption,body[data-panel-design].is-mobile-metric-menu-open .panel-current-name { visibility:hidden; }
body[data-panel-design].is-mobile-metric-menu-open .mobile-layer-toggle { visibility:hidden; }
}
body[data-panel-design=library] { --panel-bg:#0d1a22; --panel-ink:#eaf3f6; --panel-muted:#adbec7; --panel-edge:#607f8b; --panel-rule:#314955; --panel-subtle:#142a35; --panel-accent:#79dce4; --panel-selected:#193d49; --panel-radius:12px; }
body[data-panel-design=library] .filter-panel { left:24px; width:340px; padding:16px; gap:12px; }
body[data-panel-design=library] .panel-caption { padding-bottom:10px; }
body[data-panel-design=library] .metric-menu-button { min-height:48px; }
body[data-panel-design=library] .metric-menu-button-label { font-size:34px; letter-spacing:-1px; }
body[data-panel-design=library] .panel-current-name { margin:6px 0 10px; font-size:13px; }
body[data-panel-design=library] .metric-summary { padding-top:10px; }
body[data-panel-design=library] .legend { padding-top:10px; }
body[data-panel-design=library] .metric-menu { left:-1px; top:calc(100% + 10px); width:340px; max-width:calc(100vw - 48px); height:440px; max-height:var(--panel-menu-height,400px); grid-template-columns:108px minmax(0,1fr); grid-template-rows:42px 57px minmax(0,1fr); }
body[data-panel-design=library] .panel-menu-heading { grid-column:1 / 3; padding:8px 10px 0 14px; }
body[data-panel-design=library] .metric-menu-search { grid-column:1 / 3; padding:8px 10px; }
body[data-panel-design=library] .panel-category-rail { grid-row:3; padding:10px 7px; gap:6px; background:#10232d; overflow-y:auto; }
body[data-panel-design=library] .panel-category-rail button { min-height:48px; padding:8px 6px; gap:4px; border-radius:6px; font-size:11px; }
body[data-panel-design=library] .panel-category-rail button[aria-pressed=true] { background:var(--panel-selected); border-color:var(--panel-edge); color:var(--panel-ink); }
body[data-panel-design=library] .panel-category-rail button:hover { background:var(--panel-subtle); color:var(--panel-ink); }
body[data-panel-design=library] .panel-category-count { display:none; }
body[data-panel-design=library] .metric-menu-group,body[data-panel-design=library] .metric-menu-group:first-child { font-size:13px; padding:10px 12px; color:var(--panel-accent); background:var(--panel-bg); }
body[data-panel-design=library] .metric-menu-section { padding:0 7px 10px; }
body[data-panel-design=library] .metric-menu-group,body[data-panel-design=library] .metric-menu-group:first-child { margin:0 -7px 4px; }
body[data-panel-design=library] .metric-menu-item { padding:9px 8px; grid-template-columns:minmax(0,1fr); }
body[data-panel-design=library] .metric-menu-item.is-active { border:1px solid var(--panel-edge); border-left:3px solid var(--panel-accent); padding-left:5px; }
body[data-panel-design=library] .metric-menu-item.is-active::after { content:none; }
body[data-panel-design=library] .metric-menu-item-full-name { font-size:11px; }
@media  (max-width:720px) {
body[data-panel-design=library] .filter-panel { left:12px; width:calc(100vw - 24px); padding:16px 16px 58px; }
body[data-panel-design=library] .map-switch { top:calc(var(--panel-header-bottom,94px) + 12px); }
body[data-panel-design=library] .metric-menu { top:max(calc(var(--panel-header-bottom,94px) + 64px), 39dvh); left:12px; right:12px; width:auto; bottom:144px; max-width:none; max-height:none; height:auto; grid-template-columns:108px minmax(0,1fr); grid-template-rows:42px 57px minmax(0,1fr); }
body[data-panel-design=library] .panel-menu-heading { grid-column:1 / 3; grid-row:1; }
body[data-panel-design=library] .metric-menu-search { grid-column:1 / 3; grid-row:2; }
body[data-panel-design=library] .panel-category-rail { grid-column:1; grid-row:3; flex-direction:column; border-right:1px solid var(--panel-rule); border-bottom:0; overflow:auto; }
body[data-panel-design=library] .panel-category-rail button { flex-shrink:0; }
body[data-panel-design=library] .panel-menu-options { grid-column:2; grid-row:3; }
}
body[data-panel-design=library] { --panel-bg:#221f22; --panel-ink:#e7e2e5; --panel-muted:#b9b2b7; --panel-edge:#70686e; --panel-rule:#4c454b; --panel-subtle:#2b262b; --panel-accent:#ffc35c; --panel-selected:#30292a; --panel-radius:14px; }
body[data-panel-design=library] .filter-panel { border-width:1px; box-shadow:0 14px 32px #0004; }
body[data-panel-design=library] .panel-caption-title { color:var(--panel-ink); font-weight:550; }
body[data-panel-design=library] .panel-trigger-action { border-color:#86714f; color:var(--panel-accent); background:transparent; border-radius:8px; }
body[data-panel-design=library] .metric-menu-button:hover .panel-trigger-action,body[data-panel-design=library] .metric-menu-button[aria-expanded=true] .panel-trigger-action { border-color:var(--panel-accent); background:#382e25; }
body[data-panel-design=library] .metric-menu { box-shadow:0 14px 32px #0005; }
body[data-panel-design=library] .panel-menu-heading { color:var(--panel-ink); font-weight:550; }
body[data-panel-design=library] .metric-menu-search-input { border-color:#70666d; border-radius:8px; background:#201d20; font-size:13px; }
body[data-panel-design=library] .panel-category-rail { background:#252125; padding:10px 7px; }
body[data-panel-design=library] .panel-category-rail button { border:1px solid #4c454b; border-radius:8px; min-height:49px; }
body[data-panel-design=library] .panel-category-rail button[aria-pressed=true] { border-color:var(--panel-accent); background:#30292a; color:var(--panel-ink); }
body[data-panel-design=library] .panel-category-rail button:hover { border-color:#a18350; background:#2d272a; }
body[data-panel-design=library] .metric-menu-group,body[data-panel-design=library] .metric-menu-group:first-child { color:var(--panel-ink); border-bottom:0; padding-bottom:8px; font-weight:550; }
body[data-panel-design=library] .metric-menu-item { grid-template-columns:17px minmax(0,1fr); gap:9px; align-items:start; padding:12px 10px; border:1px solid #554c53; border-radius:10px; margin-bottom:9px; min-height:72px; background:transparent; }
body[data-panel-design=library] .metric-menu-item::before { content:""; display:block; width:17px; height:17px; margin-top:1px; background:#82777f;  }
body[data-panel-design=library] .metric-menu-item-copy { min-width:0; }
body[data-panel-design=library] .metric-menu-item-main { font-weight:550; font-size:14px; line-height:1.35; }
body[data-panel-design=library] .metric-menu-item-full-name { color:var(--panel-muted); line-height:1.55; letter-spacing:0; }
body[data-panel-design=library] .metric-menu-item:hover { border-color:#a18350; background:#292428; }
body[data-panel-design=library] .metric-menu-item.is-active { border:1px solid var(--panel-accent); padding:12px 10px; background:var(--panel-bg); }
body[data-panel-design=library] .metric-menu-item.is-active::before { background:var(--panel-accent);  }
body[data-panel-design=library] .metric-menu-search-input:focus-visible { outline-width:1px; outline-offset:0; border-color:var(--panel-accent); }
body[data-panel-design=library] { --panel-bg:#081319; --panel-ink:#dce8ed; --panel-muted:#a5b7c0; --panel-edge:#526b77; --panel-rule:#2f424c; --panel-subtle:#10212a; --panel-accent:#a3d1db; --panel-selected:#152d37; --panel-radius:12px; }
body[data-panel-design=library] .filter-panel { width:296px; padding:15px; }
body[data-panel-design=library] .metric-menu { top:-1px; left:-1px; bottom:auto; width:296px; height:min(630px,calc(100dvh - 255px)); max-height:none; grid-template-columns:92px minmax(0,1fr); }
body[data-panel-design=library] .filter-panel:has(.metric-menu:not([hidden])) { visibility:hidden; border-color:transparent; background:transparent; box-shadow:none; }
body[data-panel-design=library] .filter-panel .metric-menu:not([hidden]) { visibility:visible; }
body[data-panel-design=library] .panel-trigger-action { color:var(--panel-ink); border-color:var(--panel-edge); background:var(--panel-subtle); }
body[data-panel-design=library] .metric-menu-button:hover .panel-trigger-action,body[data-panel-design=library] .metric-menu-button[aria-expanded=true] .panel-trigger-action { border-color:var(--panel-accent); background:var(--panel-selected); }
body[data-panel-design=library] .metric-menu-search-input { border-color:var(--panel-edge); background:var(--panel-bg); }
body[data-panel-design=library] .panel-category-rail { background:#0b1a22; padding:9px 6px; }
body[data-panel-design=library] .panel-category-rail button { border-color:var(--panel-rule); padding:8px 5px; font-size:11px; letter-spacing:0; }
body[data-panel-design=library] .panel-category-rail button[aria-pressed=true] { border-color:var(--panel-accent); background:var(--panel-selected); }
body[data-panel-design=library] .panel-category-rail button:hover { border-color:var(--panel-edge); background:var(--panel-subtle); }
body[data-panel-design=library] .metric-menu-item { border-color:var(--panel-edge); padding:10px 8px; gap:7px; min-height:68px; }
body[data-panel-design=library] .metric-menu-item::before { background:var(--panel-muted); }
body[data-panel-design=library] .metric-menu-item:hover { border-color:var(--panel-accent); background:var(--panel-subtle); }
body[data-panel-design=library] .metric-menu-item.is-active { border-color:var(--panel-accent); padding:10px 8px; background:var(--panel-selected); }
body[data-panel-design=library] .metric-menu-item.is-active::before { background:var(--panel-accent); }
@media  (max-width:720px) {
body[data-panel-design=library] .filter-panel { width:min(320px,calc(100vw - 24px)); left:12px; padding:15px 15px 58px; }
body[data-panel-design=library] .metric-menu { position:absolute; top:auto; bottom:-1px; left:-1px; right:auto; width:calc(100% + 2px); height:min(540px,calc(100dvh - var(--panel-header-bottom,94px) - 180px)); max-height:none; }
}
body[data-panel-design=library] { --panel-bg:#15191c; --panel-ink:#e2e5e7; --panel-muted:#aeb7bd; --panel-edge:#626d74; --panel-rule:#374047; --panel-subtle:#1e2428; --panel-accent:#d1c2a6; --panel-selected:#262927; }
body[data-panel-design=library] .panel-caption-title,body[data-panel-design=library] .panel-menu-heading { color:#e2e5e7; }
body[data-panel-design=library] .panel-trigger-action { color:#d8dfe3; background:#20272b; border-color:#667279; }
body[data-panel-design=library] .metric-menu-button:hover .panel-trigger-action,body[data-panel-design=library] .metric-menu-button[aria-expanded=true] .panel-trigger-action { color:#ede6d9; background:#282a28; border-color:#b1a58e; }
body[data-panel-design=library] .panel-category-rail { background:#191f23; }
body[data-panel-design=library] .panel-category-rail button { background:transparent; border-color:#343e45; }
body[data-panel-design=library] .panel-category-rail button[aria-pressed=true] { background:#292c2b; border-color:#aa9f8b; color:#ece9e3; }
body[data-panel-design=library] .panel-category-rail button:hover { border-color:#777d7c; background:#242b2f; }
body[data-panel-design=library] .metric-menu-item { background:#1b2024; border-color:#485259; }
body[data-panel-design=library] .metric-menu-item:hover { border-color:#9c978b; background:#252b2e; }
body[data-panel-design=library] .metric-menu-item.is-active { border-color:#d1c2a6; background:#252926; }
body[data-panel-design=library] .metric-menu-search-input { background:#12171a; border-color:#59676e; }
body[data-panel-design=library] .metric-menu-search-input:focus-visible { border-color:#9eaeb6; outline-color:#9eaeb6; }
body[data-panel-design=library][data-panel-tone] .panel-caption-title,body[data-panel-design=library][data-panel-tone] .panel-menu-heading { color:var(--panel-ink); }
body[data-panel-design=library][data-panel-tone] .panel-trigger-action { color:var(--panel-accent); background:transparent; border-color:var(--panel-action-edge); }
body[data-panel-design=library][data-panel-tone] .metric-menu-button:hover .panel-trigger-action,body[data-panel-design=library][data-panel-tone] .metric-menu-button[aria-expanded=true] .panel-trigger-action { color:var(--panel-accent); background:var(--panel-selected); border-color:var(--panel-accent); }
body[data-panel-design=library][data-panel-tone] .panel-category-rail { background:var(--panel-rail); }
body[data-panel-design=library][data-panel-tone] .panel-category-rail button { border-color:var(--panel-rule); }
body[data-panel-design=library][data-panel-tone] .panel-category-rail button[aria-pressed=true] { color:var(--panel-ink); border-color:var(--panel-accent); background:var(--panel-selected); }
body[data-panel-design=library][data-panel-tone] .panel-category-rail button:hover { border-color:var(--panel-action-edge); background:var(--panel-subtle); }
body[data-panel-design=library][data-panel-tone] .metric-menu-item { background:var(--panel-option); border-color:var(--panel-option-edge); }
body[data-panel-design=library][data-panel-tone] .metric-menu-item:hover { background:var(--panel-subtle); border-color:var(--panel-action-edge); }
body[data-panel-design=library][data-panel-tone] .metric-menu-item.is-active { background:var(--panel-bg); border-color:var(--panel-accent); }
body[data-panel-design=library][data-panel-tone] .metric-menu-search-input { background:var(--panel-input); border-color:var(--panel-edge); }
body[data-panel-design=library][data-panel-tone] .metric-menu-search-input:focus-visible { outline-color:var(--panel-accent); border-color:var(--panel-accent); }
body[data-panel-design=library][data-panel-tone] .panel-category-rail button { justify-content:center; align-items:center; text-align:center; min-height:54px; padding:10px 5px; }
body[data-panel-design=library][data-panel-tone] .panel-category-rail button > span:first-child { width:100%; text-align:center; text-wrap:balance; line-height:1.5; }
body[data-panel-design=library][data-panel-tone] .metric-menu-group,body[data-panel-design=library][data-panel-tone] .metric-menu-group:first-child { padding:13px 17px 10px; font-size:12px; font-weight:600; letter-spacing:.2px; color:var(--panel-muted); }
body[data-panel-design=library][data-panel-tone] .metric-menu-item { display:block; position:relative; min-height:57px; margin:0 0 4px; padding:10px 10px 11px; border:1px solid transparent; border-bottom-color:var(--panel-rule); border-radius:0; background:transparent; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item::before { display:none; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item-main { display:block; padding-right:16px; font-size:14px; font-weight:600; letter-spacing:0; line-height:1.35; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item-full-name { display:block; margin-top:5px; font-size:11px; line-height:1.5; font-weight:400; letter-spacing:0; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item:hover { border-color:var(--panel-option-edge); background:var(--panel-subtle); border-radius:7px; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item.is-active { padding:10px 10px 11px; border:1px solid var(--panel-action-edge); border-radius:7px; background:var(--panel-selected); }
body[data-panel-design=library][data-panel-tone] .metric-menu-item.is-active::before { display:block; position:absolute; right:10px; top:12px; width:12px; height:12px; margin:0; background:var(--panel-accent); }
body[data-panel-design=library][data-panel-tone] .metric-menu-item:focus-visible { outline-width:1px; outline-offset:-2px; border-radius:7px; }
body[data-panel-design=library][data-panel-tone] .metric-menu-search-input:focus-visible { outline:none; border-color:var(--panel-accent); box-shadow:0 0 0 1px var(--panel-accent); }
body[data-panel-design=library][data-panel-tone] .panel-menu-options { scrollbar-width:thin; scrollbar-color:#66727a transparent; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item[hidden],body[data-panel-design=library][data-panel-tone] .metric-menu-section[hidden] { display:none; }
body[data-panel-design=library][data-panel-tone] .metric-menu-group,body[data-panel-design=library][data-panel-tone] .metric-menu-group:first-child { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item.is-active::before { display:none; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item-main { padding-right:0; }
body[data-panel-design=library][data-panel-tone] .filter-panel { border-radius:14px; }
body[data-panel-design=library][data-panel-tone] .metric-menu { border-radius:16px; border-color:var(--panel-edge); box-shadow:0 18px 44px #0006; grid-template-rows:44px 57px minmax(0,1fr); }
body[data-panel-design=library][data-panel-tone] .panel-menu-heading { padding:10px 12px 0 15px; font-weight:550; }
body[data-panel-design=library][data-panel-tone] .metric-menu-search { padding:5px 14px 10px; border-bottom:1px solid var(--panel-rule); }
body[data-panel-design=library][data-panel-tone] .metric-menu-search-input { height:40px; padding:0 0 0 1px; border:0; border-radius:0; background:transparent; box-shadow:none; font-size:13px; }
body[data-panel-design=library][data-panel-tone] .metric-menu-search-input:focus-visible { outline:none; border:0; box-shadow:0 1px 0 var(--panel-action-edge); }
body[data-panel-design=library][data-panel-tone] .panel-category-rail { padding:8px 6px; gap:5px; border-right:1px solid var(--panel-rule); }
body[data-panel-design=library][data-panel-tone] .panel-category-rail button { min-height:53px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--panel-muted); }
body[data-panel-design=library][data-panel-tone] .panel-category-rail button[aria-pressed=true] { border-color:var(--panel-edge); background:var(--panel-selected); color:var(--panel-ink); }
body[data-panel-design=library][data-panel-tone] .panel-category-rail button:hover { border-color:var(--panel-rule); background:var(--panel-subtle); color:var(--panel-ink); }
body[data-panel-design=library][data-panel-tone] .panel-menu-options { padding:6px 0 10px; scrollbar-color:var(--panel-edge) transparent; }
body[data-panel-design=library][data-panel-tone] .metric-menu-section { padding:0; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item,body[data-panel-design=library][data-panel-tone] .metric-menu-item.is-active { min-height:59px; padding:11px 14px; margin:0; border:0; border-radius:0; background:transparent; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item-main { padding:0; font-size:14px; line-height:1.35; font-weight:500; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item-full-name { font-size:11px; line-height:1.45; margin-top:4px; color:var(--panel-muted); }
body[data-panel-design=library][data-panel-tone] .metric-menu-item:hover { background:var(--panel-subtle); border:0; border-radius:0; }
body[data-panel-design=library][data-panel-tone] .metric-menu-item.is-active { background:var(--panel-selected); }
body[data-panel-design=library][data-panel-tone] .metric-menu-item:focus-visible { outline:1px solid var(--panel-accent); outline-offset:-3px; border-radius:0; background:var(--panel-subtle); }
body[data-panel-tone=teal] { --panel-bg:#0c1c22; --panel-ink:#e2eff2; --panel-muted:#a3bcc3; --panel-edge:#527b86; --panel-rule:#294751; --panel-subtle:#14303a; --panel-accent:#9bd6df; --panel-selected:#204551; --panel-rail:#10252d; --panel-option:#0c1c22; --panel-option-edge:#355b65; --panel-action-edge:#6eacb9; --panel-input:#0b1920; }
@media (max-width:720px) {
body[data-panel-design=library] .map-switch { top:calc(var(--panel-header-bottom,94px) + 64px); }
}
@media (max-width:720px) {
body[data-panel-design=library][data-panel-tone] .map-switch { top:calc(var(--panel-header-bottom,94px) + 64px); }
body[data-panel-design=library][data-panel-tone].is-mobile-metric-menu-open .map-switch { visibility:hidden; }
}