:root {
  --accent: #cf5e70;
  --accent-deep: #9f4052;
  --accent-soft: rgba(207, 94, 112, .13);
  --ink: #181b21;
  --muted: #68717d;
  --faint: #89919c;
  --glass: rgba(255, 255, 255, .62);
  --glass-strong: rgba(250, 251, 253, .88);
  --glass-soft: rgba(255, 255, 255, .34);
  --line: rgba(255, 255, 255, .72);
  --line-dark: rgba(54, 61, 72, .12);
  --green: #13826b;
  --green-soft: rgba(19, 130, 107, .12);
  --amber: #a66b14;
  --amber-soft: rgba(196, 126, 24, .13);
  --blue: #4f7fb7;
  --blue-soft: rgba(79, 127, 183, .13);
  --shadow: 0 24px 70px rgba(40, 48, 60, .18);
  --shadow-soft: 0 12px 34px rgba(40, 48, 60, .11);
  --radius-xl: 30px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --sidebar: 108px;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: #a8b0bb; }
body {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 9% 10%, rgba(207, 94, 112, .36), transparent 28%),
    radial-gradient(circle at 88% 15%, rgba(255, 255, 255, .82), transparent 24%),
    radial-gradient(circle at 82% 88%, rgba(75, 202, 176, .2), transparent 30%),
    linear-gradient(135deg, #98a1ae 0%, #d9dde2 48%, #9aa3af 100%);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

button, input, select { font: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(207, 94, 112, .22); outline-offset: 2px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
button, input, select { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, p { margin: 0; }
svg { width: 18px; height: 18px; stroke-width: 1.8; }

.ambient { position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.ambient span { position: absolute; border: 1px solid rgba(255, 255, 255, .42); box-shadow: inset 0 0 70px rgba(255, 255, 255, .13); }
.ambient span:nth-child(1) { width: 470px; height: 470px; right: -180px; top: -210px; border-radius: 43% 57% 62% 38% / 42% 38% 62% 58%; transform: rotate(26deg); }
.ambient span:nth-child(2) { width: 280px; height: 220px; left: 18%; bottom: -150px; border-radius: 50%; background: rgba(207, 94, 112, .14); filter: blur(40px); }
.ambient span:nth-child(3) { width: 220px; height: 220px; right: 16%; bottom: 4%; border-radius: 50%; background: rgba(60, 196, 169, .11); border: 0; filter: blur(45px); }

.app-shell {
  position: relative;
  display: grid;
  grid-template-columns: var(--sidebar) minmax(0, 1fr);
  width: calc(100% - 36px);
  max-width: 1640px;
  min-height: calc(100vh - 36px);
  margin: 18px auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 32px;
  background: rgba(241, 244, 247, .49);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .76);
  backdrop-filter: blur(30px) saturate(140%);
  -webkit-backdrop-filter: blur(30px) saturate(140%);
  animation: app-enter .9s cubic-bezier(.16,.88,.23,1) both;
}

@keyframes app-enter { from { opacity: 0; clip-path: circle(0 at 92% 8%); transform: translateY(16px) scale(.98); filter: blur(16px); } to { opacity: 1; clip-path: circle(150% at 92% 8%); transform: none; filter: none; } }
@keyframes page-enter { from { opacity: 0; transform: translateY(18px) scale(.992); filter: blur(8px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes modal-enter { from { opacity: 0; transform: translateY(24px) scale(.96); filter: blur(10px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes toast-in { from { opacity: 0; transform: translateY(16px) scale(.96); } to { opacity: 1; transform: none; } }

.sidebar {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  padding: 18px 10px 14px;
  border-right: 1px solid var(--line-dark);
  background: rgba(255, 255, 255, .09);
}

.brand-mark {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 15px;
  background: linear-gradient(145deg, #e58b99, var(--accent) 58%, #91394a);
  color: #fff;
  box-shadow: 0 10px 26px rgba(175, 61, 81, .28), inset 0 1px 1px rgba(255, 255, 255, .4);
}
.brand-mark.small { width: 34px; height: 34px; border-radius: 11px; }
.brand-mark.small svg { width: 15px; height: 15px; }
.brand-copy { display: grid; gap: 1px; margin: 8px 0 11px; text-align: center; }
.brand-copy strong { font-size: 10px; font-weight: 600; letter-spacing: .02em; }
.brand-copy span { color: var(--muted); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; }

.primary-nav { display: grid; gap: 6px; width: 100%; }
.nav-item, .utility-button {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 4px;
  width: 100%;
  min-height: 52px;
  padding: 7px 3px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: var(--muted);
  transition: transform .25s ease, color .25s ease, background .25s ease, box-shadow .25s ease;
}
.nav-item svg, .utility-button svg { width: 17px; height: 17px; }
.nav-item span, .utility-button span { font-size: 9px; line-height: 1; }
.nav-item b { position: absolute; top: 6px; right: 15px; display: grid; place-items: center; min-width: 16px; height: 16px; border-radius: 99px; background: var(--accent); color: #fff; font-size: 8px; font-weight: 500; }
.nav-item:hover, .utility-button:hover { transform: translateY(-1px); color: var(--ink); background: rgba(255, 255, 255, .28); }
.nav-item.is-active { color: #fff; border-color: rgba(255, 255, 255, .26); background: linear-gradient(145deg, rgba(207, 94, 112, .96), rgba(151, 59, 77, .88)); box-shadow: 0 9px 23px rgba(174, 58, 79, .25), inset 0 1px 0 rgba(255, 255, 255, .3); }
.nav-item.is-active b { background: #fff; color: var(--accent-deep); }
.sidebar-foot { display: grid; gap: 10px; width: 100%; margin-top: auto; }
.utility-button { min-height: 48px; border-color: var(--line); background: rgba(255, 255, 255, .22); }
.built-by { display: grid; justify-items: center; gap: 5px; color: var(--muted); font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.built-by img { display: block; width: 78px; height: 25px; object-fit: contain; padding: 2px 4px; border-radius: 7px; background: #fff; box-shadow: 0 4px 14px rgba(30, 36, 45, .11); }

.app-main { min-width: 0; padding: 19px 22px 28px; }
.topbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; min-height: 66px; }
.page-heading { display: grid; gap: 4px; }
.eyebrow, .section-label { color: var(--accent-deep); font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.page-heading h1 { font-size: 24px; font-weight: 500; letter-spacing: -.035em; }
.page-heading p { color: var(--muted); font-size: 11px; }
.top-actions { display: flex; align-items: center; gap: 8px; }
.icon-button, .profile-button, .icon-plain {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--glass-soft);
  color: var(--ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .54);
  transition: transform .25s ease, background .25s ease;
}
.icon-button { gap: 8px; min-width: 38px; padding: 0 10px; }
.icon-button kbd { padding: 2px 5px; border: 1px solid var(--line-dark); border-radius: 5px; color: var(--faint); background: rgba(255, 255, 255, .32); font-size: 8px; }
.icon-button.has-dot::after { content: ""; position: absolute; width: 6px; height: 6px; margin: -21px 0 0 21px; border: 2px solid #e5e9ed; border-radius: 50%; background: var(--accent); }
.profile-button { gap: 7px; padding: 3px 8px 3px 4px; }
.profile-button span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 10px; background: linear-gradient(145deg, #f1b0bb, var(--accent)); color: #fff; font-size: 9px; font-weight: 600; }
.profile-button svg { width: 13px; height: 13px; }
.icon-button:hover, .profile-button:hover, .icon-plain:hover { transform: translateY(-2px); background: rgba(255, 255, 255, .56); }
.icon-plain { width: 32px; min-height: 32px; padding: 0; border-color: transparent; background: transparent; box-shadow: none; }

.system-strip { display: flex; align-items: center; gap: 10px; min-height: 34px; margin: 12px 0 16px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, .22); color: var(--muted); font-size: 9px; }
.system-strip > span { display: inline-flex; align-items: center; gap: 5px; }
.system-strip svg { width: 12px; height: 12px; }
.system-strip .live-state.is-staging i { background: #e6a548; box-shadow: 0 0 0 4px rgba(230,165,72,.12); }
.system-strip .live-state.is-ready i { background: #55b78b; box-shadow: 0 0 0 4px rgba(85,183,139,.12); }
.system-strip .live-state.is-partial i { background: #e6a548; box-shadow: 0 0 0 4px rgba(230,165,72,.12); }
.system-strip .live-state.is-offline i { background: #8b98a8; box-shadow: 0 0 0 4px rgba(139,152,168,.12); }
.strip-spacer { flex: 1; }
.live-state { color: var(--green); }
.live-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(19, 130, 107, .11); }

.page-view { display: none; }
.page-view.is-active { display: block; animation: page-enter .55s cubic-bezier(.16,.88,.23,1) both; }
.company-switcher, .toolbar, .toolbar-actions, .surface-head, .section-title-row, .workspace-actions, .preview-actions { display: flex; align-items: center; gap: 8px; }
.company-switcher { flex-wrap: wrap; margin-bottom: 12px; }
.company-switcher button, .quiet-button, .secondary-button, .primary-button, .text-button, .auth-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--glass-soft);
  color: var(--ink);
  font-size: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .47);
  transition: transform .24s ease, background .24s ease, box-shadow .24s ease;
}
.company-switcher button { color: var(--muted); }
.company-switcher button.is-active { color: #fff; border-color: rgba(255,255,255,.28); background: linear-gradient(135deg, var(--accent), var(--accent-deep)); box-shadow: 0 8px 20px rgba(169, 58, 79, .22); }
.company-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }
.company-dot.group { background: #f3a8b5; }.company-dot.bms { background: #cf5e70; }.company-dot.pipeco { background: #4f96aa; }.company-dot.anchor { background: #508171; }
.primary-button { border-color: rgba(255,255,255,.25); background: linear-gradient(135deg, var(--accent), var(--accent-deep)); color: #fff; box-shadow: 0 8px 20px rgba(169, 58, 79, .2), inset 0 1px 0 rgba(255,255,255,.25); }
.primary-button svg, .secondary-button svg, .quiet-button svg { width: 14px; height: 14px; }
.primary-button:hover, .secondary-button:hover, .quiet-button:hover { transform: translateY(-2px); }
.quiet-button, .text-button { min-height: 29px; padding: 5px 7px; border-color: transparent; background: transparent; box-shadow: none; color: var(--muted); }
.text-button { color: var(--accent-deep); }
.full { width: 100%; }

.surface, .kpi-card, .company-card, .workspace-card, .mini-stat, .approval-summary article, .email-device {
  border: 1px solid var(--line);
  background: var(--glass);
  box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, .48);
  backdrop-filter: blur(20px) saturate(125%);
  -webkit-backdrop-filter: blur(20px) saturate(125%);
}
.surface { border-radius: var(--radius-lg); }
.surface-head { justify-content: space-between; }
.surface-head > div { display: grid; gap: 3px; }
.surface-head h2, .toolbar h2, .section-title-row h3 { font-size: 14px; font-weight: 500; letter-spacing: -.015em; }
.status-pill { display: inline-flex; align-items: center; gap: 5px; width: max-content; padding: 5px 7px; border-radius: 99px; background: rgba(105, 114, 126, .1); color: var(--muted); font-size: 8px; font-style: normal; }
.status-pill.good { background: var(--green-soft); color: var(--green); }.status-pill.warn { background: var(--amber-soft); color: var(--amber); }.status-pill.ruby { background: var(--accent-soft); color: var(--accent-deep); }.status-pill.draft { background: rgba(104,113,125,.11); color: #59616c; }.status-pill.light { background: rgba(255,255,255,.12); color: rgba(255,255,255,.85); border: 1px solid rgba(255,255,255,.16); }
.status-pill i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.good { color: var(--green)!important; }.warn { color: var(--amber)!important; }

.hero-grid { display: grid; grid-template-columns: minmax(0, 1.56fr) minmax(285px, .74fr); gap: 11px; }
.executive-pulse, .management-queue { min-height: 208px; padding: 15px; }
.pulse-body { display: grid; grid-template-columns: 130px 1fr; gap: 22px; align-items: center; margin-top: 18px; }
.pulse-score { position: relative; display: grid; place-content: center; width: 120px; height: 120px; border-radius: 50%; background: conic-gradient(var(--accent) 0 84%, rgba(96,106,118,.12) 84%); text-align: center; }
.pulse-score::before { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: rgba(245,247,249,.9); box-shadow: inset 0 1px 0 #fff; }
.pulse-score strong, .pulse-score span, .pulse-score small { position: relative; z-index: 1; }
.pulse-score strong { font-size: 26px; font-weight: 500; letter-spacing: -.06em; }.pulse-score span { position: absolute; top: 43px; right: 30px; color: var(--muted); font-size: 9px; }.pulse-score small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.pulse-copy { display: grid; gap: 8px; }.pulse-copy h3 { max-width: 420px; font-size: 19px; line-height: 1.2; font-weight: 500; letter-spacing: -.025em; }.pulse-copy p { max-width: 520px; color: var(--muted); font-size: 10px; line-height: 1.55; }.pulse-tags { display: flex; flex-wrap: wrap; gap: 6px; }.pulse-tags span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px; border-radius: 99px; background: rgba(255,255,255,.34); color: var(--muted); font-size: 8px; }.pulse-tags svg { width: 11px; height: 11px; }
.management-queue { display: grid; gap: 8px; align-content: start; }
.queue-row { display: grid; grid-template-columns: 34px 1fr auto; gap: 9px; align-items: center; width: 100%; padding: 9px; border: 1px solid var(--line-dark); border-radius: 13px; background: rgba(255,255,255,.25); color: var(--ink); text-align: left; transition: transform .2s ease, background .2s ease; }.queue-row:hover { transform: translateX(3px); background: rgba(255,255,255,.46); }.queue-row > span:nth-child(2) { display: grid; gap: 2px; }.queue-row strong { font-size: 9px; font-weight: 500; }.queue-row small { color: var(--muted); font-size: 8px; }.queue-row b { font-size: 11px; font-weight: 500; }
.queue-icon, .report-icon, .timeline-icon, .device-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: rgba(101,110,123,.1); color: var(--muted); }.queue-icon svg, .report-icon svg, .timeline-icon svg, .device-icon svg { width: 14px; height: 14px; }.queue-icon.ruby,.report-icon.ruby,.timeline-icon.ruby { background: var(--accent-soft); color: var(--accent-deep); }.queue-icon.amber,.report-icon.amber,.timeline-icon.amber { background: var(--amber-soft); color: var(--amber); }.queue-icon.blue,.report-icon.blue,.timeline-icon.blue { background: var(--blue-soft); color: var(--blue); }.queue-icon.green,.report-icon.green,.timeline-icon.green { background: var(--green-soft); color: var(--green); }.queue-icon.large { width: 44px; height: 44px; border-radius: 14px; }.queue-icon.large svg { width: 20px; height: 20px; }

.kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; margin: 11px 0; }
.kpi-card { position: relative; min-height: 134px; overflow: hidden; padding: 13px; border-radius: 17px; }
.kpi-card::after { content: ""; position: absolute; width: 100px; height: 100px; right: -45px; bottom: -60px; border-radius: 50%; background: var(--accent-soft); filter: blur(10px); }
.kpi-top { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 9px; }.kpi-top svg { width: 14px; height: 14px; }.kpi-card > strong { display: block; margin: 13px 0 4px; font-size: 19px; font-weight: 500; letter-spacing: -.03em; }.kpi-card > small { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 8px; }.kpi-card > small svg { width: 11px; height: 11px; }
.mini-bars { display: flex; align-items: end; gap: 4px; height: 25px; margin-top: 10px; }.mini-bars i { flex: 1; height: var(--h); border-radius: 4px 4px 2px 2px; background: linear-gradient(to top, rgba(207,94,112,.24), var(--accent)); }
.meter { height: 6px; margin-top: 14px; overflow: hidden; border-radius: 99px; background: rgba(92,102,114,.1); }.meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(to right, var(--accent), #e98d9b); }.meter-legend { display: flex; justify-content: space-between; margin-top: 5px; color: var(--faint); font-size: 7px; }.meter-legend b { font-weight: 500; }
.ageing { display: flex; gap: 2px; height: 6px; margin-top: 14px; }.ageing span { display: block; border-radius: 99px; background: var(--green); }.ageing span:nth-child(2) { background: #e2ae56; }.ageing span:nth-child(3) { background: #d98457; }.ageing span:nth-child(4) { background: var(--accent); }
.ring-row { display: flex; align-items: center; gap: 9px; margin-top: 8px; }.progress-ring { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: radial-gradient(circle 12px, rgba(247,248,250,.95) 96%, transparent 100%), conic-gradient(var(--green) 0 71%, rgba(97,107,119,.12) 71%); }.progress-ring span { font-size: 7px; font-weight: 600; }.ring-row p { max-width: 125px; color: var(--muted); font-size: 7px; line-height: 1.4; }

.content-grid { display: grid; gap: 11px; }.content-grid.wide-left { grid-template-columns: minmax(0, 1.7fr) minmax(270px, .72fr); }
.chart-surface, .activity-surface { min-height: 300px; padding: 15px; }
.legend { display: flex; gap: 9px; color: var(--muted); font-size: 8px; }.legend span { display: inline-flex; align-items: center; gap: 4px; }.legend i { width: 7px; height: 7px; border-radius: 2px; }.legend i.ruby { background: var(--accent); }.legend i.green { background: var(--green); }.legend i.grey { background: #9ba3ad; }
.chart-wrap { height: 230px; margin-top: 11px; }.chart-wrap svg { width: 100%; height: 205px; overflow: visible; }.grid-lines path { fill: none; stroke: rgba(87,96,108,.11); stroke-width: 1; }.area { fill: url(#salesFill); }.sales-line,.cash-line,.plan-line { fill: none; stroke-width: 3; stroke-linecap: round; }.sales-line { stroke: var(--accent); }.cash-line { stroke: var(--green); }.plan-line { stroke: #8d96a1; stroke-width: 2; stroke-dasharray: 5 7; }.chart-points circle { fill: rgba(250,251,253,.95); stroke: var(--accent); stroke-width: 2; }.x-axis { display: flex; justify-content: space-between; padding: 0 5px 0 35px; color: var(--faint); font-size: 8px; }
.timeline { display: grid; gap: 2px; margin-top: 10px; }.timeline-item { display: grid; grid-template-columns: 32px 1fr; gap: 9px; padding: 8px 0; border-bottom: 1px solid var(--line-dark); }.timeline-item:last-child { border-bottom: 0; }.timeline-item > div { display: grid; gap: 2px; }.timeline-item strong { font-size: 9px; font-weight: 500; }.timeline-item p, .timeline-item small { color: var(--muted); font-size: 8px; }.timeline-item small { color: var(--faint); }

.company-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 11px; }
.company-card { display: grid; gap: 12px; min-height: 153px; padding: 13px; border-radius: 17px; color: var(--ink); text-align: left; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }.company-card:hover { transform: translateY(-4px); background: rgba(255,255,255,.78); box-shadow: 0 18px 40px rgba(40,48,60,.15); }.company-card-top { display: grid; grid-template-columns: 36px 1fr auto; gap: 9px; align-items: center; }.company-card-top > div { display: grid; gap: 2px; }.company-card-top strong { font-size: 10px; font-weight: 500; }.company-card-top small { color: var(--muted); font-size: 8px; }.company-monogram { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; color: #fff; font-size: 12px; font-weight: 600; box-shadow: inset 0 1px 1px rgba(255,255,255,.3); }.company-monogram.bms { background: linear-gradient(145deg,#e493a1,#a84255); }.company-monogram.pipeco { background: linear-gradient(145deg,#79b5c4,#397689); }.company-monogram.anchor { background: linear-gradient(145deg,#7ca996,#3f6e5e); }.company-monogram.large { width: 52px; height: 52px; border-radius: 16px; font-size: 16px; }
.company-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.company-metrics span { display: grid; gap: 3px; }.company-metrics b { font-size: 10px; font-weight: 500; }.company-metrics small { color: var(--muted); font-size: 7px; }.card-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 8px; border-top: 1px solid var(--line-dark); color: var(--muted); font-size: 8px; }.card-foot svg { width: 13px; height: 13px; }

.workspace-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 11px; }.workspace-card { display: grid; grid-template-columns: 42px 1fr auto; gap: 10px; align-items: center; min-height: 78px; padding: 11px; border-radius: 16px; color: var(--ink); text-align: left; transition: transform .23s ease, background .23s ease, border-color .23s ease; }.workspace-card:hover { transform: translateY(-2px); }.workspace-card.is-selected { border-color: rgba(207,94,112,.38); background: rgba(255,255,255,.78); box-shadow: 0 12px 32px rgba(162,60,78,.12); }.workspace-card > div { display: grid; gap: 3px; }.workspace-card strong { font-size: 10px; }.workspace-card small { color: var(--muted); font-size: 8px; }.workspace-card > svg { width: 14px; height: 14px; color: var(--muted); }
.workspace-detail { padding: 16px; }.workspace-hero { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--line-dark); }.workspace-title { display: flex; align-items: center; gap: 12px; }.workspace-title > div { display: grid; gap: 3px; }.workspace-title h2 { font-size: 19px; font-weight: 500; }.workspace-title p { color: var(--muted); font-size: 9px; }.workspace-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin: 12px 0; }.workspace-kpi { display: grid; gap: 5px; padding: 12px; border: 1px solid var(--line-dark); border-radius: 14px; background: rgba(255,255,255,.28); }.workspace-kpi span { color: var(--muted); font-size: 8px; }.workspace-kpi strong { font-size: 15px; font-weight: 500; }.workspace-kpi small { color: var(--green); font-size: 8px; }.workspace-content { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 12px; }.section-title-row { justify-content: space-between; margin-bottom: 10px; }.section-title-row > div { display: grid; gap: 3px; }.module-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.module-group { padding: 11px; border: 1px solid var(--line-dark); border-radius: 14px; background: rgba(255,255,255,.24); }.module-group > strong { display: block; margin-bottom: 8px; font-size: 9px; font-weight: 500; }.module-group div { display: flex; flex-wrap: wrap; gap: 5px; }.module-group span { padding: 5px 7px; border-radius: 8px; background: rgba(255,255,255,.47); color: var(--muted); font-size: 8px; }
.workspace-attention { padding: 12px; border: 1px solid var(--line-dark); border-radius: 16px; background: rgba(255,255,255,.27); }.workspace-attention h3 { margin: 3px 0 9px; font-size: 14px; font-weight: 500; }.attention-list { display: grid; gap: 6px; margin-bottom: 10px; }.attention-list button { display: grid; grid-template-columns: 28px 1fr; gap: 7px; align-items: center; padding: 8px; border: 0; border-radius: 10px; background: rgba(255,255,255,.36); color: var(--ink); text-align: left; }.attention-list button > svg { width: 14px; height: 14px; color: var(--accent-deep); }.attention-list span { display: grid; gap: 2px; }.attention-list strong { font-size: 8px; }.attention-list small { color: var(--muted); font-size: 7px; }

.toolbar { justify-content: space-between; flex-wrap: wrap; margin-bottom: 11px; }.toolbar-copy { display: grid; gap: 3px; }.toolbar-copy p { color: var(--muted); font-size: 9px; }.segmented { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.24); }.segmented button { min-height: 30px; padding: 6px 10px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--muted); font-size: 9px; }.segmented button.is-active { border-color: var(--line); background: rgba(255,255,255,.74); color: var(--ink); box-shadow: 0 5px 12px rgba(43,50,60,.08); }.report-panel { display: none; }.report-panel.is-active { display: block; animation: page-enter .42s ease both; }.report-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-bottom: 10px; }.mini-stat { display: grid; gap: 4px; min-height: 80px; padding: 12px; border-radius: 15px; }.mini-stat span { color: var(--muted); font-size: 8px; }.mini-stat strong { font-size: 18px; font-weight: 500; }.mini-stat small { color: var(--faint); font-size: 8px; }
.report-library, .report-preview { min-height: 510px; padding: 14px; }.compact-search { display: flex; align-items: center; gap: 6px; min-height: 31px; padding: 0 9px; border: 1px solid var(--line-dark); border-radius: 10px; background: rgba(255,255,255,.35); color: var(--muted); }.compact-search svg { width: 12px; height: 12px; }.compact-search input { width: 130px; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 8px; }.report-list { display: grid; gap: 6px; margin-top: 11px; }.report-row { display: grid; grid-template-columns: 36px minmax(0,1fr) auto 16px; gap: 9px; align-items: center; width: 100%; padding: 9px; border: 1px solid var(--line-dark); border-radius: 12px; background: rgba(255,255,255,.24); color: var(--ink); text-align: left; transition: transform .2s ease, background .2s ease; }.report-row:hover { transform: translateX(3px); background: rgba(255,255,255,.52); }.report-row > span:nth-child(2) { display: grid; gap: 2px; }.report-row strong { font-size: 9px; }.report-row small { color: var(--muted); font-size: 8px; }.report-row em { color: var(--muted); font-size: 8px; font-style: normal; }.report-row > svg { width: 13px; height: 13px; color: var(--muted); }.report-document { min-height: 375px; margin-top: 12px; padding: 18px; border-radius: 14px; background: rgba(255,255,255,.75); box-shadow: 0 10px 24px rgba(36,44,55,.11); }.document-head { display: flex; gap: 8px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid var(--line-dark); }.document-head > div { display: grid; gap: 2px; }.document-head strong { font-size: 9px; }.document-head small { color: var(--muted); font-size: 7px; }.document-stat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 18px 0; }.document-stat-row span { display: grid; gap: 4px; padding: 12px; border-radius: 10px; background: #f2f4f6; }.document-stat-row small { color: var(--muted); font-size: 7px; }.document-stat-row b { font-size: 13px; font-weight: 500; }.document-bars { display: grid; gap: 8px; margin: 20px 0; }.document-bars i { display: block; height: 12px; border-radius: 99px; background: linear-gradient(to right,var(--accent),#df8392); }.document-bars i:nth-child(2) { background: linear-gradient(to right,var(--green),#69b9a8); }.document-bars i:nth-child(3) { background: linear-gradient(to right,#8190a2,#b3bbc5); }.report-document p { color: var(--muted); font-size: 8px; line-height: 1.5; }.preview-actions { margin-top: 10px; }.preview-actions .full { flex: 1; }
.insight-layout { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); gap: 11px; }.insight-feature,.opportunity-card { min-height: 480px; padding: 20px; }.insight-feature > h2 { max-width: 480px; margin: 14px 0 18px; font-size: 25px; font-weight: 500; letter-spacing: -.04em; }.insight-item { display: grid; grid-template-columns: 32px 1fr; gap: 12px; padding: 15px 0; border-top: 1px solid var(--line-dark); }.insight-item > span { color: var(--accent); font-size: 9px; }.insight-item div { display: grid; gap: 4px; }.insight-item strong { font-size: 11px; }.insight-item p { color: var(--muted); font-size: 9px; line-height: 1.5; }.opportunity-card { display: grid; align-content: center; gap: 12px; text-align: center; }.opportunity-card > strong { font-size: 32px; font-weight: 500; letter-spacing: -.05em; }.opportunity-card p { color: var(--muted); font-size: 9px; line-height: 1.5; }.schedule-table,.approval-table,.user-table,.permission-panel,.security-card,.audit-card,.architecture-card { padding: 15px; }
.table-scroll { overflow-x: auto; }.table-scroll table { width: 100%; border-collapse: collapse; margin-top: 12px; }.table-scroll th,.table-scroll td { padding: 11px 9px; border-bottom: 1px solid var(--line-dark); color: var(--muted); font-size: 8px; text-align: left; white-space: nowrap; }.table-scroll th { color: var(--faint); font-size: 7px; font-weight: 500; text-transform: uppercase; letter-spacing: .06em; }.table-scroll td strong { display: block; color: var(--ink); font-size: 9px; }.table-scroll td small { display: block; margin-top: 3px; color: var(--muted); font-size: 7px; }

.briefing-layout { display: grid; grid-template-columns: minmax(320px,.82fr) minmax(430px,1.18fr); gap: 12px; }.briefing-config { display: grid; gap: 9px; }.briefing-card,.briefing-builder { padding: 13px; }.briefing-card-head { display: grid; grid-template-columns: 34px 1fr auto; gap: 9px; align-items: center; }.briefing-card-head > div { display: grid; gap: 3px; }.briefing-card-head strong { font-size: 10px; }.briefing-card-head small { color: var(--muted); font-size: 8px; }.briefing-card.active { border-color: rgba(207,94,112,.32); background: rgba(255,255,255,.74); }.switch input { position: absolute; opacity: 0; }.switch span { display: block; width: 32px; height: 18px; padding: 2px; border-radius: 99px; background: rgba(95,104,116,.18); transition: background .2s ease; }.switch span::after { content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 2px 7px rgba(40,46,56,.2); transition: transform .2s ease; }.switch input:checked + span { background: var(--accent); }.switch input:checked + span::after { transform: translateX(14px); }.recipient-row { display: flex; align-items: center; gap: 8px; margin-top: 10px; color: var(--muted); font-size: 8px; }.avatar-stack { display: flex; }.avatar-stack i { display: grid; place-items: center; width: 23px; height: 23px; margin-left: -5px; border: 2px solid rgba(244,246,248,.9); border-radius: 50%; background: #cfd5dc; color: #4f5660; font-size: 6px; font-style: normal; }.avatar-stack i:first-child { margin-left: 0; background: var(--accent); color: #fff; }.briefing-builder { margin-top: 2px; }.check-row { display: grid; grid-template-columns: 16px 1fr; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--line-dark); }.check-row input { accent-color: var(--accent); }.check-row span { display: grid; gap: 2px; }.check-row strong { font-size: 9px; }.check-row small { color: var(--muted); font-size: 8px; }.briefing-builder .primary-button { margin-top: 12px; }
.email-device { padding: 9px; overflow: hidden; border-radius: 24px; background: rgba(240,243,246,.76); }.email-browser { display: flex; align-items: center; gap: 5px; padding: 7px 9px; }.email-browser span { width: 7px; height: 7px; border-radius: 50%; background: #d77989; }.email-browser span:nth-child(2) { background: #dfb060; }.email-browser span:nth-child(3) { background: #63a58f; }.email-browser em { flex: 1; margin-left: 8px; padding: 6px; border-radius: 7px; background: rgba(255,255,255,.54); color: var(--faint); font-size: 7px; font-style: normal; text-align: center; }.email-preview { min-height: 620px; padding: 24px; border-radius: 18px; background: #fff; box-shadow: 0 14px 34px rgba(40,48,60,.11); }.email-top,.email-brand { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.email-brand { justify-content: flex-start; }.email-brand > div { display: grid; gap: 2px; }.email-brand strong { font-size: 9px; }.email-brand small,.email-top > span { color: var(--muted); font-size: 7px; }.email-greeting { padding: 31px 0 21px; }.email-greeting > span { color: var(--accent-deep); font-size: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }.email-greeting h2 { max-width: 500px; margin: 8px 0; font-size: 24px; line-height: 1.15; font-weight: 500; letter-spacing: -.04em; }.email-greeting p { color: var(--muted); font-size: 9px; }.email-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }.email-stats span { display: grid; gap: 5px; padding: 12px; border-radius: 11px; background: #f1f3f5; }.email-stats small { color: var(--muted); font-size: 7px; }.email-stats b { font-size: 12px; font-weight: 500; }.email-stats em { color: var(--green); font-size: 7px; font-style: normal; }.email-callout { display: grid; grid-template-columns: 30px 1fr; gap: 10px; margin: 14px 0; padding: 14px; border-radius: 12px; background: #f9eef0; color: var(--accent-deep); }.email-callout > svg { width: 18px; height: 18px; }.email-callout div { display: grid; gap: 4px; }.email-callout strong { font-size: 9px; }.email-callout p { color: #74535a; font-size: 8px; line-height: 1.5; }.email-company-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-bottom: 16px; }.email-company-row span { display: grid; grid-template-columns: 8px 1fr; gap: 5px; align-items: center; padding: 8px; border: 1px solid #edf0f2; border-radius: 9px; }.email-company-row b { font-size: 8px; }.email-company-row em { grid-column: 2; color: var(--muted); font-size: 7px; font-style: normal; }.email-preview > button { width: 100%; min-height: 38px; border: 0; border-radius: 10px; background: linear-gradient(135deg,var(--accent),var(--accent-deep)); color: #fff; font-size: 9px; }.email-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 12px; border-top: 1px solid #edf0f2; color: var(--muted); font-size: 7px; }.email-footer img { width: 82px; height: 25px; object-fit: contain; }

.approval-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-bottom: 10px; }.approval-summary article { display: grid; grid-template-columns: 36px 1fr; gap: 9px; align-items: center; min-height: 75px; padding: 11px; border-radius: 15px; }.approval-summary article > div { display: grid; gap: 4px; }.approval-summary small { color: var(--muted); font-size: 8px; }.approval-summary strong { font-size: 14px; font-weight: 500; }.company-label { display: inline-flex; width: max-content; padding: 5px 7px; border-radius: 8px; font-size: 7px; }.company-label.bms { background: var(--accent-soft); color: var(--accent-deep); }.company-label.pipeco { background: rgba(79,150,170,.13); color: #397689; }.company-label.anchor { background: rgba(80,129,113,.13); color: #3f6e5e; }.row-action { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--line-dark); border-radius: 9px; background: rgba(255,255,255,.3); color: var(--muted); }.row-action svg { width: 12px; height: 12px; }

.access-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: 11px; }.user-list { display: grid; gap: 6px; margin-top: 11px; }.user-row { display: grid; grid-template-columns: 36px minmax(0,1fr) auto auto; gap: 9px; align-items: center; width: 100%; padding: 9px; border: 1px solid transparent; border-radius: 12px; background: rgba(255,255,255,.22); color: var(--ink); text-align: left; }.user-row.is-selected { border-color: rgba(207,94,112,.25); background: rgba(255,255,255,.57); }.user-row > span:nth-child(2) { display: grid; gap: 2px; }.user-row strong { font-size: 9px; }.user-row small { color: var(--muted); font-size: 7px; }.user-avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: #b5bdc7; color: #fff; font-size: 9px; font-weight: 600; }.user-avatar.ruby { background: linear-gradient(145deg,#e392a0,var(--accent)); }.user-avatar.blue { background: linear-gradient(145deg,#83b2d0,#4f7fb7); }.user-avatar.green { background: linear-gradient(145deg,#78b8a2,#4b866f); }.user-avatar.grey { background: linear-gradient(145deg,#bec5ce,#7d8793); }.user-avatar.large { width: 48px; height: 48px; border-radius: 15px; font-size: 12px; }.role-label { color: var(--muted); font-size: 8px; }.permission-profile { display: grid; grid-template-columns: 48px 1fr auto; gap: 10px; align-items: center; padding-bottom: 13px; border-bottom: 1px solid var(--line-dark); }.permission-profile > div { display: grid; gap: 3px; }.permission-profile h2 { font-size: 14px; font-weight: 500; }.permission-profile p { color: var(--muted); font-size: 8px; }.permission-section { display: grid; gap: 8px; padding: 13px 0; border-bottom: 1px solid var(--line-dark); }.permission-section > strong { font-size: 9px; font-weight: 500; }.access-toggle { display: flex; align-items: center; justify-content: space-between; padding: 7px 8px; border-radius: 9px; background: rgba(255,255,255,.28); }.access-toggle > span { display: inline-flex; align-items: center; gap: 6px; font-size: 8px; }.access-toggle input { accent-color: var(--accent); }.permission-chips { display: flex; flex-wrap: wrap; gap: 5px; }.permission-chips span { padding: 6px 7px; border-radius: 8px; background: var(--green-soft); color: var(--green); font-size: 7px; }.permission-panel > .secondary-button { margin-top: 13px; }

.security-hero { display: flex; align-items: center; justify-content: space-between; padding: 15px; margin-bottom: 10px; }.security-hero > div:first-child { display: flex; align-items: center; gap: 12px; }.security-hero > div:first-child > span:last-child { display: grid; gap: 3px; }.security-hero small { color: var(--muted); font-size: 8px; }.security-hero strong { font-size: 17px; font-weight: 500; }.security-hero em { color: var(--muted); font-size: 8px; font-style: normal; }.security-score strong { font-size: 26px; font-weight: 500; }.security-score span { color: var(--muted); font-size: 9px; }.security-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.security-card { min-height: 290px; }.security-card > .surface-head > svg { color: var(--accent-deep); }.security-setting,.device-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--line-dark); }.security-setting > span:first-child,.device-row > span:nth-child(2) { display: grid; gap: 3px; }.security-setting strong,.device-row strong { font-size: 9px; }.security-setting small,.device-row small { color: var(--muted); font-size: 8px; }.security-card > .primary-button,.security-card > .secondary-button { margin-top: 13px; }.device-row { grid-template-columns: 34px 1fr auto; }.audit-card { grid-column: 1 / -1; }.audit-list { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 12px; }.audit-list > div { display: grid; grid-template-columns: 24px 1fr; gap: 7px; padding: 10px; border: 1px solid var(--line-dark); border-radius: 11px; background: rgba(255,255,255,.25); }.audit-list > div > svg { width: 14px; height: 14px; color: var(--accent-deep); }.audit-list span { display: grid; gap: 3px; }.audit-list strong { font-size: 8px; }.audit-list small,.audit-list em { color: var(--muted); font-size: 7px; font-style: normal; }.audit-list em { grid-column: 2; }

.integration-banner { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 20px; align-items: center; min-height: 190px; padding: 20px; margin-bottom: 11px; }.integration-banner > div:first-child { display: grid; gap: 9px; }.integration-banner h2 { font-size: 24px; font-weight: 500; letter-spacing: -.04em; }.integration-banner p { max-width: 650px; color: var(--muted); font-size: 9px; line-height: 1.55; }.connection-visual { position: relative; display: flex; align-items: center; justify-content: center; min-height: 140px; }.connection-visual > i { width: 70px; height: 1px; background: linear-gradient(to right,transparent,var(--accent),transparent); }.node { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: #fff; box-shadow: 0 10px 25px rgba(45,53,64,.14); font-weight: 600; }.node.bms { color: var(--accent-deep); }.node.pipeco { color: #397689; }.node.group { width: 62px; height: 62px; border-radius: 20px; background: linear-gradient(145deg,var(--accent),var(--accent-deep)); color: #fff; }.node.group svg { width: 22px; height: 22px; }.node.anchor { position: absolute; right: 27%; bottom: 2px; width: 38px; height: 38px; color: #3f6e5e; }
.integration-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.integration-card { padding: 14px; }.integration-head { display: grid; grid-template-columns: 40px 1fr auto; gap: 9px; align-items: center; }.integration-head > div { display: grid; gap: 3px; }.integration-head strong { font-size: 10px; }.integration-head small { color: var(--muted); font-size: 8px; }.integration-scope { display: grid; gap: 8px; padding: 14px 0; }.integration-scope > span { color: var(--muted); font-size: 8px; }.integration-scope div { display: flex; flex-wrap: wrap; gap: 5px; }.integration-scope em { padding: 6px 7px; border-radius: 8px; background: rgba(255,255,255,.37); color: var(--muted); font-size: 7px; font-style: normal; }.architecture-card { margin-top: 10px; }.architecture-steps { display: grid; grid-template-columns: repeat(7,auto); align-items: center; gap: 8px; margin-top: 14px; }.architecture-steps > div { display: grid; gap: 4px; min-height: 100px; padding: 12px; border: 1px solid var(--line-dark); border-radius: 13px; background: rgba(255,255,255,.25); }.architecture-steps > div > span { color: var(--accent); font-size: 8px; }.architecture-steps strong { max-width: 160px; font-size: 8px; }.architecture-steps small { color: var(--muted); font-size: 7px; }.architecture-steps > svg { width: 14px; color: var(--faint); }

.drawer,.approval-drawer { position: fixed; z-index: 40; top: 18px; right: 18px; width: min(390px,calc(100vw - 36px)); height: calc(100vh - 36px); padding: 18px; transform: translateX(calc(100% + 30px)); border: 1px solid var(--line); border-radius: 24px; background: rgba(246,248,250,.86); box-shadow: 0 30px 80px rgba(28,34,44,.25); backdrop-filter: blur(28px); transition: transform .48s cubic-bezier(.16,.88,.23,1); }.drawer.is-open,.approval-drawer.is-open { transform: none; }.drawer-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid var(--line-dark); }.drawer-head > div { display: grid; gap: 3px; }.drawer-head h2 { font-size: 16px; font-weight: 500; }.notification-list { display: grid; gap: 7px; margin-top: 12px; }.notification-list button { display: grid; grid-template-columns: 32px 1fr auto; gap: 9px; align-items: center; padding: 10px; border: 1px solid var(--line-dark); border-radius: 12px; background: rgba(255,255,255,.45); color: var(--ink); text-align: left; }.notification-list button > span:nth-child(2) { display: grid; gap: 2px; }.notification-list strong { font-size: 9px; }.notification-list small,.notification-list em { color: var(--muted); font-size: 7px; font-style: normal; }

.command-overlay,.modal-backdrop,.auth-overlay { position: fixed; z-index: 60; inset: 0; display: grid; place-items: start center; padding: 9vh 18px 18px; visibility: hidden; opacity: 0; background: rgba(31,37,46,.23); backdrop-filter: blur(12px); transition: opacity .25s ease, visibility .25s ease; }.command-overlay.is-open,.modal-backdrop.is-open,.auth-overlay.is-open { visibility: visible; opacity: 1; }.command-dialog,.modal { width: min(620px,100%); border: 1px solid var(--line); border-radius: 22px; background: rgba(247,249,251,.92); box-shadow: 0 32px 90px rgba(29,35,45,.3); backdrop-filter: blur(28px); animation: modal-enter .42s cubic-bezier(.16,.88,.23,1) both; }.command-input { display: grid; grid-template-columns: 20px 1fr auto; gap: 10px; align-items: center; padding: 15px; border-bottom: 1px solid var(--line-dark); }.command-input input { min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 13px; }.command-input kbd,.command-results kbd { padding: 3px 6px; border: 1px solid var(--line-dark); border-radius: 6px; color: var(--faint); background: rgba(255,255,255,.5); font-size: 8px; }.command-results { display: grid; gap: 6px; padding: 12px; }.command-results > .section-label { margin: 3px 6px; }.command-results button { display: grid; grid-template-columns: 30px 1fr auto; gap: 9px; align-items: center; padding: 10px; border: 0; border-radius: 11px; background: transparent; color: var(--ink); text-align: left; }.command-results button:hover { background: rgba(207,94,112,.09); }.command-results button > svg { color: var(--accent-deep); }.command-results button > span { display: grid; gap: 2px; }.command-results strong { font-size: 9px; }.command-results small { color: var(--muted); font-size: 8px; }
.modal { padding: 18px; }.modal-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid var(--line-dark); }.modal-head > div { display: grid; gap: 3px; }.modal-head h2 { font-size: 16px; font-weight: 500; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; padding: 16px 0; }.form-grid label { display: grid; gap: 6px; }.form-grid label.full { grid-column: 1/-1; }.form-grid label > span { color: var(--muted); font-size: 8px; }.form-grid input,.form-grid select { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid var(--line-dark); border-radius: 11px; background: rgba(255,255,255,.55); color: var(--ink); font-size: 9px; }.modal-actions { display: flex; justify-content: flex-end; gap: 8px; }.modal-note { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 10px; border-radius: 11px; background: var(--green-soft); color: var(--green); font-size: 8px; }.modal-note svg { width: 15px; height: 15px; flex: 0 0 auto; }

.auth-overlay { z-index: 80; place-items: center; padding: 18px; }.auth-window { display: grid; grid-template-columns: minmax(330px,.82fr) minmax(390px,1.18fr); width: min(980px,100%); min-height: 660px; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: rgba(239,242,245,.92); box-shadow: 0 34px 100px rgba(25,30,39,.35); animation: modal-enter .55s cubic-bezier(.16,.88,.23,1) both; }.auth-brand { display: flex; flex-direction: column; padding: 30px; color: #fff; background: radial-gradient(circle at 95% 0,rgba(255,255,255,.13),transparent 32%), linear-gradient(145deg,#b65365,#7f3443 60%,#302b33); }.auth-brand-top { display: flex; align-items: center; gap: 10px; }.auth-brand-top > div { display: grid; gap: 2px; }.auth-brand-top strong { font-size: 11px; }.auth-brand-top small { color: rgba(255,255,255,.62); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }.auth-copy { display: grid; gap: 12px; margin-top: 62px; }.auth-copy h2 { font-size: 31px; line-height: 1.1; font-weight: 500; letter-spacing: -.045em; }.auth-copy p { max-width: 360px; color: rgba(255,255,255,.68); font-size: 10px; line-height: 1.55; }.auth-features { display: grid; gap: 7px; margin-top: auto; }.auth-features span { display: flex; align-items: center; gap: 8px; padding: 9px; border: 1px solid rgba(255,255,255,.11); border-radius: 11px; background: rgba(255,255,255,.07); }.auth-features svg { width: 14px; height: 14px; }.auth-features b { font-size: 8px; font-weight: 500; }.built-by.light { align-self: start; justify-items: start; margin-top: 18px; color: rgba(255,255,255,.55); }.built-by.light img { width: 110px; height: 34px; }.auth-form-wrap { position: relative; display: grid; place-items: center; padding: 40px; }.auth-close { position: absolute; top: 16px; right: 16px; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 11px; background: var(--glass-soft); color: var(--muted); }.auth-card { position: relative; width: min(410px,100%); min-height: 505px; overflow: hidden; border: 1px solid var(--line); border-radius: 23px; background: rgba(255,255,255,.61); box-shadow: 0 18px 44px rgba(40,48,60,.14); }.auth-step { position: absolute; inset: 0; display: grid; align-content: center; gap: 13px; padding: 34px; opacity: 0; pointer-events: none; transform: translateX(30px); filter: blur(8px); transition: opacity .4s ease, transform .5s cubic-bezier(.16,.88,.23,1), filter .4s ease; }.auth-step.is-active { opacity: 1; pointer-events: auto; transform: none; filter: none; }.auth-step.is-past { transform: translateX(-30px); }.auth-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--accent-soft); color: var(--accent-deep); }.auth-step h2 { font-size: 22px; font-weight: 500; letter-spacing: -.04em; }.auth-step > p { color: var(--muted); font-size: 9px; }.auth-primary,.auth-secondary { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 43px; border-radius: 12px; font-size: 9px; }.auth-primary { border: 0; background: linear-gradient(135deg,var(--accent),var(--accent-deep)); color: #fff; box-shadow: 0 10px 22px rgba(169,58,79,.2); }.auth-secondary { border: 1px solid var(--line-dark); background: rgba(255,255,255,.36); color: var(--ink); }.auth-primary svg { width: 14px; height: 14px; }.auth-divider { display: flex; align-items: center; gap: 8px; color: var(--faint); font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }.auth-divider::before,.auth-divider::after { content: ""; height: 1px; flex: 1; background: var(--line-dark); }.auth-step label { display: grid; gap: 5px; }.auth-step label > span { font-size: 8px; }.auth-step label > div { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 10px; border: 1px solid var(--line-dark); border-radius: 11px; background: rgba(255,255,255,.36); color: var(--muted); }.auth-step label svg { width: 14px; height: 14px; }.auth-step label input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 9px; }.auth-step > small { color: var(--muted); font-size: 7px; text-align: center; }.otp-row { display: grid; grid-template-columns: repeat(6,1fr); gap: 6px; }.otp-row input { width: 100%; height: 50px; border: 1px solid var(--line-dark); border-radius: 10px; background: rgba(255,255,255,.4); color: var(--ink); font-size: 18px; text-align: center; }.auth-step.success { text-align: center; }.success-ring { display: grid; place-items: center; width: 74px; height: 74px; margin: 0 auto; border-radius: 50%; background: var(--green-soft); color: var(--green); box-shadow: 0 0 0 8px rgba(19,130,107,.05); }.success-ring svg { width: 27px; height: 27px; }.auth-access { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--line-dark); border-radius: 13px; background: rgba(255,255,255,.3); text-align: left; }.auth-access > span { display: flex; align-items: center; justify-content: space-between; }.auth-access b { font-size: 8px; }.auth-access small { color: var(--muted); font-size: 7px; }.auth-access div { display: flex; flex-wrap: wrap; gap: 5px; }.auth-access em { padding: 5px 7px; border-radius: 8px; background: var(--green-soft); color: var(--green); font-size: 7px; font-style: normal; }

.approval-drawer { display: flex; flex-direction: column; }.approval-detail { flex: 1; padding-top: 14px; }.approval-value { display: grid; gap: 6px; padding: 14px; border-radius: 14px; background: var(--accent-soft); }.approval-value small { color: var(--accent-deep); font-size: 8px; }.approval-value strong { font-size: 23px; font-weight: 500; }.approval-detail dl { display: grid; gap: 0; margin: 13px 0; }.approval-detail dl div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--line-dark); font-size: 8px; }.approval-detail dt { color: var(--muted); }.approval-detail dd { margin: 0; text-align: right; }.approval-note { display: grid; grid-template-columns: 30px 1fr; gap: 9px; padding: 12px; border-radius: 12px; background: var(--green-soft); color: var(--green); }.approval-note > svg { width: 18px; }.approval-note span { display: grid; gap: 4px; }.approval-note strong { font-size: 8px; }.approval-note p { font-size: 8px; line-height: 1.5; }.drawer-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line-dark); }
.profile-menu { position: fixed; z-index: 50; top: 91px; right: 33px; display: none; width: 220px; padding: 9px; border: 1px solid var(--line); border-radius: 16px; background: rgba(248,250,251,.93); box-shadow: 0 20px 50px rgba(30,37,47,.22); backdrop-filter: blur(22px); }.profile-menu.is-open { display: grid; animation: modal-enter .28s ease both; }.profile-menu > div { display: grid; grid-template-columns: 36px 1fr; gap: 8px; align-items: center; padding: 6px 6px 10px; border-bottom: 1px solid var(--line-dark); }.profile-menu > div > span:nth-child(2) { display: grid; gap: 2px; }.profile-menu strong { font-size: 9px; }.profile-menu small { color: var(--muted); font-size: 7px; }.profile-menu button { display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 7px; border: 0; border-radius: 9px; background: transparent; color: var(--ink); font-size: 8px; text-align: left; }.profile-menu button:hover { background: rgba(207,94,112,.09); }.profile-menu button svg { width: 14px; height: 14px; color: var(--accent-deep); }
.toast-region { position: fixed; z-index: 100; right: 28px; bottom: 28px; display: grid; gap: 8px; width: min(340px,calc(100vw - 36px)); }.toast { display: grid; grid-template-columns: 28px 1fr auto; gap: 8px; align-items: center; padding: 11px; border: 1px solid var(--line); border-radius: 13px; background: rgba(248,250,251,.92); box-shadow: 0 16px 40px rgba(30,37,47,.2); backdrop-filter: blur(20px); animation: toast-in .35s ease both; }.toast > span:first-child { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--green-soft); color: var(--green); }.toast svg { width: 13px; height: 13px; }.toast p { font-size: 8px; line-height: 1.45; }.toast button { border: 0; background: transparent; color: var(--muted); }.toast button svg { width: 12px; height: 12px; }

@media (max-width: 1180px) {
  :root { --sidebar: 92px; }
  .kpi-grid { grid-template-columns: repeat(2,1fr); }
  .company-card-grid,.integration-grid { grid-template-columns: 1fr; }
  .company-card-grid { grid-template-columns: repeat(3,1fr); }
  .architecture-steps { grid-template-columns: 1fr; }.architecture-steps > svg { transform: rotate(90deg); justify-self: center; }
  .integration-banner { grid-template-columns: 1fr 300px; }
}

@media (max-width: 940px) {
  :root { --sidebar: 78px; }
  .brand-copy,.nav-item span,.utility-button span,.built-by { display: none; }
  .sidebar { padding-inline: 9px; }.nav-item b { right: 6px; }
  .hero-grid,.content-grid.wide-left,.workspace-content,.briefing-layout,.access-layout,.insight-layout { grid-template-columns: 1fr; }
  .company-card-grid,.workspace-grid,.integration-grid { grid-template-columns: 1fr; }
  .workspace-kpis,.report-summary-grid,.approval-summary { grid-template-columns: repeat(2,1fr); }
  .email-device { max-width: 650px; width: 100%; margin-inline: auto; }
  .audit-list { grid-template-columns: repeat(2,1fr); }
  .integration-banner { grid-template-columns: 1fr; }.connection-visual { min-height: 110px; }
  .auth-window { grid-template-columns: 1fr; max-height: calc(100vh - 36px); overflow-y: auto; }.auth-brand { min-height: 280px; }.auth-copy { margin-top: 25px; }.auth-features { grid-template-columns: repeat(3,1fr); margin-top: 25px; }.built-by.light { display: grid; }
}

@media (max-width: 720px) {
  body { padding-bottom: 76px; }
  .app-shell { display: block; width: calc(100% - 18px); min-height: calc(100vh - 18px); margin: 9px; border-radius: 24px; overflow: visible; }
  .sidebar { position: fixed; z-index: 30; left: 10px; right: 10px; bottom: 8px; display: block; min-height: 0; padding: 7px; border: 1px solid var(--line); border-radius: 18px; background: rgba(245,247,249,.88); box-shadow: 0 16px 40px rgba(31,38,48,.23); backdrop-filter: blur(22px); }
  .sidebar > .brand-mark,.sidebar > .brand-copy,.sidebar-foot { display: none; }
  .primary-nav { display: flex; gap: 3px; overflow-x: auto; scrollbar-width: none; }.primary-nav::-webkit-scrollbar { display: none; }
  .nav-item { flex: 0 0 59px; min-height: 50px; }.nav-item span { display: block; }.nav-item b { top: 3px; right: 7px; }
  .app-main { padding: 15px 12px 22px; }.topbar { grid-template-columns: 1fr auto; }.page-heading h1 { font-size: 19px; }.page-heading p { display: none; }.icon-button kbd { display: none; }.system-strip { overflow-x: auto; white-space: nowrap; }.strip-spacer { display: none!important; }
  .hero-grid,.kpi-grid,.company-card-grid,.workspace-grid,.workspace-kpis,.report-summary-grid,.approval-summary,.security-grid,.integration-grid { grid-template-columns: 1fr; }
  .pulse-body { grid-template-columns: 95px 1fr; gap: 12px; }.pulse-score { width: 90px; height: 90px; }.pulse-score span { top: 33px; right: 20px; }.pulse-copy h3 { font-size: 15px; }
  .company-switcher { display: grid; grid-template-columns: 1fr 1fr; }.company-switcher button { justify-content: flex-start; }
  .toolbar { align-items: flex-start; }.segmented { max-width: 100%; overflow-x: auto; }.segmented button { white-space: nowrap; }
  .workspace-hero { align-items: flex-start; flex-direction: column; }.module-groups { grid-template-columns: 1fr; }
  .briefing-layout { grid-template-columns: 1fr; }.email-preview { padding: 16px; }.email-stats,.email-company-row { grid-template-columns: 1fr; }
  .audit-list { grid-template-columns: 1fr; }.integration-banner { grid-template-columns: 1fr; }.connection-visual { transform: scale(.86); }
  .form-grid { grid-template-columns: 1fr; }.form-grid label.full { grid-column: auto; }
  .auth-overlay { padding: 8px; }.auth-window { max-height: calc(100vh - 16px); border-radius: 22px; }.auth-brand { min-height: 350px; padding: 22px; }.auth-features { grid-template-columns: 1fr; }.auth-form-wrap { min-height: 600px; padding: 30px 12px; }.auth-card { min-height: 530px; }.auth-step { padding: 28px 20px; }
  .drawer,.approval-drawer { top: 9px; right: 9px; width: calc(100vw - 18px); height: calc(100vh - 18px); border-radius: 20px; }
  .profile-menu { top: 78px; right: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto!important; animation-duration: .01ms!important; animation-delay: 0ms!important; transition-duration: .01ms!important; }
}

/* Extended command-centre experience */
textarea { font: inherit; resize: vertical; }
.bad { color: #a53d4d!important; }
.status-pill.bad { color: #a53d4d; background: rgba(188,61,78,.12); }
.warn-text { color: var(--amber)!important; }
.is-clickable { cursor: pointer; }
.kpi-card.is-clickable { position: relative; padding-bottom: 32px; transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.kpi-card.is-clickable:hover,.kpi-card.is-clickable:focus-visible { transform: translateY(-4px); border-color: rgba(207,94,112,.35); box-shadow: 0 18px 40px rgba(40,48,60,.16), inset 0 1px 0 rgba(255,255,255,.6); }
.drill-hint { position: absolute; left: 13px; right: 13px; bottom: 9px; display: flex; align-items: center; justify-content: space-between; color: var(--accent-deep); font-size: 7px; opacity: 0; transform: translateY(4px); transition: opacity .2s ease, transform .2s ease; }
.drill-hint svg { width: 11px; height: 11px; }
.kpi-card:hover .drill-hint,.kpi-card:focus-visible .drill-hint { opacity: 1; transform: none; }

.target-strip { display: grid; grid-template-columns: 1.05fr repeat(4,1fr); gap: 8px; align-items: stretch; margin: 11px 0; padding: 11px; }
.target-intro { display: grid; align-content: center; gap: 3px; padding: 3px 8px; }
.target-intro h2 { font-size: 14px; font-weight: 500; }
.target-intro p { color: var(--muted); font-size: 8px; line-height: 1.45; }
.target-strip > button { display: grid; gap: 6px; min-width: 0; padding: 10px; border: 1px solid var(--line-dark); border-radius: 13px; background: rgba(255,255,255,.32); color: var(--ink); text-align: left; transition: transform .2s ease, background .2s ease; }
.target-strip > button:hover { transform: translateY(-2px); background: rgba(255,255,255,.58); }
.target-strip > button > span { color: var(--muted); font-size: 8px; }
.target-strip > button > strong { font-size: 16px; font-weight: 500; }
.target-strip > button > i { display: block; height: 4px; overflow: hidden; border-radius: 99px; background: rgba(92,101,112,.1); }
.target-strip > button > i em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--accent-deep),var(--accent)); }
.target-strip > button > i em.amber { background: linear-gradient(90deg,#8f5a10,#c4872d); }
.target-strip > button > small { overflow: hidden; color: var(--faint); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }

.intel-panel,.control-panel { display: none; }
.intel-panel.is-active,.control-panel.is-active { display: block; animation: page-enter .42s ease both; }
.intel-split { grid-template-columns: minmax(0,1.38fr) minmax(300px,.82fr)!important; }
.stacked-ageing,.funnel { display: grid; gap: 13px; margin-top: 18px; }
.ageing-command,.risk-list,.funnel-card,.leaderboard,.production-plan,.downtime-list { padding: 15px; }
.stacked-ageing > div { display: grid; grid-template-columns: minmax(120px,1fr) auto; gap: 6px 15px; align-items: center; }
.stacked-ageing span { display: flex; align-items: center; gap: 6px; font-size: 9px; }
.stacked-ageing b { font-size: 9px; font-weight: 500; }
.stacked-ageing > div > i { grid-column: 1/-1; display: flex; height: 8px; overflow: hidden; border-radius: 99px; background: rgba(86,95,106,.1); }
.stacked-ageing > div > i em:nth-child(1) { background: #9bb4aa; }.stacked-ageing > div > i em:nth-child(2) { background: #d7b36f; }.stacked-ageing > div > i em:nth-child(3) { background: #d78770; }.stacked-ageing > div > i em:nth-child(4) { background: var(--accent); }
.age-legend { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; padding-top: 10px; border-top: 1px solid var(--line-dark); }
.age-legend span { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 7px; }
.age-legend i { width: 7px; height: 7px; border-radius: 2px; background: #9bb4aa; }.age-legend span:nth-child(2) i { background:#d7b36f; }.age-legend span:nth-child(3) i { background:#d78770; }.age-legend span:nth-child(4) i { background:var(--accent); }
.risk-list > button { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; align-items: center; width: 100%; padding: 11px 0; border: 0; border-bottom: 1px solid var(--line-dark); background: transparent; color: var(--ink); text-align: left; }
.risk-list > button > span { display: grid; gap: 3px; }.risk-list strong,.risk-list b { font-size: 9px; font-weight: 500; }.risk-list small { color: var(--muted); font-size: 7px; }.risk-list em { padding: 4px 6px; border-radius: 99px; font-size: 7px; font-style: normal; }.risk-high { color:#a53d4d;background:rgba(188,61,78,.12); }.risk-mid { color:var(--amber);background:var(--amber-soft); }

.funnel > div { width: var(--w); min-width: 42%; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; margin-inline: auto; padding: 7px 11px; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; background: linear-gradient(90deg,rgba(207,94,112,.82),rgba(159,64,82,.7)); color:#fff; box-shadow: 0 8px 18px rgba(151,59,77,.12); }
.funnel > div:nth-child(2) { opacity:.88; }.funnel > div:nth-child(3) { opacity:.76; }.funnel > div:nth-child(4) { opacity:.68; }
.funnel span,.funnel b { font-size: 8px; }.funnel b { font-weight:500; }
.leaderboard > div:not(.surface-head) { display: grid; grid-template-columns: 28px 1fr auto; gap: 8px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line-dark); }
.rank { display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--accent-soft);color:var(--accent-deep);font-size:8px; }
.leaderboard > div > span:nth-child(2) { display:grid;gap:3px; }.leaderboard strong,.leaderboard b { font-size:9px;font-weight:500; }.leaderboard small { color:var(--muted);font-size:7px; }
.intelligence-table { padding:15px; }.intelligence-table .surface-head { margin-bottom:12px; }
.production-plan .factory-row { display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line-dark); }
.factory-row > span { display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center; }.factory-row > span small { grid-column:2;color:var(--muted);font-size:7px; }.factory-row > span strong,.factory-row > b { font-size:9px;font-weight:500; }
.factory-row > i { grid-column:1/-1;display:block;height:6px;border-radius:99px;background:rgba(80,90,102,.1);overflow:hidden; }.factory-row > i em { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-deep),var(--accent)); }
.variance-note,.management-context,.detail-explanation { display:grid;grid-template-columns:30px 1fr;gap:9px;margin-top:14px;padding:11px;border-radius:12px;background:var(--green-soft);color:var(--green); }
.variance-note svg,.management-context svg,.detail-explanation svg { width:17px;height:17px; }.variance-note span,.management-context span,.detail-explanation span { display:grid;gap:4px; }.variance-note strong,.management-context strong,.detail-explanation strong { font-size:8px; }.variance-note p,.management-context p,.detail-explanation p { font-size:8px;line-height:1.5; }
.downtime-list > div:not(.surface-head) { display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-dark); }.downtime-list > div > span:nth-child(2) { display:grid;gap:3px; }.downtime-list strong,.downtime-list b { font-size:9px;font-weight:500; }.downtime-list small { color:var(--muted);font-size:7px; }

.action-command-grid { display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:11px;align-items:start; }
.action-list-panel,.action-inspector { padding:15px; }
.action-head { margin-bottom:11px; }
.action-filters { display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px; }
.segmented.compact button { display:flex;align-items:center;gap:5px; }.segmented.compact b { display:grid;place-items:center;min-width:16px;height:16px;border-radius:99px;background:rgba(81,90,102,.09);font-size:7px;font-weight:500; }
.action-list { display:grid;gap:6px; }
.action-item { position:relative;display:grid;grid-template-columns:4px minmax(0,1fr) auto 18px;gap:10px;align-items:center;width:100%;padding:11px;border:1px solid var(--line-dark);border-radius:13px;background:rgba(255,255,255,.25);color:var(--ink);text-align:left;transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.action-item:hover { transform:translateX(3px);background:rgba(255,255,255,.52); }.action-item.is-selected { border-color:rgba(207,94,112,.32);background:rgba(207,94,112,.085);box-shadow:inset 3px 0 0 var(--accent); }.action-item.is-resolved { opacity:.52;filter:saturate(.5); }.action-item.is-resolved .action-main > strong { text-decoration:line-through; }
.severity { width:4px;height:42px;border-radius:99px;background:var(--green); }.severity.critical { background:#b54455; }.severity.high { background:#c1842c; }.severity.medium { background:#5481aa; }.severity.low { background:#6d9386; }
.action-main { display:grid;gap:5px;min-width:0; }.action-main > span:first-child { display:flex;gap:5px;align-items:center; }.action-main > strong { overflow:hidden;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap; }.action-main > small { overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap; }.action-meta { display:flex!important;gap:5px!important;align-items:center;color:var(--faint);font-size:7px!important; }.action-meta svg { width:10px;height:10px;margin-left:5px; }.action-item > b { font-size:9px;font-weight:500;white-space:nowrap; }.action-item > svg { width:14px;height:14px;color:var(--muted); }
.action-inspector { position:sticky;top:10px;min-height:620px; }.inspector-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:12px; }.inspector-head > div { display:flex;gap:6px; }.action-inspector > h2 { font-size:18px;font-weight:500;letter-spacing:-.03em; }.action-inspector > p { margin-top:5px;color:var(--muted);font-size:8px;line-height:1.5; }
.action-value { display:grid;gap:4px;margin-top:14px;padding:13px;border-radius:14px;background:var(--accent-soft); }.action-value small { color:var(--accent-deep);font-size:7px; }.action-value strong { font-size:22px;font-weight:500; }.action-value span { color:var(--amber);font-size:8px; }
.action-facts { display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin:10px 0; }.action-facts div { display:grid;gap:3px;padding:9px 0;border-bottom:1px solid var(--line-dark); }.action-facts dt { color:var(--muted);font-size:7px; }.action-facts dd { margin:0;font-size:8px; }
.action-owner { display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding:10px 0;border-block:1px solid var(--line-dark); }.action-owner > span { display:grid;gap:2px; }.action-owner small { color:var(--muted);font-size:7px; }.action-owner strong { font-size:9px;font-weight:500; }
.action-comments { display:grid;gap:8px;margin-top:11px; }.action-comments > div { display:grid;grid-template-columns:28px 1fr;gap:7px; }.action-comments p { display:grid;gap:2px; }.action-comments strong { font-size:8px; }.action-comments small { color:var(--muted);font-size:7px; }.action-comments em { color:var(--faint);font-size:6px;font-style:normal; }.action-comments label { display:grid;grid-template-columns:1fr 32px;gap:6px; }.action-comments input { min-width:0;height:34px;padding:0 9px;border:1px solid var(--line-dark);border-radius:10px;background:rgba(255,255,255,.42);font-size:8px; }.action-comments button { display:grid;place-items:center;border:0;border-radius:10px;background:var(--accent);color:#fff; }.action-comments button svg { width:13px;height:13px; }
.inspector-actions { display:grid;grid-template-columns:.75fr 1.25fr;gap:7px;margin-top:12px; }.source-link { display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:8px;padding:8px 0;border:0;background:transparent;color:var(--accent-deep);font-size:7px;text-align:left; }.source-link svg { width:12px;height:12px; }

.control-hero { display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-bottom:11px;padding:17px;overflow:hidden;background:radial-gradient(circle at 88% 30%,rgba(19,130,107,.12),transparent 35%),var(--glass); }.control-hero > div:first-child { display:grid;gap:7px; }.control-hero h2 { font-size:20px;font-weight:500;letter-spacing:-.03em; }.control-hero p { color:var(--muted);font-size:9px; }.health-score { display:grid;justify-items:end;gap:2px;min-width:150px;padding:13px 17px;border-left:1px solid var(--line-dark); }.health-score strong { color:var(--green);font-size:28px;font-weight:500;letter-spacing:-.05em; }.health-score span { font-size:8px; }.health-score small { color:var(--muted);font-size:7px; }
.health-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:10px; }.source-health { padding:14px; }.source-health-head { display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center; }.source-health-head > div { display:grid;gap:2px; }.source-health-head strong { font-size:9px; }.source-health-head small { color:var(--muted);font-size:7px; }.health-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px; }.health-metrics span { display:grid;gap:3px; }.health-metrics small { color:var(--muted);font-size:6px; }.health-metrics b { font-size:8px;font-weight:500; }.health-line { height:5px;margin-top:12px;overflow:hidden;border-radius:99px;background:rgba(70,80,91,.1); }.health-line i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b8f7d,var(--green)); }.source-health > p { display:flex;align-items:center;gap:6px;margin-top:9px;color:var(--green);font-size:7px; }.source-health > p svg { width:12px;height:12px; }
.check-list,.freshness-card,.rules-card,.sync-history { padding:15px; }.check-list > div:not(.surface-head) { display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-dark); }.check-list > div > span:nth-child(2) { display:grid;gap:2px; }.check-list strong,.check-list b { font-size:8px;font-weight:500; }.check-list small { color:var(--muted);font-size:7px; }.check-list b { color:var(--green); }
.freshness-card > .surface-head > svg { color:var(--accent-deep); }.freshness-rule { display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line-dark);font-size:8px; }.freshness-rule span { color:var(--muted); }.freshness-rule b { font-weight:500; }
.rules-card .surface-head { margin-bottom:10px; }.rule-list { display:grid;gap:6px; }.rule-row { display:grid;grid-template-columns:36px minmax(180px,1fr) minmax(120px,.6fr) auto auto 30px;gap:9px;align-items:center;padding:10px;border:1px solid var(--line-dark);border-radius:13px;background:rgba(255,255,255,.27); }.rule-row.is-new { animation:page-enter .45s ease both; }.rule-icon { display:grid;place-items:center;width:32px;height:32px;border-radius:10px; }.rule-icon.ruby { background:var(--accent-soft);color:var(--accent-deep); }.rule-icon.amber { background:var(--amber-soft);color:var(--amber); }.rule-icon.blue { background:var(--blue-soft);color:var(--blue); }.rule-icon.green { background:var(--green-soft);color:var(--green); }.rule-icon.grey { background:rgba(81,90,103,.1);color:var(--muted); }.rule-icon svg { width:15px;height:15px; }.rule-row > span:nth-child(2) { display:grid;gap:3px; }.rule-row strong { font-size:8px; }.rule-row small,.rule-row > em { color:var(--muted);font-size:7px;font-style:normal; }.sync-history .surface-head { margin-bottom:10px; }
.wide-modal { width:min(790px,100%); }.rule-sentence { display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:18px 0 5px;color:var(--muted);font-size:9px; }.rule-sentence select,.rule-sentence input { min-height:38px;padding:0 9px;border:1px solid var(--line-dark);border-radius:10px;background:rgba(255,255,255,.55);color:var(--ink);font-size:9px; }.rule-sentence input { width:120px; }.form-grid textarea { width:100%;min-height:78px;padding:10px 11px;border:1px solid var(--line-dark);border-radius:11px;background:rgba(255,255,255,.55);color:var(--ink);font-size:9px; }

.detail-drawer { position:fixed;z-index:70;top:18px;right:18px;display:flex;flex-direction:column;width:min(470px,calc(100vw - 36px));height:calc(100vh - 36px);padding:18px;overflow-y:auto;transform:translateX(calc(100% + 30px));border:1px solid var(--line);border-radius:24px;background:rgba(246,248,250,.9);box-shadow:0 30px 80px rgba(28,34,44,.28);backdrop-filter:blur(30px);transition:transform .48s cubic-bezier(.16,.88,.23,1); }.detail-drawer.is-open { transform:none; }.kpi-detail-body { display:grid;gap:13px;padding-top:14px; }.kpi-detail-value { display:flex;align-items:flex-end;justify-content:space-between;gap:12px; }.kpi-detail-value > span { display:grid;gap:5px; }.kpi-detail-value small { color:var(--muted);font-size:7px; }.kpi-detail-value strong { font-size:25px;font-weight:500;letter-spacing:-.04em; }.kpi-detail-value > em { padding:6px 8px;border-radius:99px;background:var(--green-soft);font-size:7px;font-style:normal; }.detail-trend { display:flex;align-items:end;gap:7px;height:140px;padding:18px 12px 20px;border:1px solid var(--line-dark);border-radius:14px;background:rgba(255,255,255,.3); }.detail-trend > i { position:relative;flex:1;height:var(--h);min-height:20px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--accent),rgba(207,94,112,.32));animation:bar-rise .6s cubic-bezier(.16,.88,.23,1) both; }.detail-trend > i span { position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);color:var(--muted);font-size:6px;font-style:normal; }@keyframes bar-rise { from { height:0;opacity:0; } }
.detail-breakdown > div:last-child { display:grid;gap:6px; }.detail-breakdown > div:last-child button { display:grid;grid-template-columns:1fr auto auto 16px;gap:8px;align-items:center;width:100%;padding:10px;border:1px solid var(--line-dark);border-radius:11px;background:rgba(255,255,255,.32);color:var(--ink);text-align:left; }.detail-breakdown button > span { display:flex;align-items:center;gap:7px; }.detail-breakdown strong,.detail-breakdown b { font-size:8px;font-weight:500; }.detail-breakdown small { color:var(--muted);font-size:7px; }.detail-breakdown svg { width:12px;height:12px;color:var(--muted); }.related-actions { display:grid;gap:7px; }.related-actions button { display:grid;grid-template-columns:34px 1fr 15px;gap:8px;align-items:center;padding:10px;border:1px solid rgba(196,126,24,.18);border-radius:12px;background:var(--amber-soft);color:var(--ink);text-align:left; }.related-actions button > span:nth-child(2) { display:grid;gap:3px; }.related-actions strong { font-size:8px; }.related-actions small { color:var(--muted);font-size:7px; }.related-actions > button > svg { width:12px;height:12px; }

