/* Command Center shares the login/admin portal's materials and interaction styles.
   Scoped to this workspace; the existing SVG navigation artwork stays intact. */
:root:root:root { color-scheme: dark; --nav:#11100d; --bg:#0d0c0a; --ink:#f4efe4; --muted:#c9beaa; --line:#70582f; --teal:#efc85f; --panel:#1c1913; --panel-muted:#262014; --table-even:#211d15; --table-hover:#33291a; --command-header:82px; --gold-button:linear-gradient(180deg,#ffe37d 0%,#edc052 50%,#bd862c 100%); --gold-hover:linear-gradient(110deg,#ffe99b 0%,#f0c750 48%,#cb922e 100%); }
:root:root .command-gold { color:var(--ink); background:#0d0c0a; font-family:-apple-system,BlinkMacSystemFont,Inter,"Segoe UI","Helvetica Neue",Arial,sans-serif; }
:root:root .command-gold .workspace-loading-screen { background:#11100d; color:#f3d98d; }
:root:root .command-gold .main { margin-top:var(--command-header); background:transparent; }
:root:root .command-gold main { height:calc(100vh - var(--command-header)); background:transparent; }
:root:root .command-gold header { height:var(--command-header); padding:14px clamp(18px,3vw,48px); background:#11100d; color:#e7c46f; box-shadow:0 4px 24px #0008; }
:root:root .command-gold header::after { position:absolute; right:0; bottom:-1px; left:0; height:2px; content:""; background:linear-gradient(90deg,#8f6320 0%,#e4b84e 18%,#fff0a8 50%,#e4b84e 82%,#8f6320 100%); box-shadow:0 0 5px #e8b94d,0 0 13px #d89b363b; pointer-events:none; }
:root:root .command-gold .kc-logo { gap:17px; flex-shrink:0; color:#fffaf0; }
:root:root .command-gold .kc-logo > .portal-mark { display:block; width:49px; height:54px; color:#e9bb54; filter:drop-shadow(0 0 8px #ffc5524d); }
:root:root .command-gold .portal-mark svg { display:block; width:100%; height:100%; }
:root:root .command-gold .kc-logo b { font-size:17px; font-weight:750; letter-spacing:1.8px; line-height:1.15; }
:root:root .command-gold .kc-logo small { margin-top:5px; color:#eac15d; font-size:9px; font-weight:700; letter-spacing:3.2px; line-height:1.2; }
:root:root .command-gold .kc-logo:hover b { color:#fff3cf; }
:root:root .command-gold .global-tools { gap:16px; }
:root:root .command-gold .global-tools button { color:#e7c46f; }
:root:root .command-gold .global-tools .global-new { width:40px; height:40px; border-radius:7px; }
:root:root .command-gold .user-circle { background:linear-gradient(145deg,#493619,#211b10); color:#ffdf82; border:1px solid #b18a3b; }
:root:root .command-gold .global-tools #help { width:28px; height:28px; border-color:#b18a3b; border-radius:7px; }
:root:root .command-gold > aside.hover-rail { top:var(--command-header); background:#11100d; color:#e1d9ca; border-right:1px solid #70582f; }
:root:root .command-gold > aside.hover-rail:is(:hover,:focus-within,.pinned) { box-shadow:7px 0 20px #0006; }
:root:root .command-gold .hover-rail :is(.rail-top,.rail-search,.rail-item[data-module=admin]) { border-color:#70582f; }
:root:root .command-gold .hover-rail :is(button,.rail-link,.rail-icon,.rail-arrow) { color:#e7c46f; }
:root:root .command-gold .hover-rail :is(.rail-all,.rail-favorites.selected) { border:1px solid #b18a3b; border-radius:7px; background:#211b10; color:#ffdf82; }
:root:root .command-gold .hover-rail .rail-link { border:1px solid transparent; border-radius:7px; transition:background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease; }
:root:root .command-gold .hover-rail nav .rail-link:is(.active,:hover), :root:root .command-gold .hover-rail .rail-submenu a:is(.current,:hover) { border-color:#f5d679; background:var(--gold-button); color:#1a1408; box-shadow:inset 0 1px #ffffff85,0 7px 22px #c2881e33; }
:root:root .command-gold .hover-rail .rail-link:is(.active,:hover) .rail-icon { color:#1a1408; }
:root:root .command-gold .hover-rail .rail-submenu { border:1px solid #92702f; border-radius:0 9px 9px 0; background:#1c1913; color:#f4ead6; box-shadow:5px 8px 24px #0008; }
:root:root .command-gold .hover-rail .rail-submenu a { border:1px solid transparent; margin:2px 6px; border-radius:7px; transition:background .18s ease,color .18s ease; }
:root:root .command-gold .hover-rail .rail-search input { background:transparent; color:#fffaf0; }
:root:root .command-gold .workspacebar { background:#1c1913; color:#fffaf0; border-bottom:1px solid #70582f; }
:root:root .command-gold .page-symbol { background:linear-gradient(145deg,#493619,#211b10); color:#f4d17e; border:1px solid #b18a3b; border-radius:9px; }
:root:root .command-gold .workspacebar select { background:#141310; color:#f4d17e; border:1px solid #81765f; border-radius:8px; }
:root:root .command-gold .dashboard-canvas { height:calc(100vh - var(--command-header) - 72px); padding:24px; background:linear-gradient(105deg,#0000000a,#0404051f),url("../Assets/Background Images/Login Screen Background/Luxury Black and Gold Geometric Background.png") center / cover no-repeat; }
:root:root .command-gold :is(.chart-card.location-widget,.chart-card.dashboard-status,.panel,.stat,.record-card,.kc-admin-cards>a,.kc-board article) { background:#1c1913; color:#f4efe4; border:1px solid #70582f; border-radius:11px; box-shadow:0 10px 28px #0003,inset 0 1px #ffffff0d; }
:root:root .command-gold :is(.chart-title,.location-widget .chart-title,.panel-head) { color:#f4d17e; border-color:#70582f; }
:root:root .command-gold .location-chart-svg .chart-grid line { stroke:#62553e; }
:root:root .command-gold .location-chart-svg :is(.chart-grid text,.chart-category) { fill:#c9beaa; }
:root:root .command-gold .location-chart-svg .chart-legend text { fill:#f4ead6; }
:root:root .command-gold .location-chart-svg .chart-legend .chart-legend-value { fill:#ffdf82; }
:root:root .command-gold :is(.dashboard-status .status-summary,.barrow) { color:#f4ead6; border-color:#70582f; }
:root:root .command-gold .dashboard-status .status-summary b { background:#33291a; color:#ffdf82; }
:root:root .command-gold :is(.inventory-workspace,.inventory-upper,.grid-scroll,.record-main,.record-workspace,.record-form,.record-preview,.tab-content,.kc-admin-layout,.kc-admin-content) { background:#0d0c0a; color:#f4efe4; }
:root:root .command-gold .inventory-workspace { height:calc(100vh - var(--command-header) - 72px); }
:root:root .command-gold .record-workspace { height:calc(100vh - var(--command-header)); }
:root:root .command-gold :is(.record-breadcrumb,.record-tools,.record-identity,.grid-footer,.group-box,.record-tabs,.record-card summary,.action-title,.action-rail,.kc-admin-layout>nav,.user-pref-section,.global-search-panel,.global-search-options,.profile-dropdown,.help-dropdown,.split-menu) { background:#1c1913; color:#f4ead6; border-color:#70582f; }
:root:root .command-gold :is(.profile-dropdown,.help-dropdown,.split-menu,.global-search-options) { border:1px solid #92702f; border-radius:9px; box-shadow:0 12px 28px #0008; }
:root:root .command-gold :is(.assetgrid th,th) { background:#262014; color:#f1cf73; border-color:#70582f; }
:root:root .command-gold :is(.assetgrid td,td) { background:#1c1913; color:#f4efe4; border-color:#383126; }
:root:root .command-gold .assetgrid tbody tr:nth-child(even) td { background:#211d15; }
:root:root .command-gold .assetgrid tbody tr:hover td { background:#33291a; }
:root:root .command-gold .assetgrid tbody tr.selected-row td { background:#493619; color:#fff3cf; }
:root:root .command-gold .assetgrid .selected-row { border-left-color:#f1c65b; }
:root:root .command-gold :is(.assetgrid td a,.link,.record-breadcrumb a,.preview-field>span,.record-field,.kc-search-result a) { color:#efc85f; }
:root:root .command-gold :is(.preview-heading h2,.preview-columns h2,h2,h3) { color:#f4d17e; }
:root:root .command-gold :is(.preview-columns>div,.toolbar,.note-entry,.status-summary,.group-row td,.filter-summary) { border-color:#70582f; }
:root:root .command-gold :is(.group-row td,.filter-summary,.user-pref-section h3,.kc-board>section) { background:#262014; color:#f3d98d; }
:root:root .command-gold :is(input,select,textarea,.record-field input,.record-field select,.kc-search-page-controls input[type=search],.kc-search-page-controls select) { background:#141310; color:#fffaf0; border:1px solid #81765f; border-radius:8px; accent-color:#edc052; }
:root:root .command-gold :is(input,textarea)::placeholder { color:#aaa59b; }
:root:root .command-gold :is(input,select,textarea):focus { border-color:#f1c75e; outline-color:#f1c75e; box-shadow:0 0 0 3px #e1ad3b29,0 0 18px #eeba461f; }
:root:root .command-gold :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid #f4ca62; outline-offset:3px; }
:root:root .command-gold :is(.record-field span,.kc-muted,.kc-search-result small,.global-search-options p) { color:#c9beaa; }
:root:root .command-gold :is(.btn,.textbtn,.chart-refresh,.dashboard-customize,.record-tabs button,.action-rail button,.profile-dropdown button,.help-dropdown button,.split-menu button,.global-search-options-toggle,.global-search-options-caret,.appearance-choice button) { border:1px solid #70582f; border-radius:7px; background:#211b10; color:#f4d17e; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease; }
:root:root .command-gold :is(.btn.primary,.global-new,.global-search-submit,.record-tabs button.active,.appearance-choice button[aria-pressed=true]) { border:1px solid #f5d679; border-radius:7px; background:var(--gold-button); color:#1a1408; font-weight:650; box-shadow:inset 0 1px #ffffff85,0 7px 22px #c2881e33; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; }
:root:root .command-gold :is(.btn,.textbtn,.chart-refresh,.dashboard-customize,.global-new,.global-search-submit,.record-tabs button,.action-rail button,.profile-dropdown button,.help-dropdown button,.split-menu button,.appearance-choice button):hover:not(:disabled) { transform:translateY(-1px); border-color:#f5d679; background:var(--gold-hover); color:#1a1408; filter:brightness(1.08); box-shadow:inset 0 1px #ffffff9e,0 10px 27px #dda4304d; }
:root:root .command-gold :is(.btn,.textbtn,.global-new,.global-search-submit):active:not(:disabled) { transform:translateY(0); filter:brightness(.98); }
:root:root .command-gold button:disabled { cursor:not-allowed; opacity:.58; }
:root:root .command-gold .split-button>.split-main { border-radius:7px 0 0 7px; }
:root:root .command-gold .split-button>.split-toggle { border-radius:0 7px 7px 0; border-left:1px solid #a4772e; }
:root:root .command-gold :is(.global-tools #globalSearch,.profile-trigger) { padding:8px; border-radius:7px; }
:root:root .command-gold :is(.global-tools #globalSearch,.profile-trigger):hover { background:#33291a; color:#ffdf82; }
:root:root .command-gold .global-search-panel { top:var(--command-header); }
:root:root .command-gold :is(.global-search-field,.global-search-scope-label) { background:#141310; border-color:#81765f; color:#f4ead6; }
:root:root .command-gold :is(.global-search-field svg,.global-search-scope-label>svg) { color:#e7c46f; stroke:currentColor; }
:root:root .command-gold dialog { background:#1c1913; color:#f4efe4; border:1px solid #b18a3b; border-radius:11px; box-shadow:0 20px 80px #000b; }
:root:root .command-gold dialog::backdrop { background:#000b; }
:root:root .command-gold #toolsDialog:has(.user-pref-section) { top:var(--command-header); background:#0d0c0a; }
:root:root .command-gold #toolsDialog:has(.user-pref-section) :is(.dialog-head,.dialog-actions) { background:#1c1913; border-color:#70582f; }
:root:root .command-gold #toolsDialog:has(.user-pref-section) .appearance-choice button { background:#211b10; color:#f4d17e; border-color:#70582f; }
:root:root .command-gold #toolsDialog:has(.user-pref-section) .appearance-choice button[aria-pressed=true] { background:var(--gold-button); color:#1a1408; border-color:#f5d679; }
:root:root .command-gold #toolsDialog:has(.user-pref-section) .dialog-actions .primary { background:var(--gold-button); color:#1a1408; border-color:#f5d679; }
:root:root .command-gold #toolsDialog input { accent-color:#edc052; }
:root:root .command-gold #toast { background:#211b10; color:#ffdf82; border:1px solid #b18a3b; box-shadow:0 10px 28px #0006; }
@media(max-width:750px) {
 :root:root:root { --command-header:70px; }
 :root:root .command-gold header { padding:12px 15px; gap:8px; }
 :root:root .command-gold .kc-logo { gap:9px; }
 :root:root .command-gold .kc-logo>.portal-mark { width:35px; height:39px; }
 :root:root .command-gold .kc-logo b { font-size:12px; letter-spacing:1px; }
 :root:root .command-gold .kc-logo small { font-size:7px; letter-spacing:1.8px; }
 :root:root .command-gold .global-tools { gap:4px; }
 :root:root .command-gold .global-tools #globalSearch { font-size:0; gap:0; }
 :root:root .command-gold .dashboard-canvas { height:calc(100vh - var(--command-header) - 72px); padding:12px; }
 :root:root .command-gold .inventory-workspace { height:calc(100vh - var(--command-header) - 94px); }
}
@media(prefers-reduced-motion:reduce) {
 :root:root .command-gold *, :root:root .command-gold *::before, :root:root .command-gold *::after { transition:none !important; animation:none !important; }
}
/* Dark structural dividers and matching selected menu controls. */
:root:root .command-gold .record-preview { border-color:#383126; }
:root:root .command-gold .hover-rail .rail-all .rail-icon { color:#e7c46f; }
:root:root .command-gold .hover-rail .rail-submenu a:is(.current,:hover) .rail-icon { color:#1a1408; }
:root:root .command-gold .hover-rail .rail-link:hover { background:var(--gold-hover); filter:brightness(1.08); box-shadow:inset 0 1px #ffffff9e,0 10px 27px #dda4304d; }
:root:root .command-gold .record-preview>div { background:#1c1913; color:#f4efe4; border-color:#70582f; }
:root:root .command-gold .split-button>.btn.split-main { border-radius:7px 0 0 7px; }
:root:root .command-gold .split-button>.btn.split-toggle { border-radius:0 7px 7px 0; }

/* Leave room around the full 36px SVGs, including the gold button borders. */
:root:root .command-gold { --command-rail:64px; }
:root:root .command-gold > aside.hover-rail { width:var(--command-rail); }
:root:root .command-gold > aside.hover-rail:is(:hover,:focus-within,.pinned) { width:280px; }
:root:root .command-gold .main { margin-left:var(--command-rail); }
:root:root .command-gold:has(>aside.hover-rail:is(:hover,:focus-within,.pinned)) .main { margin-left:280px; }
:root:root .command-gold .hover-rail nav { padding-inline:8px; }
:root:root .command-gold .hover-rail nav .rail-link { padding-inline:4px; }
:root:root .command-gold .hover-rail .rail-top { margin-inline:8px; }
:root:root .command-gold .hover-rail .rail-all { width:44px; padding-inline:3px; }
:root:root .command-gold .hover-rail:is(:hover,:focus-within,.pinned) .rail-all { width:94px; justify-content:flex-start; padding-inline:4px; }
:root:root .command-gold #toolsDialog:has(.user-pref-section) { left:var(--command-rail); }

/* Give each sidebar control the same polished gold light as the main action button. */
:root:root .command-gold .hover-rail :is(.rail-all,.rail-link,.rail-submenu a) {
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
:root:root .command-gold .hover-rail :is(.rail-link:is(:hover,:focus-visible),.rail-submenu a:is(:hover,:focus-visible),.rail-all:is(:hover,:focus-visible)) {
  transform:translateY(-1px);
  border-color:#f5d679;
  background:var(--gold-hover);
  color:#1a1408;
  filter:brightness(1.08);
  box-shadow:inset 0 1px #ffffff9e,0 10px 27px #dda4304d;
}
:root:root .command-gold .hover-rail :is(.rail-link:is(:hover,:focus-visible),.rail-submenu a:is(:hover,:focus-visible),.rail-all:is(:hover,:focus-visible)) .rail-icon { color:#1a1408; }
:root:root .command-gold .hover-rail :is(.rail-link.active,.rail-submenu a.current) {
  transform:translateY(-1px);
  background:var(--gold-hover);
  color:#1a1408;
  border-color:#f5d679;
  filter:brightness(1.08);
  box-shadow:inset 0 1px #ffffff9e,0 10px 27px #dda4304d;
}
:root:root .command-gold .hover-rail :is(.rail-link.active,.rail-submenu a.current) .rail-icon { color:#1a1408; }
@media(prefers-reduced-motion:reduce) {
  :root:root .command-gold .hover-rail :is(.rail-all,.rail-link,.rail-submenu a) { transition:none; }
}
:root:root .command-gold .company-welcome {
  flex:1 1 auto;
  min-width:0;
  margin:0;
  color:#f5f0e5;
  text-align:center;
  font-size:clamp(16px,1.35vw,22px);
  font-weight:600;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:750px) {
  :root:root .command-gold .company-welcome { font-size:14px; }
}
/* Gold theme for the New record picker. */
:root:root .command-gold #toolsDialog:has(.kc-admin-cards) .kc-create-option {
  color: #ead7ad;
  border-color: #765b2c;
  background: #211b10;
  transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
:root:root .command-gold #toolsDialog:has(.kc-admin-cards) .kc-create-icon { color: #d9ad52; }
:root:root .command-gold #toolsDialog:has(.kc-admin-cards) .kc-create-option:hover,
:root:root .command-gold #toolsDialog:has(.kc-admin-cards) .kc-create-option:focus-visible {
  color: #fff1c5;
  border-color: #e7bd5b;
  background: linear-gradient(135deg, #302510, #211a0e);
  box-shadow: inset 0 0 0 1px #f4d47a35, 0 0 14px #d6a64222;
}
:root:root .command-gold #toolsDialog:has(.kc-admin-cards) .kc-create-option:hover .kc-create-icon,
:root:root .command-gold #toolsDialog:has(.kc-admin-cards) .kc-create-option:focus-visible .kc-create-icon { color: #f1cc68; }
:root:root .command-gold #toolsDialog:has(.kc-admin-cards) .kc-create-option:focus-visible { outline: 2px solid #f1cc68; outline-offset: 2px; }