:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#0d1117; color:#e6edf3; }
* { box-sizing:border-box; }
body { margin:0; background:#0d1117; }
.topbar { min-height:72px; padding:16px 28px; border-bottom:1px solid #30363d; display:flex; align-items:center; justify-content:space-between; background:#161b22; }
h1 { margin:0; font-size:22px; display:inline; }
.version { color:#8b949e; margin-left:10px; }
.badge { background:#1f6feb22; border:1px solid #1f6feb; color:#79c0ff; border-radius:999px; padding:6px 10px; font-size:12px; }
.layout { display:grid; grid-template-columns:300px minmax(0,1fr); min-height:calc(100vh - 72px); }
.sidebar { padding:24px; border-right:1px solid #30363d; background:#161b22; }
.sidebar h2 { margin-top:0; }
label { display:block; font-size:13px; color:#c9d1d9; margin:14px 0; }
input { width:100%; margin-top:7px; padding:10px 11px; border:1px solid #30363d; border-radius:7px; background:#0d1117; color:#e6edf3; }
button { width:100%; border:0; border-radius:7px; padding:11px; margin-top:9px; font-weight:700; cursor:pointer; background:#238636; color:white; }
button.secondary { background:#21262d; border:1px solid #8b949e; }
.hint,.empty { color:#8b949e; font-size:13px; }
.syncbox { margin-top:24px; padding:14px; border:1px solid #30363d; border-radius:8px; background:#0d1117; font-size:13px; }
#sync-status { margin-top:8px; color:#8b949e; line-height:1.5; }
.progress { height:7px; background:#21262d; border-radius:999px; overflow:hidden; margin-top:10px; }
#progress-bar { height:100%; width:0; background:#2ea043; transition:width .3s; }
.content { padding:28px; min-width:0; }
.cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:18px; }
.card,.panel { background:#161b22; border:1px solid #30363d; border-radius:10px; }
.card { padding:20px; }
.card span { display:block; color:#8b949e; font-size:13px; }
.card strong { display:block; margin-top:7px; font-size:25px; }
.panel { margin-top:18px; overflow:hidden; }
.panel-title { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid #30363d; }
.panel-title h2 { margin:0; font-size:17px; }
.panel-title span { color:#8b949e; font-size:12px; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; font-size:13px; }
th,td { padding:11px 14px; border-bottom:1px solid #21262d; text-align:left; white-space:nowrap; }
th { color:#8b949e; font-weight:600; }
.logs { list-style:none; margin:0; padding:8px 18px 16px; }
.logs li { padding:9px 0; border-bottom:1px solid #21262d; font-size:13px; }
.logs li span { display:inline-block; width:72px; color:#8b949e; }
.logs b { display:inline-block; min-width:72px; }
.logs .error { color:#ff7b72; }.logs .warning { color:#d29922;}.logs .info { color:#79c0ff; }
.notice { padding:12px 14px; border-radius:8px; margin-bottom:16px; }
.notice.success { background:#23863622; border:1px solid #238636; }
.notice.error { background:#f8514922; border:1px solid #f85149; }
.empty { padding:18px; }
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #30363d}.cards{grid-template-columns:1fr}}

/* Sprint 1.3 - Inventory Explorer */
.brand { display:flex; align-items:baseline; gap:6px; flex-shrink:0; }
.main-nav { display:flex; align-items:center; gap:6px; margin:0 auto 0 34px; }
.main-nav a { color:#8b949e; text-decoration:none; font-size:14px; font-weight:650; padding:8px 11px; border-radius:7px; }
.main-nav a:hover { color:#e6edf3; background:#21262d; }
.main-nav a.active { color:#fff; background:#21262d; }

.inventory-layout { display:grid; grid-template-columns:280px minmax(0,1fr); min-height:calc(100vh - 72px); }
.filter-sidebar { padding:24px 20px; border-right:1px solid #30363d; background:#161b22; position:sticky; top:0; align-self:start; min-height:calc(100vh - 72px); }
.filter-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:20px; }
.filter-heading h2,.page-heading h2 { margin:3px 0 0; font-size:21px; }
.eyebrow { color:#79c0ff; text-transform:uppercase; letter-spacing:.08em; font-size:10px; font-weight:800; }
.reset-link,.back-link { color:#79c0ff; text-decoration:none; font-size:13px; }
.reset-link:hover,.back-link:hover { text-decoration:underline; }
.filter-form label { margin:0 0 16px; }
select { width:100%; margin-top:7px; padding:10px 11px; border:1px solid #30363d; border-radius:7px; background:#0d1117; color:#e6edf3; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.filter-note { margin-top:22px; padding:14px; border:1px solid #30363d; border-radius:9px; background:#0d1117; }
.filter-note strong { display:block; font-size:24px; }
.filter-note span { color:#8b949e; font-size:12px; }
.inventory-content { padding:24px 28px 34px; min-width:0; }
.page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:16px; }
.page-heading p { margin:5px 0 0; color:#8b949e; font-size:13px; }
.page-size-form label { display:flex; align-items:center; gap:9px; margin:0; white-space:nowrap; color:#8b949e; }
.page-size-form select { width:auto; margin:0; padding:8px 28px 8px 9px; }
.inventory-panel { margin-top:0; }
.inventory-table-wrap { max-height:calc(100vh - 225px); }
.inventory-table thead th { position:sticky; top:0; z-index:2; background:#161b22; box-shadow:0 1px 0 #30363d; }
.inventory-table th a { color:#8b949e; text-decoration:none; }
.inventory-table th a:hover { color:#e6edf3; }
.inventory-table tbody tr { cursor:pointer; }
.inventory-table tbody tr:hover { background:#1c2128; }
.inventory-table td { vertical-align:middle; }
.cover-col { width:62px; }
.cover-cell { width:62px; padding:6px 10px !important; }
.cover-cell img,.cover-placeholder { width:42px; height:42px; border-radius:5px; object-fit:cover; background:#21262d; display:flex; align-items:center; justify-content:center; color:#8b949e; }
.primary-link { color:#e6edf3; text-decoration:none; font-weight:650; }
.primary-link:hover { color:#79c0ff; text-decoration:underline; }
.title-main { max-width:420px; overflow:hidden; text-overflow:ellipsis; }
.subline { color:#8b949e; font-size:11px; margin-top:3px; max-width:420px; overflow:hidden; text-overflow:ellipsis; }
.money { font-variant-numeric:tabular-nums; font-weight:650; }
.status-pill,.soft-pill { display:inline-flex; align-items:center; min-height:24px; padding:3px 8px; border-radius:999px; font-size:11px; white-space:nowrap; }
.status-pill { background:#23863622; border:1px solid #23863688; color:#7ee787; }
.soft-pill { background:#21262d; border:1px solid #30363d; color:#c9d1d9; }
.muted { color:#8b949e; }
.mono { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.pagination { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; margin-top:16px; gap:12px; }
.page-button { display:inline-flex; width:max-content; padding:8px 12px; border:1px solid #30363d; border-radius:7px; color:#c9d1d9; background:#161b22; text-decoration:none; font-size:13px; }
.page-button:last-child { justify-self:end; }
.page-button:hover { border-color:#8b949e; }
.page-button.disabled { color:#484f58; pointer-events:none; }
.page-info { color:#8b949e; font-size:13px; text-align:center; }
.page-info strong { color:#e6edf3; }
.empty-state { min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#8b949e; }
.empty-state strong { color:#e6edf3; font-size:18px; }
.empty-state.standalone { min-height:60vh; }

.detail-shell { max-width:1280px; margin:0 auto; padding:26px 28px 50px; }
.back-link { display:inline-block; margin-bottom:18px; }
.detail-hero { display:grid; grid-template-columns:150px minmax(0,1fr) 220px; gap:24px; align-items:center; padding:24px; background:#161b22; border:1px solid #30363d; border-radius:12px; }
.detail-cover img,.detail-cover-placeholder { width:150px; height:150px; object-fit:cover; border-radius:8px; background:#21262d; display:flex; align-items:center; justify-content:center; font-size:42px; color:#8b949e; }
.detail-title h2 { font-size:27px; margin:7px 0 3px; }
.detail-title h3 { font-size:20px; font-weight:500; color:#c9d1d9; margin:0; }
.detail-badges { display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }
.price-card { padding:18px; border:1px solid #30363d; border-radius:10px; background:#0d1117; }
.price-card span { display:block; color:#8b949e; font-size:12px; }
.price-card strong { display:block; margin-top:5px; font-size:27px; }
.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; }
.detail-panel { margin-top:0; }
.detail-wide { grid-column:1/-1; }
.data-list { margin:0; padding:6px 18px 14px; }
.data-list div { display:grid; grid-template-columns:180px minmax(0,1fr); gap:16px; padding:10px 0; border-bottom:1px solid #21262d; }
.data-list div:last-child { border-bottom:0; }
.data-list dt { color:#8b949e; font-size:12px; }
.data-list dd { margin:0; font-size:13px; overflow-wrap:anywhere; }
.comments-box { padding:18px; white-space:pre-wrap; color:#c9d1d9; line-height:1.55; }

@media(max-width:1050px){
  .inventory-layout{grid-template-columns:1fr}.filter-sidebar{position:static;min-height:auto;border-right:0;border-bottom:1px solid #30363d}.filter-form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.filter-form label{margin:0}.filter-form .two-col{grid-column:1/-1}.filter-form button{grid-column:1/-1}.filter-note{display:none}.inventory-table-wrap{max-height:none}
  .detail-hero{grid-template-columns:120px minmax(0,1fr)}.detail-cover img,.detail-cover-placeholder{width:120px;height:120px}.price-card{grid-column:1/-1}
}
@media(max-width:700px){
  .topbar{padding:12px 16px;flex-wrap:wrap;gap:8px}.main-nav{order:3;width:100%;margin:0}.inventory-content,.detail-shell{padding:18px 14px}.filter-form{grid-template-columns:1fr}.filter-form .two-col{grid-column:auto}.page-heading{align-items:flex-start;flex-direction:column}.detail-hero{grid-template-columns:1fr}.detail-cover img,.detail-cover-placeholder{width:110px;height:110px}.detail-grid{grid-template-columns:1fr}.data-list div{grid-template-columns:1fr;gap:4px}.badge{display:none}
}

.private-comments-box {
  border-left: 3px solid #8b5cf6;
}


/* v0.1.3.9 — Light / Dark theme */
:root {
  --fm-bg:#0d1117;
  --fm-surface:#161b22;
  --fm-surface-2:#0d1117;
  --fm-border:#30363d;
  --fm-border-soft:#21262d;
  --fm-text:#e6edf3;
  --fm-muted:#8b949e;
  --fm-label:#c9d1d9;
  --fm-link:#79c0ff;
  --fm-secondary:#21262d;
  color-scheme:dark;
}
:root[data-theme="light"] {
  --fm-bg:#f6f8fa;
  --fm-surface:#ffffff;
  --fm-surface-2:#f6f8fa;
  --fm-border:#d0d7de;
  --fm-border-soft:#d8dee4;
  --fm-text:#1f2328;
  --fm-muted:#656d76;
  --fm-label:#424a53;
  --fm-link:#0969da;
  --fm-secondary:#f6f8fa;
  color-scheme:light;
}

/* Override the original dark palette without changing layout. */
:root[data-theme="light"], :root[data-theme="light"] body { background:var(--fm-bg); color:var(--fm-text); }
:root[data-theme="light"] .topbar,
:root[data-theme="light"] .sidebar,
:root[data-theme="light"] .card,
:root[data-theme="light"] .panel { background:var(--fm-surface); border-color:var(--fm-border); }
:root[data-theme="light"] .syncbox,
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea { background:var(--fm-surface-2); color:var(--fm-text); border-color:var(--fm-border); }
:root[data-theme="light"] label { color:var(--fm-label); }
:root[data-theme="light"] .hint,
:root[data-theme="light"] .empty,
:root[data-theme="light"] .muted,
:root[data-theme="light"] .version,
:root[data-theme="light"] .panel-title span,
:root[data-theme="light"] th,
:root[data-theme="light"] #sync-status,
:root[data-theme="light"] #private-sync-status { color:var(--fm-muted); }
:root[data-theme="light"] th,
:root[data-theme="light"] td { border-color:var(--fm-border-soft); }
:root[data-theme="light"] a { color:var(--fm-link); }
:root[data-theme="light"] button.secondary { background:var(--fm-secondary); color:var(--fm-text); border-color:var(--fm-border); }
:root[data-theme="light"] .progress { background:#d8dee4; }

.theme-toggle {
  width:auto;
  min-width:92px;
  margin:0 0 0 12px;
  padding:8px 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:var(--fm-secondary);
  color:var(--fm-text);
  border:1px solid var(--fm-border);
  border-radius:999px;
  white-space:nowrap;
}
.theme-toggle:hover { filter:brightness(1.06); }
#theme-icon { font-size:15px; line-height:1; }

.test-banner {
  position:fixed; top:0; left:0; right:0; z-index:9999;
  text-align:center; padding:5px 10px; font-size:12px; font-weight:800;
  letter-spacing:.06em; background:#b42318; color:white;
}
body { padding-top:26px; }

.location-edit { min-width:260px; padding:10px 0; }
.location-edit label { margin:8px 0; }
.location-edit button { margin-top:6px; }
details summary { cursor:pointer; color:#79c0ff; }
.occupancy { display:inline-block; min-width:66px; text-align:center; border-radius:999px; padding:4px 8px; font-weight:800; font-size:12px; }
.occupancy-green { background:#23863633; color:#3fb950; border:1px solid #238636; }
.occupancy-orange { background:#d2992233; color:#e3b341; border:1px solid #9e6a03; }
.occupancy-red { background:#da363333; color:#ff7b72; border:1px solid #da3633; }
:root[data-theme="light"] .occupancy-green { color:#116329; }
:root[data-theme="light"] .occupancy-orange { color:#7d4e00; }
:root[data-theme="light"] .occupancy-red { color:#a40e26; }

.location-filters {
  display:grid;
  grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) auto auto auto;
  gap:12px;
  align-items:end;
}
.checkline {
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:8px;
  min-height:38px;
  margin:0 !important;
  white-space:nowrap;
}
.checkline input[type="checkbox"] { width:auto; margin:0; }
.annotation-list { padding:8px 0; font-size:12px; max-width:260px; }
.annotation-list div + div { margin-top:5px; }
@media (max-width: 850px) {
  .location-filters { grid-template-columns:1fr; }
  .checkline { white-space:normal; }
}

.annotation-item {
  display:block;
  padding:7px 9px;
  border:1px solid var(--fm-border, #30363d);
  border-radius:7px;
  text-decoration:none;
  color:inherit;
  background:var(--fm-surface-2, #0d1117);
}
.annotation-item + .annotation-item { margin-top:6px; }
.annotation-item strong { display:block; font-size:12px; }
.annotation-item span { display:block; margin-top:3px; font-size:12px; color:var(--fm-muted, #8b949e); }
.annotation-item:hover { border-color:#58a6ff; }

.alias-form {
  display:grid;
  grid-template-columns:1.4fr 1.4fr 1fr auto;
  gap:10px;
  align-items:end;
}
.alias-form label { margin:0; }
.alias-suggestions,.alias-list { margin-top:8px; }
.alias-suggestion,.alias-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:9px 0;
  border-top:1px solid var(--fm-border-soft,#21262d);
}
.alias-suggestion span,.alias-row span { min-width:0; }
.alias-suggestion small,.alias-row small { display:block; color:var(--fm-muted,#8b949e); margin-top:2px; }
.alias-suggestion button,.alias-row button { width:auto; margin:0; white-space:nowrap; }
@media(max-width:850px){
  .alias-form { grid-template-columns:1fr; }
  .alias-suggestion,.alias-row { align-items:flex-start; flex-direction:column; }
}

.alias-panel { overflow:hidden; }
.alias-panel-summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px;
  cursor:pointer;
  user-select:none;
  list-style:none;
}
.alias-panel-summary::-webkit-details-marker { display:none; }
.alias-panel-summary span:first-child { display:flex; flex-direction:column; gap:2px; }
.alias-panel-summary strong { font-size:16px; }
.alias-panel-summary small { color:var(--fm-muted,#8b949e); font-size:12px; font-weight:400; }
.alias-chevron { transition:transform .18s ease; color:var(--fm-muted,#8b949e); }
.alias-panel[open] .alias-chevron { transform:rotate(180deg); }
.alias-panel-body {
  padding:0 16px 16px;
  border-top:1px solid var(--fm-border-soft,#21262d);
}

.location-link { color:inherit; text-decoration:none; }
.location-link:hover { color:#58a6ff; text-decoration:underline; }

.history-timeline { margin-top:4px; }
.history-event {
  position:relative;
  display:grid;
  grid-template-columns:14px 1fr;
  gap:10px;
  padding:0 0 16px;
}
.history-event:not(:last-child)::before {
  content:"";
  position:absolute;
  left:5px;
  top:12px;
  bottom:0;
  width:2px;
  background:var(--fm-border-soft,#21262d);
}
.history-dot {
  width:12px;
  height:12px;
  margin-top:4px;
  border-radius:50%;
  background:#58a6ff;
  position:relative;
  z-index:1;
}
.history-event strong,.history-event small { display:block; }
.history-event small { color:var(--fm-muted,#8b949e); margin-top:2px; }
.history-event p { margin:5px 0; }
.history-change { margin-top:5px; font-size:12px; font-family:monospace; }
.batch-membership {
  padding:10px 0;
  border-bottom:1px solid var(--fm-border-soft,#21262d);
}
.batch-membership:last-child { border-bottom:0; }
.batch-membership strong { display:block; margin-bottom:5px; }
.batch-membership small { display:block; color:var(--fm-muted,#8b949e); margin-top:3px; }

.page-shell{max-width:1500px;margin:0 auto;padding:22px}.select-col,.select-cell{width:36px;text-align:center}.select-cell input,.select-col input{width:auto;cursor:pointer}
.bulk-bar{position:sticky;bottom:14px;z-index:20;margin:14px auto 0;max-width:760px;padding:12px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--fm-border,#30363d);border-radius:12px;background:var(--fm-surface,#161b22);box-shadow:0 8px 30px rgba(0,0,0,.25)}.bulk-bar[hidden]{display:none}.bulk-bar strong{margin-right:auto}.bulk-bar button{width:auto;margin:0}
.batch-dialog{width:min(520px,calc(100vw - 32px));border:1px solid var(--fm-border,#30363d);border-radius:12px;background:var(--fm-surface,#161b22);color:inherit;padding:20px}.batch-dialog::backdrop{background:rgba(0,0,0,.55)}.batch-dialog label{display:block;margin:12px 0}.batch-dialog input,.batch-dialog textarea{width:100%;box-sizing:border-box}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.dialog-actions button{width:auto}

.batch-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}.batch-toolbar .button,.batch-toolbar button{width:auto;margin:0}

.inline-form{display:inline;margin:0}.inline-form button{width:auto;margin:0}.danger-outline{border:1px solid #da3633!important;background:transparent!important;color:#f85149!important}.overlap-warning{margin-bottom:14px;border-color:#9e6a03!important}.overlap-warning strong{display:block;margin-bottom:9px}.overlap-pills{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}.overlap-pills a{text-decoration:none}

.floating-filter-actions{position:fixed;left:14px;bottom:14px;z-index:30;width:240px;padding:10px;display:flex;gap:8px;border:1px solid var(--fm-border,#30363d);border-radius:12px;background:var(--fm-surface,#161b22);box-shadow:0 8px 30px rgba(0,0,0,.28)}
.floating-filter-actions[hidden]{display:none}.floating-filter-actions button,.floating-filter-actions .button{width:auto;flex:1;margin:0;text-align:center}
.item-actionbar{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 16px}.item-actionbar form{margin:0}.item-actionbar button{width:auto;margin:0}
.inline-undo{display:inline-block;margin:6px 0 0}.inline-undo button{width:auto;margin:0;font-size:12px;padding:5px 8px}.result-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.result-actions .button,.result-actions button{width:auto;margin:0}

.inventory-view-switch{display:flex;align-items:end;gap:8px;margin-left:auto}.inventory-view-switch>span{font-size:12px;color:var(--muted);padding-bottom:7px}.segmented{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.segmented button{border:0;border-radius:0;margin:0;padding:7px 10px;width:auto;background:transparent}.segmented button.active{background:var(--accent);color:#fff}
.inventory-compact .inventory-table .cover-col,
.inventory-compact .inventory-table .cover-cell{display:none!important}.inventory-compact .inventory-table td{padding-top:5px!important;padding-bottom:5px!important}.inventory-compact .inventory-table th{padding-top:6px!important;padding-bottom:6px!important}.inventory-compact .inventory-table .title-cell,.inventory-compact .inventory-table td{line-height:1.15}
.edit-listing-panel{max-width:900px}.edit-listing-form textarea{width:100%;resize:vertical}

.inventory-compact .inventory-table tbody tr{height:auto!important}
.inventory-compact .inventory-table .subline{font-size:10px;line-height:1.05;margin-top:1px}
.inventory-compact .inventory-table td{vertical-align:middle}

/* v0.1.3.31 — Fanatic workspace shell */
:root{--fm-sidebar:244px;--fm-blue:#2f81f7;--fm-blue-soft:#58a6ff}
body{background:radial-gradient(circle at 55% -20%,#122033 0,#0d1117 35%,#0b1016 70%);}
.topbar{position:sticky;top:26px;z-index:20;margin-left:var(--fm-sidebar);min-height:62px;padding:12px 26px;background:rgba(13,17,23,.92);backdrop-filter:blur(14px);border-bottom:1px solid #253040}
.brand{position:fixed;z-index:31;left:0;top:26px;width:var(--fm-sidebar);height:62px;padding:12px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;background:#101823;border-right:1px solid #263242;border-bottom:1px solid #263242}
.brand h1{font-size:19px;line-height:1;font-weight:850;letter-spacing:.01em}.brand h1::first-line{color:#f0f6fc}.brand .version{font-size:10px;margin:5px 0 0;color:#58a6ff}
.main-nav{position:fixed;z-index:30;left:0;top:88px;bottom:0;width:var(--fm-sidebar);margin:0;padding:18px 14px 16px;display:flex;flex-direction:column;align-items:stretch;gap:3px;background:linear-gradient(180deg,#101823,#0e1620);border-right:1px solid #263242;overflow:auto}
.main-nav a,.nav-future{min-height:38px;padding:9px 11px;display:flex;align-items:center;gap:10px;border-radius:7px;color:#c7d1dc;text-decoration:none;font-size:13px;font-weight:560}
.main-nav a:hover{color:#fff;background:#172334}.main-nav a.active{color:#fff;background:#172a42;box-shadow:inset 3px 0 #2f81f7}.nav-icon{width:18px;text-align:center;color:#9eafc0;font-size:16px}.main-nav a.active .nav-icon{color:#58a6ff}
.nav-section-label{padding:3px 11px 7px;color:#718096;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:750}.nav-extra{margin-top:17px;padding-top:15px;border-top:1px solid #233040}.nav-new{margin-left:auto;padding:2px 6px;border-radius:999px;background:#238636;color:#fff;font-size:9px;font-weight:800}.nav-future{color:#718096}.nav-future small{margin-left:auto;font-size:9px;color:#536273}.nav-bottom{margin-top:auto;padding-top:16px;border-top:1px solid #233040}.nav-bottom .theme-toggle{width:100%;margin:0;background:#141f2d;border-color:#2a394b;border-radius:7px}.local-state{display:flex;align-items:center;gap:8px;padding:13px 10px 0;color:#9eafc0;font-size:11px}.local-state i{width:9px;height:9px;border-radius:50%;background:#2ea043;box-shadow:0 0 10px #2ea04366}.local-state span{margin-left:auto;color:#65758a;font-size:9px}
.badge{margin-left:auto;background:#10223b;border-color:#285c9e;color:#58a6ff}.layout,.inventory-layout{margin-left:var(--fm-sidebar)}.detail-shell{margin-left:var(--fm-sidebar);max-width:none;padding:26px 32px 50px}.content{padding:26px 32px}.filter-sidebar{background:#101720;border-color:#263242}.sidebar{background:#101720;border-color:#263242}
.card,.panel,.detail-hero{background:linear-gradient(180deg,#151d27,#121922);border-color:#2a3645;box-shadow:0 8px 30px #00000018}.panel{border-radius:9px}.card{border-radius:9px}.price-card{background:#0e151e;border-color:#2a3645}.panel-title{border-color:#263242}
input,select,textarea{background:#0b1118!important;border:1px solid #2c3948!important;color:#eef4fb!important;border-radius:7px!important;outline:none}input:focus,select:focus,textarea:focus{border-color:#2f81f7!important;box-shadow:0 0 0 3px #2f81f722}textarea{width:100%;margin-top:7px;padding:10px 11px;resize:vertical;font:inherit}
button:not(.secondary),.button:not(.secondary){background:linear-gradient(180deg,#2f81f7,#1f6feb);box-shadow:inset 0 1px #ffffff20;color:white}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:7px;text-decoration:none;font-weight:700}button.secondary,.button.secondary{background:#151d27;color:#d8e0e9;border:1px solid #344252}.edit-listing-panel{max-width:1040px;margin-top:8px}.edit-listing-form{padding:8px 18px 20px}.edit-listing-form .grade-row{margin-top:2px}.edit-listing-form label{margin:15px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.dialog-actions button,.dialog-actions .button{width:auto;min-width:150px;margin:0}.notice{border-radius:7px}
.page-heading h2{font-size:24px}.eyebrow{color:#58a6ff}.back-link,.reset-link{color:#58a6ff}.inventory-table tbody tr:hover{background:#172334}.inventory-table thead th{background:#151d27}
@media(max-width:900px){:root{--fm-sidebar:0px}.brand{position:static;width:auto;height:auto;border:0}.topbar{margin-left:0;top:26px}.main-nav{position:static;width:100%;height:auto;flex-direction:row;flex-wrap:wrap;border:0;padding:8px}.nav-section-label,.nav-future,.nav-bottom{display:none}.layout,.inventory-layout,.detail-shell{margin-left:0}.topbar{flex-wrap:wrap}.main-nav a{min-height:34px}.sidebar{border-bottom:1px solid #263242}}

/* v0.1.3.32 — real dashboard shell (single navigation system) */
.dashboard-page{padding-top:0!important;min-height:100vh;background:#09111b!important}
.dashboard-page .test-banner{display:none!important}
.dashboard-page .topbar.dashboard-topbar{position:fixed;top:0;left:244px;right:0;height:86px;min-height:86px;margin:0;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(9,17,27,.96);border-bottom:1px solid #223044;z-index:40}
.dashboard-page .brand{position:fixed;left:0;top:0;width:244px;height:86px;padding:18px 20px;background:#0e1926;border-right:1px solid #223044;border-bottom:1px solid #223044;z-index:42}
.dashboard-page .brand h1{display:flex;flex-direction:column;gap:2px;font-size:19px;line-height:1.05;letter-spacing:.02em}
.dashboard-page .brand h1 span{color:#f3f7fb}.dashboard-page .brand h1 em{color:#3993ff;font-style:normal}
.dashboard-page .brand .version{margin:7px 0 0;color:#8ea0b4;font-size:10px}
.dashboard-page .main-nav{top:86px;bottom:0;width:244px;padding:24px 12px 18px;background:linear-gradient(180deg,#0e1926,#0b1520);border-right:1px solid #223044;z-index:41}
.dashboard-page .dashboard-heading{margin-right:auto}.dashboard-heading h2{margin:0;font-size:23px}.dashboard-heading p{margin:3px 0 0;color:#8ea0b4;font-size:12px}
.dashboard-page .badge{display:none}.top-actions{display:flex;align-items:center;gap:10px;color:#d9e2ec;font-size:12px}.environment-pill{padding:6px 10px;border:1px solid #174c7e;border-radius:999px;background:#0c2135;color:#42a0ff;font-size:10px;font-weight:700}.user-chip{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#17304a;color:#fff;font-weight:800}
.dashboard-main{margin-left:244px;padding:110px 28px 40px;min-width:0;max-width:1900px}
.dashboard-notice{margin-bottom:18px!important;background:#0d291f!important;border-color:#197344!important;color:#dff7e8}
.dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{min-height:112px;padding:19px;background:linear-gradient(145deg,#121e2b,#101923);border:1px solid #26364a;border-radius:9px;box-shadow:0 10px 35px #0003}.metric-card span{display:block;color:#8ea0b4;font-size:12px}.metric-card strong{display:block;margin-top:7px;font-size:24px;color:#f2f6fa;font-variant-numeric:tabular-nums}.metric-card small{display:block;margin-top:7px;color:#708398;font-size:11px}.metric-card .metric-date{font-size:21px}
.dashboard-table-panel{margin-top:0!important}.dashboard-table-panel .panel-title{padding:15px 16px}.dashboard-table-panel .panel-title>div span{display:block;margin-top:3px}.compact-button{width:auto!important;padding:7px 11px!important;font-size:11px}.dashboard-table tbody tr{cursor:pointer}.dashboard-table tbody tr:hover{background:#162538}.dashboard-table td,.dashboard-table th{padding:10px 12px}.row-arrow{text-align:right;color:#4d9fff;font-size:20px}
.dashboard-secondary-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.dashboard-panel-body{padding:16px}.dashboard-panel-body p{margin:0 0 8px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-stats>div{padding:14px;border:1px solid #26364a;border-radius:8px;background:#0c151f}.mini-stats span{display:block;color:#8ea0b4;font-size:11px}.mini-stats strong{display:block;margin-top:5px;font-size:22px}
@media(max-width:1150px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.dashboard-secondary-grid{grid-template-columns:1fr}.top-actions strong{display:none}}
@media(max-width:900px){.dashboard-page .topbar.dashboard-topbar{position:static;left:0;height:auto;margin:0}.dashboard-page .brand{position:static;width:auto;height:auto}.dashboard-page .main-nav{position:static;width:100%;padding:8px}.dashboard-main{margin-left:0;padding:22px 14px}.dashboard-cards{grid-template-columns:1fr}.top-actions{display:none}}


/* v0.1.3.33 — dashboard sidebar is structurally outside the fixed topbar.
   This prevents backdrop-filter on the header from trapping/clipping fixed navigation. */
.dashboard-page .dashboard-sidebar{position:fixed;left:0;top:0;bottom:0;width:244px;z-index:50;background:linear-gradient(180deg,#0e1926,#0b1520);border-right:1px solid #223044}
.dashboard-page .dashboard-sidebar .brand{position:absolute!important;left:0!important;top:0!important;width:244px!important;height:86px!important}
.dashboard-page .dashboard-sidebar .main-nav{position:absolute!important;left:0!important;top:86px!important;bottom:0!important;width:244px!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}
.dashboard-page .topbar.dashboard-topbar{left:244px!important;width:auto!important}
.dashboard-page .dashboard-main{margin-left:244px!important;width:calc(100% - 244px)!important;max-width:none!important}
@media(max-width:900px){.dashboard-page .dashboard-sidebar{position:static;width:100%;border-right:0}.dashboard-page .dashboard-sidebar .brand,.dashboard-page .dashboard-sidebar .main-nav{position:static!important;width:100%!important;height:auto!important}.dashboard-page .topbar.dashboard-topbar{left:0!important}.dashboard-page .dashboard-main{margin-left:0!important;width:100%!important}}


/* v0.1.3.34 — complete dashboard light theme.
   The sidebar deliberately stays dark for a consistent Fanatic identity;
   the workspace/header/cards/tables become a coherent light UI. */
:root[data-theme="light"] .dashboard-page{
  background:#f4f7fb!important;
  color:#172033!important;
}
:root[data-theme="light"] .dashboard-page .topbar.dashboard-topbar{
  background:rgba(255,255,255,.97)!important;
  border-bottom-color:#d8e1ec!important;
  box-shadow:0 1px 0 rgba(17,32,51,.03);
}
:root[data-theme="light"] .dashboard-page .dashboard-heading h2{color:#172033!important}
:root[data-theme="light"] .dashboard-page .dashboard-heading p{color:#68778b!important}
:root[data-theme="light"] .dashboard-page .top-actions{color:#26364a!important}
:root[data-theme="light"] .dashboard-page .environment-pill{
  background:#edf6ff!important;
  border-color:#b8d9fb!important;
  color:#0969da!important;
}
:root[data-theme="light"] .dashboard-page .user-chip{background:#17304a!important;color:#fff!important}

:root[data-theme="light"] .dashboard-page .dashboard-main{background:#f4f7fb!important}
:root[data-theme="light"] .dashboard-page .dashboard-notice{
  background:#ecf8f1!important;
  border-color:#7ac69b!important;
  color:#175c37!important;
}
:root[data-theme="light"] .dashboard-page .metric-card{
  background:#fff!important;
  border-color:#d8e1ec!important;
  box-shadow:0 8px 24px rgba(28,50,74,.06)!important;
}
:root[data-theme="light"] .dashboard-page .metric-card span,
:root[data-theme="light"] .dashboard-page .metric-card small{color:#68778b!important}
:root[data-theme="light"] .dashboard-page .metric-card strong{color:#172033!important}

:root[data-theme="light"] .dashboard-page .panel,
:root[data-theme="light"] .dashboard-page .card{
  background:#fff!important;
  border-color:#d8e1ec!important;
  box-shadow:0 8px 24px rgba(28,50,74,.05)!important;
}
:root[data-theme="light"] .dashboard-page .panel-title{border-color:#d8e1ec!important}
:root[data-theme="light"] .dashboard-page .panel-title h2{color:#172033!important}
:root[data-theme="light"] .dashboard-page .panel-title span{color:#68778b!important}
:root[data-theme="light"] .dashboard-page .dashboard-table thead th{
  background:#f7f9fc!important;
  color:#68778b!important;
  border-color:#e2e8f0!important;
}
:root[data-theme="light"] .dashboard-page .dashboard-table td{
  color:#26364a!important;
  border-color:#e2e8f0!important;
}
:root[data-theme="light"] .dashboard-page .dashboard-table tbody tr:hover{background:#f1f6fc!important}
:root[data-theme="light"] .dashboard-page .row-arrow{color:#1677e8!important}
:root[data-theme="light"] .dashboard-page .mini-stats>div{
  background:#f7f9fc!important;
  border-color:#d8e1ec!important;
}
:root[data-theme="light"] .dashboard-page .mini-stats span{color:#68778b!important}
:root[data-theme="light"] .dashboard-page .mini-stats strong{color:#172033!important}

/* Keep the Fanatic navigation dark in both themes. */
:root[data-theme="light"] .dashboard-page .dashboard-sidebar,
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .brand,
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .main-nav{
  background:linear-gradient(180deg,#0e1926,#0b1520)!important;
  border-color:#223044!important;
  color:#d9e2ec!important;
}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .brand h1 span{color:#f3f7fb!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .brand h1 em{color:#3993ff!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .version{color:#8ea0b4!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .nav-section-label{color:#718096!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .main-nav a{color:#b9c7d6!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .main-nav a:hover{color:#fff!important;background:#14243a!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .main-nav a.active{color:#fff!important;background:#1b3554!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .nav-future{color:#718096!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .nav-bottom{border-color:#233040!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .theme-toggle{
  background:#141f2d!important;
  color:#eef4fb!important;
  border-color:#2a394b!important;
}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .local-state{color:#9eafc0!important}


/* v0.1.3.35 — unified theme + app-wide shell/layout */
:root{
  --fmt-bg:#09111b;
  --fmt-surface:#101b28;
  --fmt-surface-2:#142131;
  --fmt-border:#28384b;
  --fmt-text:#f4f8fc;
  --fmt-muted:#8fa6bf;
  --fmt-accent:#2f8cff;
  --fmt-sidebar:#0d1825;
  --fmt-sidebar-2:#0a1420;
  --fmt-sidebar-text:#eef6ff;
  --fmt-sidebar-muted:#7f97b1;
  --fmt-row-hover:rgba(47,140,255,.07);
}

html[data-theme="light"],
body.light-theme,
body[data-theme="light"]{
  --fmt-bg:#eef3f8;
  --fmt-surface:#ffffff;
  --fmt-surface-2:#f7f9fc;
  --fmt-border:#d7e0ea;
  --fmt-text:#17202b;
  --fmt-muted:#64748b;
  --fmt-accent:#1478f2;
  --fmt-sidebar:#f8fafc;
  --fmt-sidebar-2:#edf2f7;
  --fmt-sidebar-text:#17202b;
  --fmt-sidebar-muted:#66778c;
  --fmt-row-hover:rgba(20,120,242,.06);
}

/* sidebar follows light/dark theme */
.main-nav,
.dashboard-sidebar{
  background:linear-gradient(180deg,var(--fmt-sidebar),var(--fmt-sidebar-2)) !important;
  color:var(--fmt-sidebar-text) !important;
  border-color:var(--fmt-border) !important;
}
.main-nav a,
.main-nav button,
.main-nav .nav-section-title,
.dashboard-sidebar .brand,
.dashboard-sidebar .version{
  color:var(--fmt-sidebar-text) !important;
}
.main-nav .muted,
.main-nav small,
.main-nav .nav-section-title{
  color:var(--fmt-sidebar-muted) !important;
}
.main-nav a:hover,
.main-nav a.active,
.main-nav .active{
  background:var(--fmt-row-hover) !important;
  color:var(--fmt-accent) !important;
}

/* universal app shell */
body{
  background:var(--fmt-bg) !important;
  color:var(--fmt-text) !important;
}
main,
.page,
.content,
.container,
.dashboard-main,
.page-main{
  color:var(--fmt-text);
}
.card,
.panel,
.box,
.section,
.table-wrap,
.form-card,
.detail-card,
.editor-card{
  background:var(--fmt-surface);
  border-color:var(--fmt-border);
  color:var(--fmt-text);
  border-radius:12px;
}
table{
  background:var(--fmt-surface);
  color:var(--fmt-text);
}
thead th{
  color:var(--fmt-muted);
  border-color:var(--fmt-border);
}
tbody td{
  border-color:var(--fmt-border);
}
tbody tr:hover{
  background:var(--fmt-row-hover);
}
input, textarea, select{
  background:var(--fmt-surface-2) !important;
  color:var(--fmt-text) !important;
  border-color:var(--fmt-border) !important;
}
label, .help, .hint, .muted{
  color:var(--fmt-muted);
}
h1,h2,h3,h4,h5,h6,strong{
  color:var(--fmt-text);
}
a{ color:var(--fmt-accent); }

/* application pages should use remaining viewport beside sidebar */
body:not(.dashboard-page) .page-shell,
body:not(.dashboard-page) .app-shell,
body:not(.dashboard-page) .content-shell{
  margin-left:244px;
  width:calc(100% - 244px);
  max-width:none;
}
@media(max-width:900px){
  body:not(.dashboard-page) .page-shell,
  body:not(.dashboard-page) .app-shell,
  body:not(.dashboard-page) .content-shell{
    margin-left:0;
    width:100%;
  }
}

/* common forms: cleaner 2-column rhythm where room exists */
@media(min-width:1000px){
  .form-grid,
  .editor-grid,
  .fields-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
  .form-grid .full,
  .editor-grid .full,
  .fields-grid .full,
  textarea.full{
    grid-column:1/-1;
  }
}


/* v0.1.3.36 — shared application shell; replaces legacy topbar/nav structure */
.app-page{min-height:100vh;background:var(--fmt-bg)!important;color:var(--fmt-text)!important;padding:0!important}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:244px;z-index:60;background:linear-gradient(180deg,var(--fmt-sidebar),var(--fmt-sidebar-2));border-right:1px solid var(--fmt-border)}
.app-sidebar .brand{position:absolute!important;left:0!important;top:0!important;width:244px!important;height:86px!important;margin:0!important;padding:18px 20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;background:transparent!important;border:0!important;z-index:2!important}
.app-sidebar .brand h1{display:flex!important;flex-direction:column!important;gap:2px!important;font-size:19px!important;line-height:1.05!important}
.app-sidebar .brand h1 span{color:var(--fmt-sidebar-text)!important}.app-sidebar .brand h1 em{color:var(--fmt-accent)!important;font-style:normal!important}.app-sidebar .brand .version{margin:7px 0 0!important;color:var(--fmt-sidebar-muted)!important;font-size:10px!important}
.app-sidebar .test-banner{display:none!important}
.app-sidebar .main-nav{position:absolute!important;left:0!important;top:86px!important;bottom:0!important;width:244px!important;height:auto!important;margin:0!important;padding:24px 12px 18px!important;overflow-y:auto!important;overflow-x:hidden!important;background:transparent!important;border:0!important;color:var(--fmt-sidebar-text)!important}
.app-header{position:fixed;left:244px;right:0;top:0;height:86px;z-index:50;display:flex;align-items:center;justify-content:flex-end;padding:18px 28px;background:color-mix(in srgb,var(--fmt-bg) 96%,transparent);border-bottom:1px solid var(--fmt-border);backdrop-filter:blur(12px)}
.app-page main{margin-left:244px!important;padding-top:112px!important;max-width:none!important;width:auto!important}
.app-page .content{padding-left:28px!important;padding-right:28px!important}
.app-page .detail-shell,.app-page .page-shell{padding-left:28px!important;padding-right:28px!important;padding-bottom:48px!important}
.app-page .inventory-layout{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;margin-left:244px!important;padding-top:86px!important;min-height:100vh!important}
.app-page .inventory-layout .filter-sidebar{background:var(--fmt-surface)!important;border-color:var(--fmt-border)!important;min-height:calc(100vh - 86px)!important}
.app-page .inventory-layout .inventory-content{background:var(--fmt-bg)!important}

/* Definitive theme override: sidebar really follows Light/Dark, including Dashboard. */
:root[data-theme="light"] .dashboard-page .dashboard-sidebar,
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .brand,
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .main-nav,
:root[data-theme="light"] .app-sidebar,
:root[data-theme="light"] .app-sidebar .brand,
:root[data-theme="light"] .app-sidebar .main-nav{
  background:linear-gradient(180deg,#f8fafc,#edf2f7)!important;
  border-color:#d7e0ea!important;
  color:#17202b!important;
}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .brand h1 span,
:root[data-theme="light"] .app-sidebar .brand h1 span{color:#17202b!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .brand h1 em,
:root[data-theme="light"] .app-sidebar .brand h1 em{color:#1478f2!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .version,
:root[data-theme="light"] .app-sidebar .version{color:#66778c!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .nav-section-label,
:root[data-theme="light"] .app-sidebar .nav-section-label{color:#748397!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .main-nav a,
:root[data-theme="light"] .app-sidebar .main-nav a{color:#36475a!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .main-nav a:hover,
:root[data-theme="light"] .app-sidebar .main-nav a:hover{color:#1478f2!important;background:#e9f2fd!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .main-nav a.active,
:root[data-theme="light"] .app-sidebar .main-nav a.active{color:#116fd8!important;background:#dcecff!important;box-shadow:inset 3px 0 #1478f2!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .nav-future,
:root[data-theme="light"] .app-sidebar .nav-future{color:#8a98a8!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .nav-bottom,
:root[data-theme="light"] .app-sidebar .nav-bottom{border-color:#d7e0ea!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .theme-toggle,
:root[data-theme="light"] .app-sidebar .theme-toggle{background:#fff!important;color:#17202b!important;border-color:#cbd6e2!important}
:root[data-theme="light"] .dashboard-page .dashboard-sidebar .local-state,
:root[data-theme="light"] .app-sidebar .local-state{color:#66778c!important}

/* Light workspace for legacy components now inside the new shell */
:root[data-theme="light"] .app-page{background:#eef3f8!important;color:#17202b!important}
:root[data-theme="light"] .app-header{background:rgba(248,250,252,.96)!important;border-color:#d7e0ea!important}
:root[data-theme="light"] .app-page .card,
:root[data-theme="light"] .app-page .panel,
:root[data-theme="light"] .app-page .detail-hero,
:root[data-theme="light"] .app-page .price-card,
:root[data-theme="light"] .app-page .filter-sidebar{background:#fff!important;border-color:#d7e0ea!important;box-shadow:0 8px 26px rgba(34,50,70,.06)!important;color:#17202b!important}
:root[data-theme="light"] .app-page .inventory-content{background:#eef3f8!important}
:root[data-theme="light"] .app-page .inventory-table thead th{background:#f7f9fc!important;color:#64748b!important}
:root[data-theme="light"] .app-page .inventory-table tbody tr:hover{background:#f1f6fc!important}
:root[data-theme="light"] .app-page .primary-link{color:#17202b!important}
:root[data-theme="light"] .app-page .primary-link:hover{color:#1478f2!important}
:root[data-theme="light"] .app-page .soft-pill{background:#f3f6f9!important;border-color:#d7e0ea!important;color:#425466!important}
:root[data-theme="light"] .app-page .data-list div,
:root[data-theme="light"] .app-page th,
:root[data-theme="light"] .app-page td{border-color:#e1e7ef!important}

@media(max-width:900px){
 .app-sidebar{position:static;width:100%;height:auto}.app-sidebar .brand,.app-sidebar .main-nav{position:static!important;width:100%!important;height:auto!important}.app-header{position:static;height:auto;left:0}.app-page main,.app-page .inventory-layout{margin-left:0!important;padding-top:18px!important;width:100%!important}.app-page .inventory-layout{grid-template-columns:1fr!important}
}


/* v0.1.3.38 — Inventory ergonomics
   1) floating filter actions must sit beside the app sidebar, not underneath it
   2) pagination stays visible while the 50/100/250-row table scrolls */
.app-page .floating-filter-actions{
  left:calc(244px + 18px)!important;
  bottom:18px!important;
  width:244px!important;
  z-index:80!important;
  background:var(--fmt-surface)!important;
  border-color:var(--fmt-border)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.32)!important;
}
.app-page .inventory-content{
  height:calc(100vh - 86px)!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.app-page .inventory-content .page-heading{
  flex:0 0 auto!important;
}
.app-page .inventory-panel{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  overflow:hidden!important;
  margin-bottom:0!important;
}
.app-page .inventory-table-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}
.app-page .inventory-pagination{
  flex:0 0 auto!important;
  margin:8px 0 0!important;
  padding:10px 4px 12px!important;
  background:var(--fmt-bg)!important;
  position:relative!important;
  z-index:12!important;
}
.app-page .inventory-content > .muted{
  flex:0 0 auto!important;
}
@media(max-width:900px){
  .app-page .floating-filter-actions{
    left:14px!important;
    width:calc(100% - 28px)!important;
  }
  .app-page .inventory-content{
    height:auto!important;
    overflow:visible!important;
  }
  .app-page .inventory-panel{
    overflow:visible!important;
  }
}


/* v0.1.3.39 — compact application topbar
   Keep environment/user context, reclaim vertical workspace. */
:root{--fmt-topbar-h:46px}

.app-header,
.dashboard-page .topbar.dashboard-topbar{
  height:var(--fmt-topbar-h)!important;
  min-height:var(--fmt-topbar-h)!important;
  padding:6px 22px!important;
}
.app-sidebar .brand,
.dashboard-page .dashboard-sidebar .brand{
  height:var(--fmt-topbar-h)!important;
  min-height:var(--fmt-topbar-h)!important;
  padding-top:5px!important;
  padding-bottom:5px!important;
}
.app-sidebar .brand h1,
.dashboard-page .dashboard-sidebar .brand h1{
  font-size:17px!important;
  line-height:.95!important;
}
.app-sidebar .brand .version,
.dashboard-page .dashboard-sidebar .brand .version{
  font-size:8px!important;
  margin-top:3px!important;
}
.app-sidebar .main-nav,
.dashboard-page .dashboard-sidebar .main-nav{
  top:var(--fmt-topbar-h)!important;
}
.app-page main{
  padding-top:calc(var(--fmt-topbar-h) + 20px)!important;
}
.app-page .inventory-layout{
  padding-top:var(--fmt-topbar-h)!important;
}
.app-page .inventory-content{
  height:calc(100vh - var(--fmt-topbar-h))!important;
}
.app-page .inventory-layout .filter-sidebar{
  min-height:calc(100vh - var(--fmt-topbar-h))!important;
}
.dashboard-page .dashboard-main{
  padding-top:calc(var(--fmt-topbar-h) + 24px)!important;
}
.environment-pill{
  padding:4px 9px!important;
  font-size:9px!important;
}
.user-chip{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  font-size:10px!important;
}
.top-actions{
  gap:8px!important;
}
@media(max-width:900px){
  :root{--fmt-topbar-h:auto}
  .app-header,
  .dashboard-page .topbar.dashboard-topbar{
    height:auto!important;
    min-height:44px!important;
  }
  .app-page .inventory-content{height:auto!important}
}


/* v0.1.3.40 — item detail workspace */
.item-workspace{max-width:none!important}
.item-hero{grid-template-columns:120px minmax(0,1fr) 190px!important;align-items:center!important}
.item-hero .detail-cover img,.item-hero .detail-cover-placeholder{width:120px!important;height:120px!important}
.item-hero .price-card small{display:block;margin-top:7px;color:var(--fmt-muted)}
.item-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;margin-top:18px}
.item-workspace-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.item-workspace-main>.detail-panel:nth-child(3),
.item-workspace-main>.detail-panel:nth-child(4),
.item-workspace-main>.detail-panel:nth-child(5),
.item-workspace-main>.detail-panel:nth-child(6){grid-column:1/-1}
.item-workspace-rail{display:flex;flex-direction:column;gap:18px;position:sticky;top:calc(var(--fmt-topbar-h,46px) + 18px)}
.rail-panel{overflow:hidden}
.rail-actions{display:flex;flex-direction:column;gap:8px;padding:14px}
.rail-actions form{margin:0}
.rail-actions button,.rail-actions .button{width:100%!important;margin:0!important;text-align:left;justify-content:flex-start}
.rail-primary{background:#1478f2!important;border-color:#1478f2!important;color:white!important}
.rail-history{padding:12px 15px 15px;max-height:430px;overflow:auto}
.rail-history .history-event{padding-bottom:15px}
.rail-history .history-event:last-child{padding-bottom:0}
.rail-facts{margin:0;padding:8px 15px 15px}
.rail-facts div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--fmt-border)}
.rail-facts div:last-child{border-bottom:0}
.rail-facts dt{color:var(--fmt-muted);font-size:12px}.rail-facts dd{margin:0;text-align:right;font-weight:700}
.item-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.item-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px}
.item-summary-grid>div{padding:13px;border:1px solid var(--fmt-border);border-radius:9px;background:var(--fmt-surface-2)}
.item-summary-grid span{display:block;color:var(--fmt-muted);font-size:11px;margin-bottom:5px}
.item-summary-grid strong{font-size:17px}
@media(max-width:1180px){.item-workspace-grid{grid-template-columns:1fr}.item-workspace-rail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.item-workspace-rail .rail-panel:nth-child(2){grid-row:span 2}}
@media(max-width:800px){.item-hero{grid-template-columns:90px 1fr!important}.item-hero .detail-cover img,.item-hero .detail-cover-placeholder{width:90px!important;height:90px!important}.item-hero .price-card{grid-column:1/-1}.item-workspace-main,.item-workspace-rail{grid-template-columns:1fr}.item-workspace-main>*{grid-column:1!important}.item-facts{grid-template-columns:1fr}}


/* v0.1.3.41 — Discogs marketplace quick access + rail alignment */
.item-workspace-grid{
  align-items:start!important;
}
.item-workspace-rail{
  align-self:start!important;
  margin-top:0!important;
}
.item-workspace-rail .rail-panel:first-child{
  margin-top:0!important;
}
.market-fact{
  grid-column:1/-1;
}
.market-fact dd a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-weight:700;
  text-decoration:none;
}
.marketplace-action{
  color:var(--fmt-text)!important;
}


/* v0.1.3.43 — Discogs-style multi item editor */
.bulk-edit-shell{max-width:1180px!important;margin-right:auto!important}
.bulk-edit-heading{margin-bottom:14px}
.bulk-edit-form{padding-bottom:92px}
.bulk-edit-item{margin-bottom:12px;overflow:hidden}
.bulk-edit-item-head{padding:10px 14px;border-bottom:1px solid var(--fmt-border);background:var(--fmt-surface-2)}
.bulk-edit-item-head h3{font-size:14px;line-height:1.25;margin:2px 0 0}
.bulk-edit-item-head .eyebrow{font-size:9px}
.bulk-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;padding:12px 14px 14px}
.bulk-edit-grid label{margin:0;font-size:11px}
.bulk-edit-grid input,.bulk-edit-grid select{height:36px!important;padding-top:6px!important;padding-bottom:6px!important}
.bulk-edit-grid textarea{min-height:0!important;padding:8px 10px!important;resize:vertical}
.bulk-span-2{grid-column:1/-1}
.bulk-edit-footer{position:fixed;left:244px;right:0;bottom:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 24px;background:color-mix(in srgb,var(--fmt-surface) 94%,transparent);border-top:1px solid var(--fmt-border);box-shadow:0 -10px 30px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.bulk-edit-footer-note{display:flex;align-items:center;gap:12px;color:var(--fmt-muted);font-size:11px}
.bulk-edit-footer-note strong{color:var(--fmt-text)}
.test-limit-warning{color:#f0a24a;font-weight:700}
.bulk-edit-footer-actions{display:flex;gap:8px}
.bulk-edit-footer-actions .button,.bulk-edit-footer-actions button{width:auto!important;min-width:110px;margin:0!important}
.bulk-edit-results{margin-bottom:12px;padding:8px 12px}
.bulk-result{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-bottom:1px solid var(--fmt-border);font-size:11px}
.bulk-result:last-child{border-bottom:0}.bulk-result.error span{color:#f85149}.bulk-result.ok span{color:#3fb950}
.bulk-edit-alert{margin-bottom:12px}
@media(max-width:900px){.bulk-edit-shell{max-width:none!important}.bulk-edit-grid{grid-template-columns:1fr}.bulk-span-2{grid-column:1}.bulk-edit-footer{left:0;flex-direction:column;align-items:stretch}.bulk-edit-footer-note{flex-wrap:wrap}.bulk-edit-footer-actions>*{flex:1}}
.picking-shell{max-width:1400px!important}.pick-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 12px;margin-bottom:14px;position:sticky;top:54px;z-index:20}.pick-tabs{display:flex;gap:5px}.pick-tabs a{padding:7px 10px;border-radius:7px;color:var(--fmt-muted);text-decoration:none;font-size:11px;font-weight:700}.pick-tabs a.active{background:var(--fmt-accent);color:#fff}.pick-order{margin-bottom:12px;overflow:hidden}.pick-order-head{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;background:var(--fmt-surface-2);border-bottom:1px solid var(--fmt-border)}.pick-order-head h3{margin:1px 0;font-size:15px}.pick-row{display:grid;grid-template-columns:30px minmax(280px,1fr) 220px 60px auto;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--fmt-border)}.pick-row.state-picked{opacity:.55}.pick-row.state-missing{background:rgba(248,81,73,.07)}.pick-state-icon{width:25px;height:25px;border:1px solid var(--fmt-border);border-radius:50%;display:grid;place-items:center}.state-picked .pick-state-icon{background:#238636;color:white}.pick-info strong{display:block;font-size:12px}.pick-info span,.pick-location span{display:block;color:var(--fmt-muted);font-size:10px}.pick-location strong{font-size:12px}.pick-owner{font-size:9px;font-weight:800}.pick-actions{display:flex;gap:5px}.pick-actions form{margin:0}.pick-actions button{width:auto!important;padding:6px 9px!important;font-size:10px!important;margin:0!important}.pick-actions .pick-ok{background:#238636!important;border-color:#238636!important}.pick-empty{padding:30px;text-align:center}@media(max-width:1000px){.pick-row{grid-template-columns:30px 1fr}.pick-location,.pick-owner,.pick-actions{grid-column:2}.pick-toolbar{position:static;flex-wrap:wrap}}
/* v0.1.3.49 — Voorraad 2.0 */
.inventory-layout.inventory-layout-wide{display:block!important;padding-left:220px!important;padding-top:var(--fmt-topbar-h,46px)!important}
.inventory-content.inventory-content-wide{width:100%!important;max-width:none!important;height:calc(100vh - var(--fmt-topbar-h,46px))!important;padding:18px 20px 8px!important;overflow:auto!important}
.inventory-filterbar{margin:0 0 12px!important;padding:10px 12px!important;overflow:visible}
.inventory-filter-form{display:block!important}
.filter-primary-row{display:grid;grid-template-columns:minmax(250px,2fr) minmax(135px,.8fr) minmax(130px,.7fr) minmax(180px,1fr) auto auto auto;gap:8px;align-items:end}
.filter-primary-row label,.advanced-number-grid label{margin:0!important;font-size:10px!important;color:var(--fmt-muted)}
.filter-primary-row input,.filter-primary-row select,.advanced-number-grid input,.advanced-number-grid select{height:34px!important;padding:5px 8px!important}
.filter-primary-row button,.filter-primary-row .button{height:34px!important;margin:0!important;padding:7px 10px!important;white-space:nowrap}
.filter-advanced{margin-top:10px;padding-top:10px;border-top:1px solid var(--fmt-border)}
.filter-advanced fieldset{border:0;margin:0 0 9px;padding:0}.filter-advanced legend{font-size:10px;font-weight:800;color:var(--fmt-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}
.filter-checks{display:flex;flex-wrap:wrap;gap:5px}.filter-checks label{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;padding:5px 8px;border:1px solid var(--fmt-border);border-radius:7px;background:var(--fmt-surface-2);font-size:10px!important;cursor:pointer}.filter-checks input{width:auto!important;height:auto!important;margin:0!important}
.advanced-number-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;margin-top:10px}
.inventory-content-wide .inventory-table-wrap{max-width:100%!important}
.inventory-content-wide .inventory-panel{width:100%!important}
.bulk-preview-shell{max-width:1000px!important}.bulk-preview-summary{display:flex;justify-content:space-between;gap:20px;padding:14px;border-bottom:1px solid var(--fmt-border)}.bulk-preview-summary span{color:var(--fmt-muted);font-size:11px}.bulk-preview-list{padding:5px 14px}.bulk-preview-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--fmt-border)}.bulk-preview-row:last-child{border-bottom:0}.bulk-preview-row small{display:block;color:var(--fmt-muted);margin-top:3px}.bulk-preview-error{padding:18px;color:#f85149}
@media(max-width:1200px){.filter-primary-row{grid-template-columns:2fr 1fr 1fr 1.2fr;}.advanced-number-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.inventory-layout.inventory-layout-wide{padding-left:0!important}.filter-primary-row{grid-template-columns:1fr 1fr}.advanced-number-grid{grid-template-columns:1fr 1fr}}

/* v0.1.3.50 — Voorraad 2.0 width hotfix */
body:has(.inventory-layout-wide){overflow:hidden!important}
.inventory-layout.inventory-layout-wide{
  position:fixed!important;
  left:220px!important;
  right:0!important;
  top:46px!important;
  bottom:0!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  grid-template-columns:none!important;
  overflow:hidden!important;
}
.inventory-layout-wide > .inventory-content.inventory-content-wide{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  padding:18px 20px 8px!important;
  margin:0!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
.inventory-content-wide > *{max-width:none!important;min-width:0}
.inventory-content-wide .inventory-toolbar,
.inventory-content-wide .inventory-filterbar,
.inventory-content-wide .inventory-panel,
.inventory-content-wide .inventory-footer{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.inventory-content-wide .inventory-table-wrap{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
@media(max-width:900px){
  .inventory-layout.inventory-layout-wide{left:0!important}
}

/* v0.1.3.51 — clean Inventory V2 shell, independent of legacy inventory-layout */
.inventory-v2-page{overflow:hidden!important}
.inventory-v2-shell{
  position:fixed!important;
  left:244px!important;right:0!important;top:46px!important;bottom:0!important;
  margin:0!important;padding:0!important;width:auto!important;max-width:none!important;min-width:0!important;
  overflow:hidden!important;
}
.inventory-v2-content{
  width:100%!important;height:100%!important;box-sizing:border-box!important;
  padding:16px 20px 8px!important;margin:0!important;overflow:auto!important;min-width:0!important;
  background:var(--fmt-bg)!important;
}
.inventory-v2-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:10px!important}
.inventory-heading-actions{display:flex;align-items:end;gap:16px;margin-left:auto}
.inventory-v2-content .inventory-filterbar,
.inventory-v2-content .inventory-panel{width:100%!important;max-width:none!important;box-sizing:border-box!important}
.inventory-v2-content .inventory-table-wrap{width:100%!important;max-width:none!important}
@media(max-width:900px){.inventory-v2-shell{left:0!important;top:auto!important;position:relative!important}.inventory-v2-page{overflow:auto!important}.inventory-v2-heading{align-items:start!important;flex-direction:column}.inventory-heading-actions{margin-left:0;flex-wrap:wrap}}

/* v0.1.3.52 — compact multi-column inventory filters */
.inventory-v2-content .filter-advanced{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 14px;
  align-items:start;
}
.inventory-v2-content .filter-advanced[hidden]{display:none!important}
.inventory-v2-content .filter-advanced fieldset{
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid var(--fmt-border)!important;
  border-radius:9px!important;
  background:var(--fmt-surface-2)!important;
  min-width:0;
}
.inventory-v2-content .filter-advanced legend{padding:0 4px;margin:0 0 7px!important}
.inventory-v2-content .filter-checks{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px!important;
}
.inventory-v2-content .filter-checks label{
  width:100%;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.inventory-v2-content .advanced-number-grid{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(120px,1fr))!important;
  gap:8px 10px!important;
  margin-top:0!important;
}
.inventory-v2-content .advanced-number-grid label{min-width:0}
.inventory-v2-content .advanced-number-grid input,
.inventory-v2-content .advanced-number-grid select{width:100%!important;box-sizing:border-box}
@media(max-width:1350px){
  .inventory-v2-content .filter-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-v2-content .filter-advanced fieldset:last-of-type{grid-column:1/-1}
  .inventory-v2-content .advanced-number-grid{grid-template-columns:repeat(4,minmax(120px,1fr))!important}
}
@media(max-width:950px){
  .inventory-v2-content .filter-advanced{grid-template-columns:1fr}
  .inventory-v2-content .filter-advanced fieldset:last-of-type{grid-column:auto}
  .inventory-v2-content .advanced-number-grid{grid-template-columns:repeat(2,minmax(120px,1fr))!important}
}

/* v0.1.3.54 — true compact filter matrix + visible Wants */
.inventory-v2-content .filter-matrix{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.inventory-v2-content .filter-matrix[hidden]{display:none!important}
.inventory-v2-content .filter-card{
  margin:0!important;padding:9px 10px 10px!important;
  min-width:0!important;border:1px solid var(--fmt-border)!important;
  border-radius:9px!important;background:var(--fmt-surface-2)!important;
}
.inventory-v2-content .filter-card legend{
  padding:0 4px!important;margin:0 0 5px!important;
  font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;
  letter-spacing:.05em!important;color:var(--fmt-muted)!important;
}
.inventory-v2-content .compact-checks{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;
}
.inventory-v2-content .compact-checks label{
  padding:4px 6px!important;font-size:9px!important;min-height:25px!important;
}
.inventory-v2-content .mini-field-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;
}
.inventory-v2-content .mini-field-grid label{
  margin:0!important;font-size:9px!important;color:var(--fmt-muted)!important;min-width:0!important;
}
.inventory-v2-content .mini-field-grid input,
.inventory-v2-content .mini-field-grid select{
  width:100%!important;height:31px!important;padding:4px 7px!important;margin-top:3px!important;box-sizing:border-box!important;
}
.inventory-v2-content .mini-field-grid .mini-wide{grid-column:1/-1}
.inventory-table th:nth-child(8),
.inventory-table td:nth-child(8){white-space:nowrap}
@media(min-width:1600px){
 .inventory-v2-content .filter-matrix{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .inventory-v2-content .compact-checks{grid-template-columns:1fr!important}
}
@media(max-width:1200px){
 .inventory-v2-content .filter-matrix{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:800px){
 .inventory-v2-content .filter-matrix{grid-template-columns:1fr!important}
}

/* v0.1.3.55 — compact primary inventory filters */
.inventory-v2-content .inventory-filterbar{
  padding:10px!important;
}
.inventory-v2-content .filter-primary-row{
  display:grid!important;
  grid-template-columns:minmax(300px,2.2fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(170px,1fr) auto auto auto auto!important;
  gap:8px!important;
  align-items:end!important;
}
.inventory-v2-content .filter-primary-row > label{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}
.inventory-v2-content .filter-primary-row > label input,
.inventory-v2-content .filter-primary-row > label select{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.inventory-v2-content .filter-primary-row > button,
.inventory-v2-content .filter-primary-row > .button{
  width:auto!important;
  min-width:max-content!important;
  margin:0!important;
  align-self:end!important;
  white-space:nowrap!important;
}
.inventory-v2-content .filter-search{
  grid-column:auto!important;
}
@media(max-width:1450px){
  .inventory-v2-content .filter-primary-row{
    grid-template-columns:minmax(280px,2fr) repeat(3,minmax(125px,1fr)) repeat(4,auto)!important;
  }
}
@media(max-width:1200px){
  .inventory-v2-content .filter-primary-row{
    grid-template-columns:2fr 1fr 1fr 1fr!important;
  }
  .inventory-v2-content .filter-primary-row > button,
  .inventory-v2-content .filter-primary-row > .button{
    width:100%!important;
  }
}
@media(max-width:800px){
  .inventory-v2-content .filter-primary-row{
    grid-template-columns:1fr 1fr!important;
  }
}


/* v0.1.3.56 isolated inventory primary filter grid */
.fmt-inventory-filter-grid{
  display:grid !important;
  grid-template-columns:minmax(280px,2.2fr) minmax(130px,.85fr) minmax(130px,.85fr) minmax(180px,1.15fr) max-content max-content max-content max-content !important;
  column-gap:8px !important;
  row-gap:8px !important;
  align-items:end !important;
  width:100% !important;
}
.fmt-inventory-filter-grid .fmt-filter{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
}
.fmt-inventory-filter-grid .fmt-filter>span{
  font-size:10px !important;
  color:var(--fmt-muted) !important;
}
.fmt-inventory-filter-grid .fmt-filter input,
.fmt-inventory-filter-grid .fmt-filter select{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:34px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
.fmt-inventory-filter-grid .fmt-filter-action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:max-content !important;
  height:34px !important;
  margin:0 !important;
  padding:6px 10px !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}
@media(max-width:1300px){
  .fmt-inventory-filter-grid{
    grid-template-columns:minmax(240px,2fr) repeat(3,minmax(120px,1fr)) !important;
  }
  .fmt-inventory-filter-grid .fmt-filter-action{
    width:100% !important;max-width:none !important;
  }
}
@media(max-width:850px){
  .fmt-inventory-filter-grid{grid-template-columns:1fr 1fr !important}
}

/* v0.1.3.57 inventory polish */
.inventory-v2-content{padding-left:28px!important;padding-right:18px!important}
.inventory-v2-heading{padding-left:2px!important}
.inventory-v2-content .inventory-filterbar{overflow:visible!important;padding:10px 12px 12px!important}
.fmt-inventory-filter-grid{grid-template-columns:minmax(250px,2fr) minmax(110px,.8fr) minmax(115px,.8fr) minmax(155px,1fr) auto auto auto auto!important}
.inventory-v2-content .filter-matrix{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.inventory-v2-content .filter-matrix[hidden]{display:none!important}
.inventory-column-picker{position:relative}
.inventory-column-picker>button{height:34px!important;margin:0!important}
.column-picker-popover{position:absolute;right:0;top:40px;z-index:90;width:300px;padding:12px;background:var(--fmt-surface);border:1px solid var(--fmt-border);border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.32)}
.column-picker-popover[hidden]{display:none!important}
.column-picker-popover>strong{display:block;margin-bottom:8px}
.column-picker-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.column-picker-list label{display:flex!important;align-items:center;gap:6px;margin:0!important;padding:5px 6px;border:1px solid var(--fmt-border);border-radius:6px;font-size:10px!important;background:var(--fmt-surface-2)}
.column-picker-list input{width:auto!important;height:auto!important;margin:0!important}
.column-picker-actions{margin-top:9px;display:flex;justify-content:flex-end}.column-picker-actions button{width:auto!important;margin:0!important}
.inventory-table [hidden]{display:none!important}

/* v0.1.4.0 — central-ready database identity */
.db-state{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
.db-state i{width:8px!important;height:8px!important;border-radius:50%!important;display:inline-block!important;background:#3fb950!important}
.db-state i.db-error{background:#f85149!important}
.db-central{color:#79c0ff!important}

/* v0.1.4.2.2 — logged-in user identity */
.top-logout-form{margin:0!important;display:inline-flex!important}
.top-logout{width:auto!important;margin:0!important;padding:5px 8px!important;font-size:9px!important;line-height:1!important;background:transparent!important;border:1px solid var(--fmt-border)!important;color:var(--fmt-muted)!important;border-radius:7px!important}
.top-logout:hover{color:var(--fmt-text)!important}

/* v0.1.4.2.3 — tighter app-wide content spacing */
:root{
  --fmt-sidebar-width:220px;
  --fmt-content-gap:26px;
  --fmt-content-right:24px;
}

body.app-page .page-shell,
body.app-page .detail-shell{
  box-sizing:border-box!important;
  margin-left:0!important;
  padding-left:calc(var(--fmt-sidebar-width) + var(--fmt-content-gap))!important;
  padding-right:var(--fmt-content-right)!important;
  width:100%!important;
  max-width:none!important;
}

body.inventory-v2-page .inventory-v2-shell{
  left:var(--fmt-sidebar-width)!important;
  right:0!important;
}
body.inventory-v2-page .inventory-v2-content{
  padding-left:var(--fmt-content-gap)!important;
  padding-right:var(--fmt-content-right)!important;
}

body.app-page main.page-shell,
body.app-page main.detail-shell{
  max-width:none!important;
}

body.app-page .page-shell > *,
body.app-page .detail-shell > *,
body.inventory-v2-page .inventory-v2-content > *{
  max-width:none;
}

@media (max-width:1200px){
  :root{
    --fmt-content-gap:18px;
    --fmt-content-right:16px;
  }
}

@media (max-width:900px){
  body.app-page .page-shell,
  body.app-page .detail-shell{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.inventory-v2-page .inventory-v2-shell{
    left:0!important;
  }
  body.inventory-v2-page .inventory-v2-content{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* v0.1.4.2.4 — remove legacy double sidebar offset */
body.inventory-v2-page main.inventory-v2-shell{
  position:fixed!important;
  left:220px!important;
  right:0!important;
  margin-left:0!important;
  width:auto!important;
  max-width:none!important;
  padding-left:0!important;
}
body.inventory-v2-page .inventory-v2-content{
  margin-left:0!important;
  padding-left:26px!important;
  padding-right:24px!important;
}

/* Dashboard control center v0.1.5.6 */
.control-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.control-kpi{display:block;padding:17px 18px;min-height:105px;border:1px solid #26364a;border-radius:10px;background:linear-gradient(145deg,#121e2b,#101923);text-decoration:none;color:inherit}.control-kpi:hover{border-color:#3c5877;transform:translateY(-1px)}.control-kpi span{display:block;color:#8ea0b4;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.control-kpi strong{display:block;margin-top:7px;color:#f3f7fb;font-size:25px}.control-kpi small{display:block;margin-top:6px;color:#708398;font-size:10px}.control-kpi.accent{border-color:#205c96;background:linear-gradient(145deg,#11273c,#101c29)}
.dashboard-control-grid{display:grid;grid-template-columns:1.05fr 1.25fr .8fr;gap:14px;margin-bottom:14px}.control-panel{margin:0!important;overflow:hidden}.control-body{padding:14px}.bar-row{display:grid;grid-template-columns:150px 1fr 52px;gap:12px;align-items:center;padding:10px 4px;text-decoration:none;color:inherit}.bar-row>div:first-child{display:flex;justify-content:space-between;gap:8px}.bar-row span{color:#8092a6;font-size:10px}.bar-row b{text-align:right;font-size:11px}.bar-track{height:7px;background:#172536;border-radius:10px;overflow:hidden}.bar-track i{display:block;height:100%;background:#348cf1;border-radius:10px}.media-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.media-tile{padding:11px;border:1px solid #26364a;border-radius:8px;background:#0c151f;text-decoration:none;color:inherit}.media-tile span,.media-tile small{display:block;color:#8294a8;font-size:10px}.media-tile strong{display:block;margin:4px 0;font-size:19px}.action-list{display:grid;gap:7px}.action-list a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid #26364a;border-radius:8px;text-decoration:none;color:inherit;background:#0c151f}.action-list a:hover,.media-tile:hover{border-color:#3c5877;background:#101d2a}.action-list span{font-size:11px}.action-list strong{font-size:18px;color:#f3f7fb}.dashboard-lower-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-bottom:14px}.dashboard-mini-list>a{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:11px 15px;border-top:1px solid #213044;text-decoration:none;color:inherit}.dashboard-mini-list>a:first-child{border-top:0}.dashboard-mini-list>a:hover,.activity-list>a:hover{background:#142131}.dashboard-mini-list strong{font-size:12px}.dashboard-mini-list span{display:block;margin-top:3px;color:#8092a6;font-size:10px}.dashboard-mini-list b{font-size:11px;color:#49a2ff}.dashboard-mini-list em{font-style:normal;font-size:12px;font-weight:700}.activity-list>a{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-top:1px solid #213044;text-decoration:none;color:inherit;font-size:11px}.activity-list>a:first-child{border-top:0}.activity-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#348cf1;flex:none}.activity-list small{display:block;margin-top:3px;color:#8092a6;font-size:9px}.dashboard-oldest{margin-top:0!important}.dashboard-mini-list.compact{display:grid;grid-template-columns:1fr 1fr}.dashboard-mini-list.compact>a:nth-child(2){border-top:0}.dashboard-footnote{display:flex;justify-content:space-between;gap:20px;padding:10px 2px;color:#6f8297;font-size:9px}
@media(max-width:1350px){.control-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-control-grid{grid-template-columns:1fr 1fr}.action-panel{grid-column:1/-1}.action-list{grid-template-columns:repeat(4,1fr)}}@media(max-width:1050px){.dashboard-control-grid,.dashboard-lower-grid{grid-template-columns:1fr}.action-panel{grid-column:auto}.control-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.control-kpis,.media-dashboard-grid,.action-list,.dashboard-mini-list.compact{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr}.bar-row b{text-align:left}.dashboard-footnote{display:block}}
:root[data-theme="light"] .dashboard-page .control-kpi,:root[data-theme="light"] .dashboard-page .media-tile,:root[data-theme="light"] .dashboard-page .action-list a{background:#fff!important;border-color:#d8e1ec!important}:root[data-theme="light"] .dashboard-page .control-kpi strong,:root[data-theme="light"] .dashboard-page .action-list strong{color:#172033!important}:root[data-theme="light"] .dashboard-page .bar-track{background:#e6edf5!important}:root[data-theme="light"] .dashboard-page .dashboard-mini-list>a,:root[data-theme="light"] .dashboard-page .activity-list>a{border-color:#e1e7ef!important}