.command-dialog { overflow:hidden; }.command-hints { display:flex;gap:6px;padding:9px 13px 0;overflow-x:auto; }.command-hints button { flex:0 0 auto;min-height:27px;padding:5px 8px;border:1px solid var(--line-dark);border-radius:99px;background:rgba(255,255,255,.36);color:var(--muted);font-size:7px; }.command-results { max-height:52vh;overflow-y:auto; }.command-results button { grid-template-columns:34px 1fr auto 16px; }.command-results button.is-keyboard-selected { background:rgba(207,94,112,.1);box-shadow:inset 3px 0 0 var(--accent); }.search-result-icon { display:grid!important;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent-deep); }.search-result-icon.pipeco { background:rgba(79,150,170,.13);color:#3e7b8d; }.search-result-icon.anchor { background:rgba(80,129,113,.13);color:#447263; }.search-result-icon.group { background:rgba(76,88,106,.1);color:var(--muted); }.search-result-icon svg { width:15px;height:15px; }.command-results button > em { color:var(--faint);font-size:7px;font-style:normal; }.command-results button > svg { width:12px;height:12px; }.command-footer { display:flex;gap:13px;align-items:center;padding:9px 14px;border-top:1px solid var(--line-dark);color:var(--faint);font-size:7px; }.command-footer span:last-child { margin-left:auto; }.command-footer kbd { padding:2px 4px;border:1px solid var(--line-dark);border-radius:4px;background:rgba(255,255,255,.46);font-size:6px; }.empty-search { display:grid;justify-items:center;gap:5px;padding:28px;color:var(--muted);text-align:center; }.empty-search svg { width:26px;height:26px;color:var(--accent); }.empty-search strong { font-size:9px; }.empty-search span { font-size:7px; }

.workspace-kpi { border:1px solid var(--line-dark);background:rgba(255,255,255,.28);color:var(--ink);text-align:left; }.workspace-kpi:hover { background:rgba(255,255,255,.52); }.module-group div button { padding:5px 7px;border:0;border-radius:8px;background:rgba(255,255,255,.47);color:var(--muted);font-size:8px; }.module-group div button:hover { color:var(--accent-deep);background:var(--accent-soft); }.report-row.is-selected { background:rgba(207,94,112,.09)!important; }.user-avatar.small { width:26px;height:26px;border-radius:8px;font-size:7px; }

@media (max-width: 1250px) {
  .target-strip { grid-template-columns:repeat(4,1fr); }.target-intro { grid-column:1/-1; }.action-command-grid { grid-template-columns:minmax(0,1fr) 330px; }.rule-row { grid-template-columns:36px minmax(160px,1fr) auto auto 30px; }.rule-row > em { display:none; }
}

@media (max-width: 1050px) {
  .action-command-grid { grid-template-columns:1fr; }.action-inspector { position:relative;top:auto;min-height:0; }.intel-split { grid-template-columns:1fr!important; }.health-grid { grid-template-columns:1fr; }.source-health { display:grid;grid-template-columns:1fr; }.target-strip { grid-template-columns:repeat(2,1fr); }.target-intro { grid-column:1/-1; }
}

@media (max-width: 720px) {
  .target-strip { grid-template-columns:1fr; }.target-intro { grid-column:auto; }.action-filters { align-items:stretch;flex-direction:column; }.action-filters .compact-search { width:100%; }.segmented.compact { overflow-x:auto; }.action-item { grid-template-columns:4px minmax(0,1fr) 16px; }.action-item > b { grid-column:2;grid-row:2; }.action-item > svg { grid-column:3;grid-row:1/3; }.action-meta { flex-wrap:wrap; }.action-inspector { padding:13px; }.action-facts { grid-template-columns:1fr; }.health-score { justify-items:start;padding-left:0;border-left:0;border-top:1px solid var(--line-dark); }.control-hero { grid-template-columns:1fr; }.control-toolbar { align-items:stretch; }.control-toolbar .segmented { overflow-x:auto; }.rule-row { grid-template-columns:32px 1fr auto; }.rule-row > .status-pill { grid-column:2; }.rule-row > label { grid-column:3;grid-row:1; }.rule-row > button { grid-column:3;grid-row:2; }.health-metrics { grid-template-columns:1fr 1fr 1fr; }.detail-drawer { top:9px;right:9px;width:calc(100vw - 18px);height:calc(100vh - 18px);border-radius:20px; }.kpi-detail-value { align-items:flex-start;flex-direction:column; }.command-overlay { padding:18px 8px; }.command-dialog { max-height:calc(100vh - 36px); }.command-results { max-height:58vh; }.command-footer span:last-child { display:none; }.risk-list > button { grid-template-columns:1fr auto; }.risk-list > button > em { grid-column:2; }.intelligence-toolbar .segmented { width:100%;overflow-x:auto; }.intelligence-toolbar .toolbar-actions { width:100%; }.intelligence-toolbar .toolbar-actions button { flex:1; }
}

/* Noor Group OS supplied wordmark */
.os-wordmark { display:block;object-fit:contain;border-radius:9px;background:#fff;box-shadow:0 6px 18px rgba(26,31,39,.13); }
.os-wordmark-sidebar { display:grid;place-items:center;width:88px;min-height:38px;margin-bottom:12px;padding:5px;border:1px solid rgba(255,255,255,.75);border-radius:12px;background:#fff;box-shadow:0 9px 24px rgba(33,39,49,.13);transition:transform .25s ease,box-shadow .25s ease; }
.os-wordmark-sidebar:hover { transform:translateY(-2px);box-shadow:0 13px 28px rgba(33,39,49,.17); }
.os-wordmark-sidebar img { display:block;width:100%;height:auto;border-radius:7px; }
.document-head { justify-content:space-between; }
.document-logo { width:118px;height:30px;padding:3px 5px; }
.email-brand { display:grid;justify-items:start;gap:4px; }
.email-logo { width:112px;height:28px;padding:3px 5px;box-shadow:none;border:1px solid #edf0f2; }
.auth-brand-top { align-items:flex-start;flex-direction:column;gap:7px; }
.auth-logo { width:210px;height:52px;padding:5px 8px;border-radius:12px;box-shadow:0 15px 30px rgba(34,23,27,.2); }

@media (max-width: 1180px) {
  .os-wordmark-sidebar { width:72px;min-height:34px;padding:4px; }
}

@media (max-width: 940px) {
  .os-wordmark-sidebar { width:58px;min-height:31px;margin-bottom:10px;padding:3px; }
}

@media (max-width: 720px) {
  .sidebar > .os-wordmark-sidebar { display:none; }
  .auth-logo { width:188px;height:47px; }
}

/* Graphite command-centre redesign */
html { background:#111317; }
body.theme-graphite {
  color-scheme:dark;
  --accent:#d2b273;
  --accent-deep:#b08c4f;
  --accent-soft:rgba(210,178,115,.14);
  --ink:#f2f1ed;
  --muted:#a9afb8;
  --faint:#7d848e;
  --glass:rgba(34,37,43,.82);
  --glass-strong:rgba(40,43,50,.94);
  --glass-soft:rgba(255,255,255,.045);
  --line:rgba(255,255,255,.115);
  --line-dark:rgba(255,255,255,.085);
  --green:#70b69d;
  --green-soft:rgba(112,182,157,.13);
  --amber:#d3a35f;
  --amber-soft:rgba(211,163,95,.14);
  --blue:#7c9fbe;
  --blue-soft:rgba(124,159,190,.14);
  --shadow:0 34px 100px rgba(0,0,0,.42);
  --shadow-soft:0 14px 34px rgba(0,0,0,.2);
  background:
    radial-gradient(circle at 82% 8%,rgba(210,178,115,.1),transparent 24%),
    radial-gradient(circle at 8% 92%,rgba(78,109,116,.12),transparent 28%),
    linear-gradient(145deg,#111317 0%,#22252b 47%,#16181c 100%);
  color:var(--ink);
}
.theme-graphite .ambient span { border-color:rgba(255,255,255,.07);box-shadow:inset 0 0 80px rgba(255,255,255,.025); }
.theme-graphite .ambient span:nth-child(2) { background:rgba(210,178,115,.08); }
.theme-graphite .ambient span:nth-child(3) { background:rgba(89,143,132,.07); }
.theme-graphite .app-shell { border-color:rgba(255,255,255,.1);background:rgba(20,22,27,.86);box-shadow:0 38px 110px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(32px) saturate(115%); }
.theme-graphite .sidebar { border-right-color:rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(12,14,17,.88),rgba(25,27,32,.82)); }
.theme-graphite .app-main { background:radial-gradient(circle at 100% 0,rgba(210,178,115,.035),transparent 27%); }
.theme-graphite .topbar { padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.055); }
.theme-graphite .page-heading h1 { font-weight:500;letter-spacing:-.045em; }
.theme-graphite .eyebrow,.theme-graphite .section-label { color:#c7a968; }
.theme-graphite .system-strip { border-color:rgba(255,255,255,.07);background:rgba(8,10,13,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.theme-graphite .icon-button,.theme-graphite .profile-button,.theme-graphite .icon-plain { border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.theme-graphite .icon-button:hover,.theme-graphite .profile-button:hover,.theme-graphite .icon-plain:hover { background:rgba(255,255,255,.075); }
.theme-graphite .profile-button span { background:linear-gradient(145deg,#d7bd87,#a98246);color:#17191d; }
.theme-graphite .nav-item,.theme-graphite .utility-button { color:#8e949d; }
.theme-graphite .nav-item:hover,.theme-graphite .utility-button:hover { color:#f3f1ec;background:rgba(255,255,255,.055); }
.theme-graphite .nav-item.is-active { color:#17191d;border-color:rgba(255,255,255,.11);background:linear-gradient(145deg,#ddc48e,#b79050);box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.32); }
.theme-graphite .nav-item.is-active b { background:#17191d;color:#e0c48d; }
.theme-graphite .nav-item b { background:#d2b273;color:#17191d; }
.theme-graphite .utility-button { border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035); }

.theme-graphite .os-wordmark-sidebar { border:0;background:transparent;box-shadow:none; }
.theme-graphite .os-wordmark-sidebar:hover { box-shadow:none; }
.theme-graphite .os-wordmark-sidebar img,.theme-graphite .auth-logo { filter:invert(1);mix-blend-mode:screen;opacity:.94;background:transparent;box-shadow:none; }
.theme-graphite .document-logo,.theme-graphite .email-logo { filter:none;mix-blend-mode:multiply;background:transparent;border:0;box-shadow:none; }

.theme-graphite .surface,.theme-graphite .kpi-card,.theme-graphite .company-card,.theme-graphite .workspace-card,.theme-graphite .mini-stat,.theme-graphite .approval-summary article,.theme-graphite .email-device { border-color:rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(42,45,52,.88),rgba(29,32,37,.84));box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(22px) saturate(108%); }
.theme-graphite .surface { border-radius:18px; }
.theme-graphite .executive-pulse { background:radial-gradient(circle at 8% 20%,rgba(210,178,115,.1),transparent 32%),linear-gradient(145deg,rgba(44,47,54,.94),rgba(27,30,35,.9)); }
.theme-graphite .management-queue { background:linear-gradient(145deg,rgba(37,40,47,.94),rgba(25,28,33,.92)); }
.theme-graphite .pulse-score { background:conic-gradient(var(--accent) 0 84%,rgba(255,255,255,.075) 84%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); }
.theme-graphite .queue-row,.theme-graphite .timeline-item,.theme-graphite .workspace-kpi,.theme-graphite .module-group,.theme-graphite .audit-list > div { border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.025); }
.theme-graphite .queue-row:hover,.theme-graphite .workspace-kpi:hover { background:rgba(255,255,255,.06); }
.theme-graphite .kpi-card::after { background:rgba(210,178,115,.08); }
.theme-graphite .kpi-card::before { content:"";position:absolute;left:13px;right:13px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(210,178,115,.55),transparent); }
.theme-graphite .kpi-card.is-clickable:hover,.theme-graphite .kpi-card.is-clickable:focus-visible { border-color:rgba(210,178,115,.3);box-shadow:0 20px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07); }
.theme-graphite .mini-bars i { background:linear-gradient(to top,rgba(210,178,115,.14),#d2b273); }
.theme-graphite .meter { background:rgba(255,255,255,.07); }.theme-graphite .meter span { background:linear-gradient(90deg,#a98549,#dfc88f); }
.theme-graphite .progress-ring { background:radial-gradient(circle 12px,#24272d 96%,transparent 100%),conic-gradient(var(--green) 0 71%,rgba(255,255,255,.08) 71%); }
.theme-graphite .grid-lines path { stroke:rgba(255,255,255,.075); }.theme-graphite .plan-line { stroke:#6f7782; }.theme-graphite .chart-points circle { fill:#25282e; }
.theme-graphite .legend i.grey { background:#747c87; }
.theme-graphite .company-card:hover { background:linear-gradient(145deg,rgba(52,55,63,.96),rgba(34,37,43,.94));box-shadow:0 22px 48px rgba(0,0,0,.28); }
.theme-graphite .company-monogram.bms { background:linear-gradient(145deg,#d8bc84,#9e793d);color:#181a1e; }.theme-graphite .company-monogram.pipeco { background:linear-gradient(145deg,#83a7b6,#4f7584); }.theme-graphite .company-monogram.anchor { background:linear-gradient(145deg,#7fa791,#4b705f); }
.theme-graphite .workspace-card.is-selected { border-color:rgba(210,178,115,.31);background:linear-gradient(145deg,rgba(65,59,46,.82),rgba(36,37,39,.88));box-shadow:0 14px 34px rgba(0,0,0,.22); }
.theme-graphite .module-group div button,.theme-graphite .permission-chips span,.theme-graphite .integration-scope em { background:rgba(255,255,255,.055);color:#b5bac2; }
.theme-graphite .module-group div button:hover { color:#e2c991;background:rgba(210,178,115,.12); }

.theme-graphite .company-switcher button,.theme-graphite .quiet-button,.theme-graphite .secondary-button { border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035); }
.theme-graphite .company-switcher button.is-active,.theme-graphite .primary-button,.theme-graphite .auth-primary { color:#17191d;border-color:rgba(255,255,255,.1);background:linear-gradient(135deg,#ddc58f,#ad874b);box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.32); }
.theme-graphite .segmented { border-color:rgba(255,255,255,.08);background:rgba(10,12,15,.32); }
.theme-graphite .segmented button.is-active { color:#17191d;border-color:rgba(255,255,255,.08);background:#d6bb82;box-shadow:0 7px 16px rgba(0,0,0,.22); }
.theme-graphite .compact-search,.theme-graphite .form-grid input,.theme-graphite .form-grid select,.theme-graphite .form-grid textarea,.theme-graphite .rule-sentence select,.theme-graphite .rule-sentence input,.theme-graphite .action-comments input { border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:var(--ink); }
.theme-graphite select option { color:#1d2025;background:#f4f3ef; }
.theme-graphite .target-strip > button,.theme-graphite .source-health,.theme-graphite .rule-row,.theme-graphite .action-item,.theme-graphite .report-row { border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.025); }
.theme-graphite .target-strip > button:hover,.theme-graphite .report-row:hover,.theme-graphite .action-item:hover { background:rgba(255,255,255,.06); }
.theme-graphite .action-item.is-selected,.theme-graphite .report-row.is-selected { border-color:rgba(210,178,115,.27);background:rgba(210,178,115,.08)!important;box-shadow:inset 3px 0 0 #d2b273; }
.theme-graphite .action-value,.theme-graphite .approval-value { background:linear-gradient(145deg,rgba(210,178,115,.15),rgba(210,178,115,.06)); }
.theme-graphite .control-hero { background:radial-gradient(circle at 88% 30%,rgba(112,182,157,.09),transparent 35%),linear-gradient(145deg,rgba(42,45,52,.9),rgba(28,31,36,.88)); }
.theme-graphite .health-line,.theme-graphite .factory-row > i,.theme-graphite .target-strip > button > i { background:rgba(255,255,255,.075); }
.theme-graphite .funnel > div { color:#181a1e;border-color:rgba(255,255,255,.14);background:linear-gradient(90deg,#d8bf89,#a78348);box-shadow:0 9px 22px rgba(0,0,0,.2); }
.theme-graphite .rank { color:#e2ca94;background:rgba(210,178,115,.12); }

.theme-graphite .drawer,.theme-graphite .approval-drawer,.theme-graphite .detail-drawer,.theme-graphite .command-dialog,.theme-graphite .modal,.theme-graphite .profile-menu { border-color:rgba(255,255,255,.1);background:rgba(27,30,35,.96);box-shadow:0 34px 100px rgba(0,0,0,.55);color:var(--ink); }
.theme-graphite .command-overlay,.theme-graphite .modal-backdrop,.theme-graphite .auth-overlay { background:rgba(4,6,9,.58);backdrop-filter:blur(15px); }
.theme-graphite .notification-list button,.theme-graphite .command-hints button,.theme-graphite .detail-breakdown > div:last-child button { border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:var(--ink); }
.theme-graphite .command-results button:hover,.theme-graphite .command-results button.is-keyboard-selected { background:rgba(210,178,115,.085);box-shadow:inset 3px 0 0 #d2b273; }
.theme-graphite .command-input kbd,.theme-graphite .command-results kbd,.theme-graphite .command-footer kbd { border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05); }
.theme-graphite .search-result-icon { color:#d9be87;background:rgba(210,178,115,.12); }
.theme-graphite .row-action { border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04); }

.theme-graphite .auth-window { border-color:rgba(255,255,255,.1);background:#1e2126;box-shadow:0 40px 120px rgba(0,0,0,.62); }
.theme-graphite .auth-brand { background:radial-gradient(circle at 95% 0,rgba(210,178,115,.13),transparent 34%),linear-gradient(145deg,#22252a,#111317 66%,#0b0d10); }
.theme-graphite .auth-form-wrap { background:radial-gradient(circle at 50% 0,rgba(210,178,115,.055),transparent 36%); }
.theme-graphite .auth-card { border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035);box-shadow:0 20px 50px rgba(0,0,0,.3); }
.theme-graphite .auth-secondary,.theme-graphite .auth-step label > div,.theme-graphite .otp-row input { border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:var(--ink); }

.theme-graphite .report-document,.theme-graphite .email-preview {
  --ink:#181a1e;
  --muted:#6b7179;
  --faint:#8a9098;
  color:var(--ink);
  background:#f5f3ee;
}
.theme-graphite .email-device { background:#1b1e23; }
.theme-graphite .email-browser em { background:rgba(255,255,255,.07); }
.theme-graphite .email-stats span,.theme-graphite .document-stat-row span { background:#e9e7e1; }
.theme-graphite .email-callout { color:#6f5932;background:#eee6d5; }.theme-graphite .email-callout p { color:#6f6657; }
.theme-graphite .email-company-row span { border-color:#dedbd3; }
.theme-graphite .email-preview > button { color:#17191d;background:linear-gradient(135deg,#d6bc83,#ac874b); }
.theme-graphite .email-footer { border-top-color:#dedbd3; }
.theme-graphite .document-bars i { background:linear-gradient(90deg,#b28e52,#d6bd87); }
.theme-graphite .node { color:#f1f0eb;background:#292c32;box-shadow:0 12px 28px rgba(0,0,0,.26); }.theme-graphite .node.group { color:#17191d;background:linear-gradient(145deg,#ddc58f,#ad874b); }

@media (max-width:720px) {
  .theme-graphite .sidebar { border-color:rgba(255,255,255,.09);background:rgba(17,19,23,.94);box-shadow:0 18px 44px rgba(0,0,0,.44); }
}

/* Light slate-blue redesign */
html { background:#d8e0e8; }
body.theme-slate {
  color-scheme:light;
  --accent:#5d7fa3;
  --accent-deep:#3f6287;
  --accent-soft:rgba(93,127,163,.13);
  --ink:#1c2733;
  --muted:#657383;
  --faint:#8b97a4;
  --glass:rgba(255,255,255,.69);
  --glass-strong:rgba(249,251,253,.92);
  --glass-soft:rgba(255,255,255,.38);
  --line:rgba(255,255,255,.78);
  --line-dark:rgba(45,65,84,.11);
  --green:#2f8874;
  --green-soft:rgba(47,136,116,.12);
  --amber:#ac7529;
  --amber-soft:rgba(172,117,41,.12);
  --blue:#5d7fa3;
  --blue-soft:rgba(93,127,163,.13);
  --shadow:0 30px 90px rgba(46,64,82,.22);
  --shadow-soft:0 12px 30px rgba(49,68,88,.1);
  background:
    radial-gradient(circle at 83% 8%,rgba(107,150,190,.22),transparent 29%),
    radial-gradient(circle at 8% 88%,rgba(132,158,173,.18),transparent 31%),
    linear-gradient(145deg,#dce4eb 0%,#edf1f5 48%,#cbd5df 100%);
  color:var(--ink);
}
.theme-slate .ambient span { border-color:rgba(255,255,255,.55);box-shadow:inset 0 0 70px rgba(255,255,255,.1); }
.theme-slate .ambient span:nth-child(2) { background:rgba(76,119,162,.12); }
.theme-slate .ambient span:nth-child(3) { background:rgba(63,129,126,.09); }
.theme-slate .app-shell { border-color:rgba(255,255,255,.83);background:rgba(235,241,246,.68);box-shadow:0 30px 90px rgba(46,64,82,.24),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(32px) saturate(120%); }
.theme-slate .sidebar { border-right-color:rgba(54,75,95,.1);background:linear-gradient(180deg,rgba(228,235,242,.72),rgba(216,225,234,.64)); }
.theme-slate .app-main { background:radial-gradient(circle at 100% 0,rgba(91,132,170,.07),transparent 30%); }
.theme-slate .topbar { padding-bottom:12px;border-bottom:1px solid rgba(62,82,101,.07); }
.theme-slate .page-heading h1 { color:#16212c;font-weight:500;letter-spacing:-.045em; }
.theme-slate .eyebrow,.theme-slate .section-label { color:#3f6287; }
.theme-slate .system-strip { border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.72); }
.theme-slate .icon-button,.theme-slate .profile-button,.theme-slate .icon-plain { border-color:rgba(255,255,255,.76);background:rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.74); }
.theme-slate .icon-button:hover,.theme-slate .profile-button:hover,.theme-slate .icon-plain:hover { background:rgba(255,255,255,.64); }
.theme-slate .profile-button span { background:linear-gradient(145deg,#85a5c3,#4d7398);color:#fff; }
.theme-slate .nav-item,.theme-slate .utility-button { color:#647281; }
.theme-slate .nav-item:hover,.theme-slate .utility-button:hover { color:#1d2a36;background:rgba(255,255,255,.43); }
.theme-slate .nav-item.is-active { color:#fff;border-color:rgba(255,255,255,.38);background:linear-gradient(145deg,#7496b6,#456b91);box-shadow:0 10px 24px rgba(55,87,116,.22),inset 0 1px 0 rgba(255,255,255,.28); }
.theme-slate .nav-item.is-active b { background:#fff;color:#3f6287; }
.theme-slate .nav-item b { background:#5d7fa3;color:#fff; }
.theme-slate .utility-button { border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.29); }

.theme-slate .os-wordmark-sidebar { border:0;background:transparent;box-shadow:none; }
.theme-slate .os-wordmark-sidebar:hover { box-shadow:none; }
.theme-slate .os-wordmark-sidebar img,.theme-slate .document-logo,.theme-slate .email-logo { filter:none;mix-blend-mode:multiply;opacity:.9;background:transparent;border:0;box-shadow:none; }
.theme-slate .auth-logo { filter:invert(1);mix-blend-mode:screen;opacity:.94;background:transparent;box-shadow:none; }

.theme-slate .surface,.theme-slate .kpi-card,.theme-slate .company-card,.theme-slate .workspace-card,.theme-slate .mini-stat,.theme-slate .approval-summary article,.theme-slate .email-device { border-color:rgba(255,255,255,.77);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(238,243,247,.62));box-shadow:0 12px 30px rgba(49,68,88,.1),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(22px) saturate(115%); }
.theme-slate .surface { border-radius:18px; }
.theme-slate .executive-pulse { background:radial-gradient(circle at 8% 20%,rgba(93,127,163,.1),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.8),rgba(235,241,246,.68)); }
.theme-slate .management-queue { background:linear-gradient(145deg,rgba(250,252,253,.82),rgba(232,238,244,.7)); }
.theme-slate .pulse-score { background:conic-gradient(var(--accent) 0 84%,rgba(76,95,113,.1) 84%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.52); }
.theme-slate .queue-row,.theme-slate .workspace-kpi,.theme-slate .module-group,.theme-slate .audit-list > div { border-color:rgba(52,72,91,.09);background:rgba(255,255,255,.3); }
.theme-slate .queue-row:hover,.theme-slate .workspace-kpi:hover { background:rgba(255,255,255,.62); }
.theme-slate .kpi-card::after { background:rgba(93,127,163,.09); }
.theme-slate .kpi-card::before { content:"";position:absolute;left:13px;right:13px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(93,127,163,.42),transparent); }
.theme-slate .kpi-card.is-clickable:hover,.theme-slate .kpi-card.is-clickable:focus-visible { border-color:rgba(93,127,163,.27);box-shadow:0 20px 42px rgba(51,73,94,.16),inset 0 1px 0 rgba(255,255,255,.9); }
.theme-slate .mini-bars i { background:linear-gradient(to top,rgba(93,127,163,.17),#5d7fa3); }
.theme-slate .meter { background:rgba(69,89,108,.1); }.theme-slate .meter span { background:linear-gradient(90deg,#476c92,#87a8c4); }
.theme-slate .progress-ring { background:radial-gradient(circle 12px,rgba(248,250,252,.98) 96%,transparent 100%),conic-gradient(var(--green) 0 71%,rgba(72,93,113,.11) 71%); }
.theme-slate .grid-lines path { stroke:rgba(71,93,114,.11); }.theme-slate .plan-line { stroke:#8794a1; }.theme-slate .chart-points circle { fill:#f6f8fa; }
.theme-slate .company-card:hover { background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(238,243,247,.82));box-shadow:0 20px 42px rgba(49,70,90,.15); }
.theme-slate .company-monogram.bms { background:linear-gradient(145deg,#7f9fbd,#456b91); }.theme-slate .company-monogram.pipeco { background:linear-gradient(145deg,#83b2c0,#4c8190); }.theme-slate .company-monogram.anchor { background:linear-gradient(145deg,#83aa99,#4d7766); }
.theme-slate .workspace-card.is-selected { border-color:rgba(93,127,163,.28);background:linear-gradient(145deg,rgba(239,246,251,.95),rgba(218,231,241,.8));box-shadow:0 14px 32px rgba(56,87,116,.13); }
.theme-slate .module-group div button,.theme-slate .permission-chips span,.theme-slate .integration-scope em { background:rgba(255,255,255,.55);color:#5f6f7f; }
.theme-slate .module-group div button:hover { color:#385c83;background:rgba(93,127,163,.12); }

.theme-slate .company-switcher button,.theme-slate .quiet-button,.theme-slate .secondary-button { border-color:rgba(255,255,255,.73);background:rgba(255,255,255,.34); }
.theme-slate .company-switcher button.is-active,.theme-slate .primary-button,.theme-slate .auth-primary { color:#fff;border-color:rgba(255,255,255,.3);background:linear-gradient(135deg,#6f91b2,#41668c);box-shadow:0 9px 21px rgba(55,86,115,.2),inset 0 1px 0 rgba(255,255,255,.25); }
.theme-slate .segmented { border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.25); }
.theme-slate .segmented button.is-active { color:#1c2a37;border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.86);box-shadow:0 6px 15px rgba(47,68,88,.09); }
.theme-slate .compact-search,.theme-slate .form-grid input,.theme-slate .form-grid select,.theme-slate .form-grid textarea,.theme-slate .rule-sentence select,.theme-slate .rule-sentence input,.theme-slate .action-comments input { border-color:rgba(48,68,87,.12);background:rgba(255,255,255,.54);color:var(--ink); }
.theme-slate button:focus-visible,.theme-slate input:focus-visible,.theme-slate select:focus-visible,.theme-slate textarea:focus-visible { outline-color:rgba(93,127,163,.28); }
.theme-slate .target-strip > button,.theme-slate .source-health,.theme-slate .rule-row,.theme-slate .action-item,.theme-slate .report-row { border-color:rgba(51,72,91,.09);background:rgba(255,255,255,.28); }
.theme-slate .target-strip > button:hover,.theme-slate .report-row:hover,.theme-slate .action-item:hover { background:rgba(255,255,255,.62); }
.theme-slate .action-item.is-selected,.theme-slate .report-row.is-selected { border-color:rgba(93,127,163,.25);background:rgba(93,127,163,.08)!important;box-shadow:inset 3px 0 0 #5d7fa3; }
.theme-slate .action-value,.theme-slate .approval-value { background:linear-gradient(145deg,rgba(93,127,163,.14),rgba(93,127,163,.05)); }
.theme-slate .control-hero { background:radial-gradient(circle at 88% 30%,rgba(47,136,116,.09),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.77),rgba(233,240,245,.68)); }
.theme-slate .health-line,.theme-slate .factory-row > i,.theme-slate .target-strip > button > i { background:rgba(58,79,98,.1); }
.theme-slate .funnel > div { color:#fff;border-color:rgba(255,255,255,.24);background:linear-gradient(90deg,#7496b5,#466c92);box-shadow:0 9px 20px rgba(55,83,109,.15); }
.theme-slate .rank { color:#3f6287;background:rgba(93,127,163,.12); }

.theme-slate .drawer,.theme-slate .approval-drawer,.theme-slate .detail-drawer,.theme-slate .command-dialog,.theme-slate .modal,.theme-slate .profile-menu { border-color:rgba(255,255,255,.78);background:rgba(242,247,250,.94);box-shadow:0 30px 85px rgba(40,57,75,.25);color:var(--ink); }
.theme-slate .command-overlay,.theme-slate .modal-backdrop,.theme-slate .auth-overlay { background:rgba(45,58,72,.23);backdrop-filter:blur(14px); }
.theme-slate .notification-list button,.theme-slate .command-hints button,.theme-slate .detail-breakdown > div:last-child button { border-color:rgba(47,68,87,.1);background:rgba(255,255,255,.48);color:var(--ink); }
.theme-slate .command-results button:hover,.theme-slate .command-results button.is-keyboard-selected { background:rgba(93,127,163,.09);box-shadow:inset 3px 0 0 #5d7fa3; }
.theme-slate .command-input kbd,.theme-slate .command-results kbd,.theme-slate .command-footer kbd { border-color:rgba(47,68,87,.12);background:rgba(255,255,255,.55); }
.theme-slate .search-result-icon { color:#3f6287;background:rgba(93,127,163,.12); }
.theme-slate .row-action { border-color:rgba(48,69,88,.11);background:rgba(255,255,255,.45); }

.theme-slate .auth-window { border-color:rgba(255,255,255,.6);background:#edf2f6;box-shadow:0 34px 100px rgba(39,56,73,.35); }
.theme-slate .auth-brand { background:radial-gradient(circle at 95% 0,rgba(149,183,213,.2),transparent 34%),linear-gradient(145deg,#496b8b,#263d54 68%,#192a3a); }
.theme-slate .auth-form-wrap { background:radial-gradient(circle at 50% 0,rgba(93,127,163,.09),transparent 36%); }
.theme-slate .auth-card { border-color:rgba(255,255,255,.78);background:rgba(255,255,255,.55);box-shadow:0 18px 44px rgba(50,70,90,.14); }
.theme-slate .auth-secondary,.theme-slate .auth-step label > div,.theme-slate .otp-row input { border-color:rgba(47,68,87,.12);background:rgba(255,255,255,.52);color:var(--ink); }

.theme-slate .report-document,.theme-slate .email-preview { color:#1c2733;background:#fff; }
.theme-slate .email-device { background:rgba(225,233,240,.82); }
.theme-slate .email-callout { color:#385c83;background:#e9f0f6; }.theme-slate .email-callout p { color:#607487; }
.theme-slate .email-preview > button { color:#fff;background:linear-gradient(135deg,#6f91b2,#41668c); }
.theme-slate .document-bars i { background:linear-gradient(90deg,#4a7096,#84a6c2); }
.theme-slate .node { color:#2a3a49;background:#fff;box-shadow:0 10px 24px rgba(47,67,87,.14); }.theme-slate .node.group { color:#fff;background:linear-gradient(145deg,#7496b5,#456b91); }

@media (max-width:720px) {
  .theme-slate .sidebar { border-color:rgba(255,255,255,.8);background:rgba(231,237,243,.92);box-shadow:0 16px 40px rgba(48,67,86,.2); }
}

/* Premium glass command-centre theme — inspired by the supplied UI reference */
html { background:#0b1119; }
body.theme-glass {
  color-scheme:dark;
  --accent:#79a9ff;
  --accent-deep:#a9c8ff;
  --accent-soft:rgba(121,169,255,.14);
  --ink:#f3f6fb;
  --muted:rgba(220,229,240,.63);
  --faint:rgba(214,224,237,.43);
  --glass:rgba(14,24,36,.48);
  --glass-strong:rgba(14,23,35,.9);
  --glass-soft:rgba(255,255,255,.055);
  --line:rgba(255,255,255,.12);
  --line-dark:rgba(255,255,255,.075);
  --green:#68d4aa;
  --green-soft:rgba(104,212,170,.13);
  --amber:#f1b968;
  --amber-soft:rgba(241,185,104,.14);
  --blue:#79a9ff;
  --blue-soft:rgba(121,169,255,.14);
  --shadow:0 36px 110px rgba(0,0,0,.46);
  --shadow-soft:0 16px 42px rgba(0,0,0,.24);
  --sidebar:84px;
  min-height:100vh;
  background:
    linear-gradient(115deg,rgba(4,9,15,.73) 0%,rgba(7,13,21,.47) 46%,rgba(5,10,17,.65) 100%),
    radial-gradient(circle at 72% 14%,rgba(77,126,201,.14),transparent 34%),
    url("assets/noor-command-centre-bg.jpg") center / cover fixed no-repeat;
  color:var(--ink);
}
.theme-glass .ambient { opacity:.34; }
.theme-glass .ambient span { border-color:rgba(134,181,255,.11);box-shadow:inset 0 0 90px rgba(83,137,221,.07); }
.theme-glass .ambient span:nth-child(1) { width:620px;height:620px;right:-250px;top:-290px; }
.theme-glass .ambient span:nth-child(2) { background:rgba(52,110,207,.16);filter:blur(64px); }
.theme-glass .ambient span:nth-child(3) { background:rgba(67,188,157,.1);filter:blur(68px); }
.theme-glass .app-shell {
  grid-template-columns:var(--sidebar) minmax(0,1fr);
  width:calc(100% - 48px);
  max-width:1760px;
  min-height:calc(100vh - 48px);
  margin:24px auto;
  overflow:visible;
  border:1px solid rgba(255,255,255,.13);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(11,19,29,.5),rgba(12,20,31,.32));
  box-shadow:0 45px 130px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(22px) saturate(115%);
  -webkit-backdrop-filter:blur(22px) saturate(115%);
}
.theme-glass .sidebar {
  align-self:stretch;
  min-height:0;
  margin:14px 8px 14px 14px;
  padding:12px 8px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:25px;
  background:linear-gradient(180deg,rgba(8,15,24,.76),rgba(10,18,28,.56));
  box-shadow:0 24px 56px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(24px) saturate(120%);
  -webkit-backdrop-filter:blur(24px) saturate(120%);
}
.theme-glass .os-wordmark-sidebar {
  position:relative;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin:0 0 18px;
  padding:0;
  border:1px solid rgba(255,255,255,.15);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(121,169,255,.97),rgba(63,105,174,.95));
  box-shadow:0 12px 28px rgba(38,81,150,.35),inset 0 1px 0 rgba(255,255,255,.3);
  color:#fff;
}
.theme-glass .os-wordmark-sidebar::before { content:"NG";font-size:11px;font-weight:600;letter-spacing:-.02em; }
.theme-glass .os-wordmark-sidebar img { display:none; }
.theme-glass .primary-nav { gap:7px;overflow:visible; }
.theme-glass .nav-item,.theme-glass .utility-button {
  width:46px;
  min-height:44px;
  margin-inline:auto;
  padding:0;
  border-color:transparent;
  border-radius:15px;
  color:rgba(224,233,244,.56);
  background:transparent;
}
.theme-glass .nav-item svg,.theme-glass .utility-button svg { width:18px;height:18px; }
.theme-glass .nav-item > span,.theme-glass .utility-button > span {
  position:absolute;
  left:58px;
  z-index:40;
  width:max-content;
  max-width:180px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:9px;
  background:rgba(9,16,25,.93);
  box-shadow:0 12px 28px rgba(0,0,0,.32);
  color:#edf3fb;
  font-size:10px;
  line-height:1;
  opacity:0;
  pointer-events:none;
  transform:translateX(-6px);
  transition:opacity .18s ease,transform .18s ease;
}
.theme-glass .nav-item:hover > span,.theme-glass .utility-button:hover > span { opacity:1;transform:none; }
.theme-glass .nav-item:hover,.theme-glass .utility-button:hover { color:#fff;background:rgba(255,255,255,.07);transform:translateY(-1px); }
.theme-glass .nav-item.is-active { color:#fff;border-color:rgba(173,203,255,.23);background:linear-gradient(145deg,rgba(121,169,255,.92),rgba(65,107,178,.88));box-shadow:0 10px 26px rgba(47,96,180,.35),inset 0 1px 0 rgba(255,255,255,.26); }
.theme-glass .nav-item b { top:-2px;right:-2px;min-width:17px;height:17px;border:2px solid #152131;background:#f2b966;color:#17202c; }
.theme-glass .nav-item.is-active b { background:#fff;color:#315d9e; }
.theme-glass .sidebar-foot { gap:9px; }
.theme-glass .utility-button { border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04); }
.theme-glass .built-by { gap:0; }
.theme-glass .built-by > span { display:none; }
.theme-glass .built-by img { width:46px;height:24px;padding:3px;border-radius:9px;background:rgba(255,255,255,.9);box-shadow:none; }
.theme-glass .app-main { padding:18px 22px 28px 14px;background:transparent; }
.theme-glass .topbar { min-height:70px;padding:0 2px 13px;border-bottom:1px solid rgba(255,255,255,.075); }
.theme-glass .page-heading h1 { color:#f5f8fd;font-weight:500;letter-spacing:-.045em;text-shadow:0 2px 18px rgba(0,0,0,.28); }
.theme-glass .page-heading p { color:var(--muted); }
.theme-glass .eyebrow,.theme-glass .section-label { color:#91b8ff; }
.theme-glass .icon-button,.theme-glass .profile-button,.theme-glass .icon-plain { border-color:rgba(255,255,255,.11);background:rgba(9,17,27,.43);color:#eef4fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.15);backdrop-filter:blur(18px); }
.theme-glass .icon-button:hover,.theme-glass .profile-button:hover,.theme-glass .icon-plain:hover { background:rgba(255,255,255,.1); }
.theme-glass .icon-button kbd { border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--faint); }
.theme-glass .profile-button span { background:linear-gradient(145deg,#80afff,#3e6ebd);box-shadow:0 7px 18px rgba(35,83,159,.3); }
.theme-glass .icon-button.has-dot::after { border-color:#121e2c;background:#73d5b0; }
.theme-glass .system-strip { min-height:36px;margin:12px 0 15px;border-color:rgba(255,255,255,.09);background:rgba(8,15,24,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.045);color:rgba(218,228,240,.56);backdrop-filter:blur(16px); }
.theme-glass .live-state { color:#75d6b2; }
.theme-glass button:focus-visible,.theme-glass input:focus-visible,.theme-glass select:focus-visible,.theme-glass textarea:focus-visible { outline-color:rgba(121,169,255,.48); }
.theme-glass .quality-badge { display:inline-flex;align-items:center;margin-left:5px;padding:3px 5px;border-radius:99px;font-size:7px;font-style:normal;font-weight:600;letter-spacing:.02em;vertical-align:middle; }
.theme-glass .quality-badge.verified { color:#7ad9b4;background:rgba(104,212,170,.13); }
.theme-glass .quality-badge.estimate { color:#f2bc70;background:rgba(241,185,104,.14); }
.theme-glass .quality-badge.limited { color:#a9c8ff;background:rgba(121,169,255,.14); }
.theme-glass .quality-badge.unavailable { color:rgba(224,232,242,.66);background:rgba(255,255,255,.07); }
.theme-glass .section-label,.theme-glass .eyebrow { font-size:10px; }
.theme-glass .surface-head h2,.theme-glass .toolbar h2,.theme-glass .section-title-row h3 { font-size:15px; }
.theme-glass .kpi-top > span { font-size:11px; }
.theme-glass .kpi-card > strong { font-size:23px; }
.theme-glass .kpi-card > small,.theme-glass .kpi-card p,.theme-glass .meter-legend { font-size:9px;line-height:1.45; }
.theme-glass .queue-row strong,.theme-glass .timeline-item strong,.theme-glass .company-card strong { font-size:10px; }
.theme-glass .queue-row small,.theme-glass .timeline-item p,.theme-glass .timeline-item small,.theme-glass .company-card small { font-size:8px;line-height:1.4; }
.theme-glass .company-metrics b { font-size:12px; }
.theme-glass .company-metrics small { font-size:8px; }
.theme-glass table { font-size:9px;line-height:1.45; }
.theme-glass th { font-size:8px;letter-spacing:.04em; }
.theme-glass td { font-size:9px; }
.theme-glass .drill-hint { font-size:8px; }
.theme-glass .system-strip,.theme-glass .company-switcher button,.theme-glass .quiet-button,.theme-glass .primary-button,.theme-glass .secondary-button,.theme-glass .text-button { font-size:10px; }
.theme-glass .workspace-card strong,.theme-glass .workspace-kpi span,.theme-glass .module-group > strong,.theme-glass .report-row strong,.theme-glass .briefing-card-head strong,.theme-glass .check-row strong,.theme-glass .action-item strong,.theme-glass .rule-row strong,.theme-glass .security-setting strong,.theme-glass .device-row strong { font-size:10px;line-height:1.35; }
.theme-glass .workspace-card small,.theme-glass .workspace-title p,.theme-glass .workspace-kpi small,.theme-glass .module-group button,.theme-glass .report-row small,.theme-glass .report-row em,.theme-glass .briefing-card-head small,.theme-glass .recipient-row,.theme-glass .check-row small,.theme-glass .action-item small,.theme-glass .action-meta,.theme-glass .rule-row small,.theme-glass .rule-row > em,.theme-glass .security-setting small,.theme-glass .device-row small,.theme-glass .audit-list small { font-size:9px;line-height:1.45; }
.theme-glass .mini-stat span,.theme-glass .mini-stat small,.theme-glass .health-metrics small,.theme-glass .health-metrics b,.theme-glass .check-list strong,.theme-glass .check-list small,.theme-glass .check-list b,.theme-glass .freshness-rule,.theme-glass .integration-card,.theme-glass .architecture-steps small { font-size:9px;line-height:1.45; }
.theme-glass .action-facts dt,.theme-glass .action-comments em,.theme-glass .source-link { font-size:8px; }
.theme-glass .action-facts dd,.theme-glass .action-comments strong,.theme-glass .action-comments small { font-size:9px;line-height:1.4; }
.theme-glass .compact-search input,.theme-glass .command-input input { font-size:10px; }
.theme-glass .row-action { min-width:30px;min-height:30px; }
.theme-glass .surface,.theme-glass .kpi-card,.theme-glass .company-card,.theme-glass .workspace-card,.theme-glass .mini-stat,.theme-glass .approval-summary article,.theme-glass .email-device { border-color:rgba(255,255,255,.105);background:linear-gradient(145deg,rgba(18,30,44,.56),rgba(9,17,27,.43));box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%); }
.theme-glass .surface { border-radius:18px; }
.theme-glass .executive-pulse { background:radial-gradient(circle at 10% 12%,rgba(96,152,245,.15),transparent 37%),linear-gradient(145deg,rgba(18,31,46,.64),rgba(8,16,26,.46)); }
.theme-glass .management-queue { background:linear-gradient(145deg,rgba(17,29,43,.62),rgba(9,17,27,.48)); }
.theme-glass .surface-head h2,.theme-glass .toolbar h2,.theme-glass .section-title-row h3 { color:#f4f7fc; }
.theme-glass .queue-row,.theme-glass .timeline-item,.theme-glass .workspace-kpi,.theme-glass .module-group,.theme-glass .audit-list > div { border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.025); }
.theme-glass .queue-row:hover,.theme-glass .workspace-kpi:hover { background:rgba(255,255,255,.07); }
.theme-glass .pulse-score { --score:82%;background:conic-gradient(#76a8ff 0 var(--score),rgba(255,255,255,.075) var(--score));box-shadow:0 14px 38px rgba(29,74,146,.18),inset 0 0 0 1px rgba(255,255,255,.06); }
.theme-glass .pulse-score::before { background:#101b29;box-shadow:inset 0 0 28px rgba(121,169,255,.07); }
.theme-glass .company-switcher button,.theme-glass .quiet-button,.theme-glass .secondary-button { border-color:rgba(255,255,255,.1);background:rgba(10,18,28,.34);color:rgba(225,234,245,.66); }
.theme-glass .company-switcher button:hover,.theme-glass .secondary-button:hover { background:rgba(255,255,255,.08); }
.theme-glass .company-switcher button.is-active,.theme-glass .primary-button,.theme-glass .auth-primary { color:#fff;border-color:rgba(190,214,255,.2);background:linear-gradient(135deg,#78a8fa,#3d6db8);box-shadow:0 10px 24px rgba(39,84,157,.3),inset 0 1px 0 rgba(255,255,255,.24); }
.theme-glass .segmented { border-color:rgba(255,255,255,.085);background:rgba(6,12,19,.35); }
.theme-glass .segmented button { color:var(--muted); }
.theme-glass .segmented button.is-active { color:#f5f8fd;border-color:rgba(255,255,255,.12);background:rgba(121,169,255,.17);box-shadow:0 7px 18px rgba(0,0,0,.2); }
.theme-glass .kpi-card::after { background:rgba(121,169,255,.09); }
.theme-glass .kpi-card::before { content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(143,184,255,.48),transparent); }
.theme-glass .kpi-card.is-clickable:hover,.theme-glass .kpi-card.is-clickable:focus-visible,.theme-glass .company-card:hover { border-color:rgba(144,184,255,.25);background:linear-gradient(145deg,rgba(27,43,61,.72),rgba(12,23,35,.56));box-shadow:0 22px 54px rgba(0,0,0,.31),0 0 0 1px rgba(97,149,235,.06) inset;transform:translateY(-4px); }
.theme-glass .mini-bars i { background:linear-gradient(to top,rgba(121,169,255,.16),#78a8fa); }
.theme-glass .meter,.theme-glass .health-line,.theme-glass .factory-row > i,.theme-glass .target-strip > button > i { background:rgba(255,255,255,.075); }
.theme-glass .meter span,.theme-glass .health-line i { background:linear-gradient(90deg,#5f91e5,#8fbaff);box-shadow:0 0 18px rgba(108,160,247,.27); }
.theme-glass .progress-ring { background:radial-gradient(circle 12px,#101c29 96%,transparent 100%),conic-gradient(var(--green) 0 71%,rgba(255,255,255,.08) 71%); }
.theme-glass .grid-lines path { stroke:rgba(255,255,255,.075); }
.theme-glass .sales-line { stroke:#84b0ff; }.theme-glass .cash-line { stroke:#6ed3ae; }.theme-glass .plan-line { stroke:#8d98a7; }
.theme-glass .chart-points circle { fill:#111d2b;stroke:#88b4ff; }
.theme-glass .target-strip > button,.theme-glass .source-health,.theme-glass .rule-row,.theme-glass .action-item,.theme-glass .report-row { border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.025); }
.theme-glass .target-strip > button:hover,.theme-glass .report-row:hover,.theme-glass .action-item:hover { background:rgba(255,255,255,.065); }
.theme-glass .action-item.is-selected,.theme-glass .report-row.is-selected { border-color:rgba(121,169,255,.25);background:rgba(121,169,255,.09)!important;box-shadow:inset 3px 0 0 #78a8fa; }
.theme-glass .company-monogram.bms { background:linear-gradient(145deg,#82afff,#456fae); }
.theme-glass .company-monogram.pipeco { background:linear-gradient(145deg,#68c6d9,#397f94); }
.theme-glass .company-monogram.anchor { background:linear-gradient(145deg,#78d0ac,#3e8069); }
.theme-glass .workspace-card.is-selected { border-color:rgba(121,169,255,.25);background:linear-gradient(145deg,rgba(71,117,190,.2),rgba(15,27,40,.52));box-shadow:0 15px 35px rgba(0,0,0,.24); }
.theme-glass .module-group div button,.theme-glass .permission-chips span,.theme-glass .integration-scope em { background:rgba(255,255,255,.055);color:rgba(225,234,245,.68); }
.theme-glass .module-group div button:hover { color:#fff;background:rgba(121,169,255,.14); }
.theme-glass .control-hero { background:radial-gradient(circle at 86% 26%,rgba(100,212,172,.11),transparent 35%),linear-gradient(145deg,rgba(21,35,50,.66),rgba(8,16,25,.47)); }
.theme-glass .funnel > div { color:#f5f8fd;border-color:rgba(255,255,255,.12);background:linear-gradient(90deg,rgba(75,123,201,.86),rgba(110,161,240,.9));box-shadow:0 9px 22px rgba(0,0,0,.22); }
.theme-glass .rank { color:#a9c9ff;background:rgba(121,169,255,.13); }
.theme-glass .node { color:#eef5ff;background:rgba(14,26,39,.92);box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08); }
.theme-glass .node.group { color:#fff;background:linear-gradient(145deg,#79a9ff,#3c69ae); }
.theme-glass .compact-search,.theme-glass .form-grid input,.theme-glass .form-grid select,.theme-glass .form-grid textarea,.theme-glass .rule-sentence select,.theme-glass .rule-sentence input,.theme-glass .action-comments input { border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:var(--ink); }
.theme-glass select option { color:#17202c;background:#eef3f8; }
.theme-glass table { color:var(--ink); }
.theme-glass th { color:var(--faint); }
.theme-glass td { border-color:rgba(255,255,255,.065); }
.theme-glass .drawer,.theme-glass .approval-drawer,.theme-glass .detail-drawer,.theme-glass .command-dialog,.theme-glass .modal,.theme-glass .profile-menu { border-color:rgba(255,255,255,.11);background:rgba(10,18,28,.94);box-shadow:0 38px 120px rgba(0,0,0,.62);color:var(--ink);backdrop-filter:blur(28px) saturate(120%); }
.theme-glass .command-overlay,.theme-glass .modal-backdrop,.theme-glass .auth-overlay { background:rgba(2,6,11,.64);backdrop-filter:blur(16px); }
.theme-glass .notification-list button,.theme-glass .command-hints button,.theme-glass .detail-breakdown > div:last-child button { border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--ink); }
.theme-glass .command-results button:hover,.theme-glass .command-results button.is-keyboard-selected { background:rgba(121,169,255,.09);box-shadow:inset 3px 0 0 #79a9ff; }
.theme-glass .command-input kbd,.theme-glass .command-results kbd,.theme-glass .command-footer kbd { border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05); }
.theme-glass .search-result-icon { color:#a9c8ff;background:rgba(121,169,255,.13); }
.theme-glass .row-action { border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.045); }
.theme-glass .os-wordmark.document-logo,.theme-glass .os-wordmark.email-logo { filter:none;mix-blend-mode:multiply;background:transparent; }
.theme-glass .auth-window { border-color:rgba(255,255,255,.11);background:#0e1824;box-shadow:0 45px 130px rgba(0,0,0,.65); }
.theme-glass .auth-brand { background:linear-gradient(150deg,rgba(21,36,53,.76),rgba(5,11,18,.88)),url("assets/noor-command-centre-bg.jpg") center / cover; }
.theme-glass .auth-logo { filter:invert(1);mix-blend-mode:screen;opacity:.94;background:transparent; }
.theme-glass .auth-form-wrap { background:radial-gradient(circle at 50% 0,rgba(121,169,255,.08),transparent 38%); }
.theme-glass .auth-card { border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035);box-shadow:0 20px 50px rgba(0,0,0,.3); }
.theme-glass .auth-secondary,.theme-glass .auth-step label > div,.theme-glass .otp-row input { border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:var(--ink); }
.theme-glass .report-document,.theme-glass .email-preview { --ink:#182230;--muted:#657183;--faint:#8d98a6;color:var(--ink);background:rgba(244,248,252,.94); }
.theme-glass .email-device { background:rgba(7,13,20,.78); }
.theme-glass .email-browser em { background:rgba(255,255,255,.07); }
.theme-glass .email-stats span,.theme-glass .document-stat-row span { background:#e8eef4; }
.theme-glass .email-callout { color:#315d88;background:#e0ebf6; }.theme-glass .email-callout p { color:#60758b; }
.theme-glass .email-company-row span { border-color:#dbe3eb; }
.theme-glass .email-preview > button { color:#fff;background:linear-gradient(135deg,#79a9ff,#3f70bb); }
.theme-glass .email-footer { border-top-color:#dbe3eb; }
.theme-glass .document-bars i { background:linear-gradient(90deg,#4f80c9,#88b4f6); }

@media (max-width:940px) {
  body.theme-glass { background-position:center; }
  .theme-glass .app-shell { width:calc(100% - 24px);margin:12px auto;min-height:calc(100vh - 24px); }
}

@media (max-width:720px) {
  body.theme-glass { --sidebar:0px;background-position:center;background-attachment:scroll; }
  .theme-glass .app-shell { display:block;width:100%;min-height:100vh;margin:0;border:0;border-radius:0;background:rgba(7,13,21,.5); }
  .theme-glass .app-main { padding:16px 14px 92px; }
  .theme-glass .sidebar { position:fixed;inset:auto 12px 12px;z-index:80;display:block;width:auto;min-height:64px;height:64px;margin:0;padding:8px 10px;border-radius:22px;background:rgba(7,14,23,.9);box-shadow:0 22px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.09); }
  .theme-glass .os-wordmark-sidebar,.theme-glass .sidebar-foot { display:none; }
  .theme-glass .primary-nav { display:flex;gap:4px;overflow-x:auto;scrollbar-width:none; }
  .theme-glass .nav-item { flex:0 0 44px;width:44px;min-height:46px; }
  .theme-glass .nav-item > span { display:none; }
  .theme-glass .nav-item b { right:0; }
  .theme-glass .system-strip { overflow-x:auto;white-space:nowrap; }
}