/* hive dashboard theme: hive */
:root{
  --accent: #e0a33a;
  --acmm-level-2: #7bd8cd;
  --acmm-level-5: #c0a6f0;
  --brand: #e0a33a;
  --font-mono: 'IBM Plex Mono', 'SF Mono', monospace;
  --font-ui: 'IBM Plex Sans', Inter, ui-sans-serif, system-ui;
  --line-strong: #5a441f;
  --line-subtle: #3f321d;
  --status-attention: #d47a2a;
  --status-error: #f26d5b;
  --status-info: #d7972f;
  --status-ok: #9fd27a;
  --status-warn: #e0a33a;
  --surface-0: #14110b;
  --surface-1: #19140c;
  --surface-2: #21190e;
  --surface-3: #2a2113;
  --text: #fff6df;
  --text-muted: #c7a96b;
  --amber: var(--brand);
  --bg: var(--surface-0);
  --bg-soft: var(--surface-1);
  --blue: var(--status-info);
  --border: var(--line-subtle);
  --card-bg: var(--surface-2);
  --cyan: var(--acmm-level-2);
  --fg: var(--text);
  --green: var(--status-ok);
  --line: var(--line-subtle);
  --muted: var(--text-muted);
  --oc-accent: var(--status-error);
  --orange: var(--status-attention);
  --panel: var(--surface-2);
  --panel-strong: var(--surface-3);
  --purple: var(--acmm-level-5);
  --red: var(--status-error);
  --surface: var(--surface-2);
  --terminal-cyan: var(--acmm-level-2);
  --yellow: var(--status-warn);
  --cc-bg: var(--surface-0);
  --cc-bg-deep: var(--surface-1);
  --cc-surface: var(--surface-2);
  --cc-border: var(--line-subtle);
  --cc-border-2: var(--line-strong);
  --cc-text: var(--text);
  --cc-text-2: var(--text);
  --cc-muted: var(--text-muted);
  --cc-muted-2: var(--text-muted);
  --cc-code-bg: var(--surface-1);
  --cc-accent: var(--accent);
  --cc-accent-2: var(--status-info);
  --cc-accent-fg: var(--accent);
  --cc-green: var(--status-ok);
  --cc-amber: var(--brand);
  --cc-red: var(--status-error);
  --cc-pink: var(--acmm-level-5);
  --cc-purple: var(--acmm-level-5);
}
body.light-mode{
  --accent: #e0a33a;
  --acmm-level-2: #7bd8cd;
  --acmm-level-5: #c0a6f0;
  --brand: #e0a33a;
  --font-mono: 'IBM Plex Mono', 'SF Mono', monospace;
  --font-ui: 'IBM Plex Sans', Inter, ui-sans-serif, system-ui;
  --line-strong: #b4b6b6;
  --line-subtle: #dadad7;
  --overlay-scrim: rgba(17, 24, 39, 0.36);
  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.08);
  --shadow-modal: 0 20px 60px rgba(15, 23, 42, 0.15);
  --shadow-raised: 0 4px 16px rgba(15, 23, 42, 0.12);
  --status-attention: #d47a2a;
  --status-error: #f26d5b;
  --status-info: #d7972f;
  --status-ok: #9fd27a;
  --status-warn: #e0a33a;
  --surface-0: #f7f5f0;
  --surface-1: #edecea;
  --surface-2: #fefcf9;
  --surface-3: #e5e4e0;
  --surface-terminal: #1d2430;
  --text: #111827;
  --text-faint: #64748b;
  --text-muted: #4b5563;
  --amber: var(--brand);
  --bg: var(--surface-0);
  --bg-soft: var(--surface-1);
  --blue: var(--status-info);
  --border: var(--line-subtle);
  --card-bg: var(--surface-2);
  --cyan: var(--acmm-level-2);
  --fg: var(--text);
  --green: var(--status-ok);
  --line: var(--line-subtle);
  --muted: var(--text-muted);
  --oc-accent: var(--status-error);
  --orange: var(--status-attention);
  --panel: var(--surface-2);
  --panel-strong: var(--surface-3);
  --purple: var(--acmm-level-5);
  --red: var(--status-error);
  --surface: var(--surface-2);
  --terminal-bg: var(--surface-terminal);
  --terminal-cyan: var(--acmm-level-2);
  --yellow: var(--status-warn);
  --cc-bg: var(--surface-0);
  --cc-bg-deep: var(--surface-1);
  --cc-surface: var(--surface-2);
  --cc-border: var(--line-subtle);
  --cc-border-2: var(--line-strong);
  --cc-text: var(--text);
  --cc-text-2: var(--text);
  --cc-muted: var(--text-muted);
  --cc-muted-2: var(--text-muted);
  --cc-code-bg: var(--surface-1);
  --cc-accent: var(--accent);
  --cc-accent-2: var(--status-info);
  --cc-accent-fg: var(--accent);
  --cc-green: var(--status-ok);
  --cc-amber: var(--brand);
  --cc-red: var(--status-error);
  --cc-pink: var(--acmm-level-5);
  --cc-purple: var(--acmm-level-5);
}
body{isolation:isolate;}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1l27 15.5v31L28 63 1 47.5v-31zM28 34l27 15.5v31L28 96 1 80.5v-31z' fill='none' stroke='%23e0a33a' stroke-opacity='.09'/%3E%3C/svg%3E");background-position:top right;background-size:56px 97px;background-repeat:repeat;background-attachment:fixed;opacity:0.22;}
/* hive dashboard theme layout guard: themes may skin tokens, not structural chrome */
body #oc-topbar.oc-topbar{--topbar-grid-columns:auto minmax(0,1fr) auto!important;position:fixed!important;left:var(--sidebar-w)!important;right:auto!important;display:grid!important;grid-template-columns:var(--topbar-grid-columns)!important;width:100%!important;max-width:calc(100% - var(--sidebar-w))!important;box-sizing:border-box!important;}
body #oc-topbar.oc-topbar>.oc-topbar-left{justify-self:start!important;justify-content:flex-start!important;text-align:left!important;display:flex!important;max-width:100%!important;min-width:0!important;}
body #oc-topbar.oc-topbar>.oc-topbar-center{justify-self:stretch!important;justify-content:center!important;text-align:left!important;display:flex!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;z-index:1!important;}
body #oc-topbar.oc-topbar>.oc-topbar-right{justify-self:end!important;justify-content:flex-end!important;text-align:left!important;display:flex!important;max-width:100%!important;min-width:0!important;flex-wrap:nowrap!important;z-index:2!important;}
body #oc-topbar.oc-topbar #oc-project-name.oc-project-title{text-align:left!important;justify-self:start!important;}
body #repos.repo-grid .repo-card .repo-name{display:flex!important;align-items:center!important;gap:var(--sp-2) var(--sp-3)!important;flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;justify-content:flex-start!important;justify-items:stretch!important;text-align:left!important;}
body #repos.repo-grid .repo-card .repo-name>a{flex:1 1 12rem!important;min-width:0!important;max-width:100%!important;text-align:left!important;justify-self:start!important;white-space:normal!important;overflow-wrap:anywhere!important;}
body #repos.repo-grid .repo-card .repo-name .repo-header-badges{flex:0 0 auto!important;justify-self:start!important;text-align:left!important;}
body #repos.repo-grid .repo-card .repo-name .repo-automerge-toggle{margin:0 0 0 auto!important;flex:0 0 auto!important;}
body .oc-version-hive{--oc-version-hive-size:28px!important;--oc-version-bee-size:16px!important;--oc-version-bee-radius:9px!important;}
body .oc-version-hive>svg{width:var(--oc-version-hive-size)!important;height:var(--oc-version-hive-size)!important;}
body .oc-version-hive .oc-version-bee-orbit{width:var(--oc-version-hive-size)!important;height:var(--oc-version-hive-size)!important;overflow:visible!important;}
body .oc-version-hive .oc-version-bee{width:var(--oc-version-bee-size)!important;height:calc(var(--oc-version-bee-size) * 0.667)!important;transform:translate3d(-50%,-50%,0) translate3d(var(--oc-version-bee-radius),0,0) rotate(90deg)!important;}
/* below 1025px the sidebar is an off-canvas drawer (index.html), so the topbar must not reserve --sidebar-w */
@media (max-width:1024px){body #oc-topbar.oc-topbar{left:var(--sp-0)!important;right:auto!important;width:100%!important;max-width:100%!important;}}
@media (max-width:768px){body #oc-topbar.oc-topbar>.oc-topbar-center{display:none!important;}}