@import url('./lab-common.css');
:root { color-scheme: dark; --bg:#151619; --panel:#1c1e22; --text:#eceeea; --muted:#afb3b7; --quiet:#858b92; --line:#303338; --cyan:#76d5b8; --yellow:#e7bd77; --magenta:#e79aaa; --shadow:0 12px 40px #0004; }
body { background:#151619; }
.lab-layout { display:grid; grid-template-columns:218px minmax(0,1fr); }
.lab-sidebar { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:32px 18px; border-right:1px solid var(--line); background:#111214; }
.lab-brand { flex-wrap:wrap; gap:9px; font-size:19px; }
.brand-mark { background:#b0dccb; color:#152a20; }
.brand-edition { display:block; width:100%; margin-left:40px; color:var(--quiet); }
.nav-label { margin:44px 12px 12px; font-size:9px; color:var(--quiet); }
.lab-nav-item { margin-bottom:5px; }
.lab-nav-item.selected { background:#232a28; color:#b2e9d2; }
.lab-nav-item:hover { background:#222529; }
.sidebar-bottom { display:flex; align-items:center; gap:8px; margin-top:auto; padding-left:12px; font-size:10px; color:var(--quiet); }
.status-dot { width:5px; height:5px; background:#76d5b8; border-radius:50%; }
.lab-main { max-width:1500px; width:100%; padding:0 34px; margin:0 auto; }
.lab-search { background:#1b1d20; }
.lab-page-head { padding-top:30px; }
.lab-category-layout { columns:350px; column-gap:22px; }
.lab-category-folders { display:flex; flex-direction:column; gap:12px; }
.lab-category-folders .folder-card { margin:0; border:1px solid var(--line); background:var(--panel); }
.folder-title-button { color:#c3c7c8; }
.lab-favorites .float-card { border:1px solid #353d39; background:#1b211f; }
.lab-favorites .float-card:hover { border-color:#76d5b8; background:#232c28; transform:translateY(-1px); }
.folder-card .shortcut-card:hover { background:#292d31; }
.folder-card .line-chip { background:#272a30; border:0; color:#a4adb7; }
.folder-card .line-chip:nth-child(2n) { background:#25302b; }
.spacer-stroke { background:#3b4147; }
.item-edit-dialog { background:#1c1e22; border-color:#4a5e55; }
.login-view { background:#151619; }
.login-card { background:#1c1e22; border-color:#3b4942; }
@media(min-width:1800px) { .lab-main { max-width:1600px; } }
@media(max-width:800px) {
  .lab-layout { grid-template-columns:minmax(0,1fr); }
  .lab-sidebar { position:static; min-width:0; width:100%; height:auto; padding:18px; border-right:0; border-bottom:1px solid var(--line); }
  .lab-sidebar .lab-brand { flex-wrap:nowrap; }
  .brand-edition { width:auto; margin-left:auto; }
  .lab-sidebar nav { display:flex; overflow:auto; margin-top:16px; gap:5px; }
  .lab-nav-item { width:auto; flex-shrink:0; }
  .lab-count, .nav-label, .sidebar-bottom { display:none; }
  .lab-main { padding:0 18px; }
  .lab-category-layout { columns:1; }
}