:root {
  color-scheme: dark;
  --bg: #080b10;
  --rail: #0b0f15;
  --surface: #0f141c;
  --surface-2: #131a23;
  --surface-3: #18212c;
  --line: #26313d;
  --line-soft: #1b2530;
  --text: #eef3f7;
  --muted: #8795a5;
  --quiet: #5d6a79;
  --cyan: #36c5d8;
  --cyan-soft: rgba(54, 197, 216, .12);
  --green: #52c78b;
  --green-soft: rgba(82, 199, 139, .12);
  --amber: #e3ad50;
  --amber-soft: rgba(227, 173, 80, .12);
  --red: #e56b70;
  --red-soft: rgba(229, 107, 112, .12);
  --blue: #68a5ff;
  --shadow: 0 18px 60px rgba(0, 0, 0, .26);
  font-family: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font-size: 14px; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }

.app-shell { display: grid; grid-template-columns: 238px minmax(0, 1fr); min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 238px; display: flex; flex-direction: column; padding: 18px 14px; background: var(--rail); border-right: 1px solid var(--line-soft); z-index: 30; }
.brand { display: flex; align-items: center; gap: 11px; padding: 2px 7px 19px; color: inherit; text-decoration: none; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; background: var(--text); color: #071015; font-weight: 900; font-size: 12px; letter-spacing: -.04em; }
.brand div, .sidebar-footer div { display: flex; flex-direction: column; gap: 2px; }
.brand strong { letter-spacing: -.02em; }
.brand small, .sidebar-footer small { color: var(--quiet); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.system-state { display: flex; align-items: flex-start; gap: 10px; margin: 0 6px 20px; padding: 12px; border: 1px solid var(--line-soft); background: #0d1218; }
.system-state > i { width: 8px; height: 8px; margin-top: 3px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); animation: pulse 2.4s ease infinite; }
.system-state div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.system-state strong { font-size: 10px; }
.system-state small { color: var(--muted); font-size: 9px; line-height: 1.4; }

#nav { display: flex; flex-direction: column; gap: 3px; overflow-y: auto; }
#nav p { margin: 12px 10px 5px; color: var(--quiet); font-size: 9px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
#nav button { position: relative; width: 100%; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 9px; min-height: 39px; padding: 0 10px; border: 0; border-left: 2px solid transparent; background: transparent; color: var(--muted); cursor: pointer; text-align: left; }
#nav button > span { color: var(--quiet); font-size: 16px; text-align: center; }
#nav button b { font-size: 11px; font-weight: 650; }
#nav button:hover { color: var(--text); background: var(--surface); }
#nav button.active { color: var(--text); background: var(--cyan-soft); border-left-color: var(--cyan); }
#nav button.active > span { color: var(--cyan); }
#nav em { min-width: 18px; height: 18px; display: none; place-items: center; border-radius: 50%; background: var(--amber); color: #171107; font-size: 9px; font-style: normal; font-weight: 900; }
#nav em.visible { display: grid; }
.sidebar-footer { display: flex; align-items: center; gap: 10px; margin-top: auto; padding: 15px 7px 2px; border-top: 1px solid var(--line-soft); }
.owner-avatar { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: var(--surface-3); border: 1px solid var(--line); font-size: 10px; font-weight: 800; }
.sidebar-footer strong { font-size: 11px; }

.workspace { grid-column: 2; min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 20; height: 58px; display: flex; align-items: center; gap: 14px; padding: 0 28px; background: rgba(8, 11, 16, .92); border-bottom: 1px solid var(--line-soft); backdrop-filter: blur(16px); }
.menu-button { display: none; border: 0; background: none; cursor: pointer; }
.search-box { width: min(380px, 34vw); height: 32px; display: flex; align-items: center; gap: 8px; padding: 0 9px; border: 1px solid var(--line-soft); background: #0d1218; }
.search-box > span { color: var(--quiet); font-size: 16px; }
.search-box input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 10px; }
.search-box kbd { color: var(--quiet); border: 1px solid var(--line); padding: 2px 5px; font-size: 8px; }
.topbar-spacer { flex: 1; }
.live-chip { display: flex; align-items: center; gap: 9px; padding-right: 16px; border-right: 1px solid var(--line); }
.live-chip > i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }
.live-chip span { display: flex; flex-direction: column; }
.live-chip b { font-size: 9px; }
.live-chip small, #clock { color: var(--quiet); font-size: 8px; }
#clock { min-width: 126px; text-align: right; }

.views { max-width: 1600px; margin: 0 auto; padding: 30px 34px 64px; }
.view { display: none; animation: viewIn .18s ease both; }
.view.active { display: block; }
.page-heading { min-height: 76px; display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; margin-bottom: 25px; }
.page-heading > div:first-child { max-width: 840px; }
.eyebrow { display: block; color: var(--cyan); font-size: 8px; line-height: 1; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
.page-heading h1 { margin: 8px 0 6px; font-size: clamp(24px, 2.1vw, 34px); line-height: 1.08; letter-spacing: -.045em; font-weight: 650; }
.page-heading p { margin-bottom: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.heading-actions { display: flex; gap: 8px; }
button.primary, button.secondary, button.danger, .primary, .secondary { min-height: 34px; padding: 0 13px; border: 1px solid; cursor: pointer; font-size: 9px; font-weight: 800; letter-spacing: .02em; }
button.primary, .primary { background: var(--cyan); border-color: var(--cyan); color: #071015; }
button.primary:hover, .primary:hover { background: #62d6e5; }
button.secondary, .secondary { background: var(--surface-2); border-color: var(--line); color: var(--text); }
button.secondary:hover, .secondary:hover { border-color: var(--muted); }
button.small { min-height: 29px; padding: 0 10px; font-size: 8px; }
.text-button { border: 0; background: none; color: var(--cyan); cursor: pointer; font-size: 9px; font-weight: 800; }

.range-toolbar, .department-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.range-toolbar > strong { color: var(--muted); font-size: 9px; letter-spacing: .04em; }
.segmented { display: flex; border: 1px solid var(--line-soft); }
.segmented button { min-height: 28px; padding: 0 11px; border: 0; border-right: 1px solid var(--line-soft); background: #0d1218; color: var(--muted); cursor: pointer; font-size: 8px; }
.segmented button:last-child { border-right: 0; }
.segmented button.active { background: var(--surface-3); color: var(--text); box-shadow: inset 0 -2px var(--cyan); }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); background: var(--surface); }
.metric-grid.compact { margin-bottom: 18px; }
.metric { min-height: 99px; display: flex; flex-direction: column; justify-content: center; padding: 16px 18px; border-right: 1px solid var(--line-soft); }
.metric:last-child { border-right: 0; }
.metric > span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.metric > strong { margin: 8px 0 3px; font-size: 25px; letter-spacing: -.04em; line-height: 1; font-weight: 650; }
.metric > small { color: var(--quiet); font-size: 8px; line-height: 1.45; }
.metric.good > strong { color: var(--green); }
.metric.warn > strong { color: var(--amber); }
.metric.bad > strong { color: var(--red); }

.operations-strip { min-height: 56px; display: grid; grid-template-columns: minmax(250px, 1.6fr) repeat(4, minmax(95px, .55fr)); align-items: center; margin: 13px 0 20px; padding: 0 18px; border: 1px solid var(--line-soft); background: #0c1117; }
.operations-strip > div { min-width: 0; display: flex; align-items: center; gap: 9px; }
.operations-strip > div:first-child > i { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px var(--green-soft); animation: pulse 2.4s ease infinite; }
.operations-strip > div:first-child span { display: flex; flex-direction: column; }
.operations-strip strong { font-size: 10px; }
.operations-strip small, .operations-strip > div > span { color: var(--quiet); font-size: 8px; }
.operations-strip > div:not(:first-child) { padding-left: 14px; border-left: 1px solid var(--line-soft); }
.operations-strip b { color: var(--text); font-size: 15px; }

.command-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.command-grid.second-row { grid-template-columns: .9fr 1.1fr 1.1fr; }
.span-2 { grid-column: span 2; }
.panel { min-width: 0; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 1px 0 rgba(255,255,255,.02); }
.panel-heading { min-height: 61px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border-bottom: 1px solid var(--line-soft); }
.panel-heading h2 { margin: 6px 0 0; font-size: 14px; font-weight: 650; letter-spacing: -.02em; }
.count-pill { min-width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--amber); color: var(--amber); font-size: 9px; font-weight: 900; }

.manager-table { display: flex; flex-direction: column; }
.manager-row { display: grid; grid-template-columns: 30px minmax(125px, 1.4fr) minmax(80px, 1fr) 48px 55px 74px; align-items: center; gap: 10px; min-height: 55px; padding: 6px 15px; border: 0; border-bottom: 1px solid var(--line-soft); background: transparent; text-align: left; cursor: pointer; }
.manager-row:last-child { border-bottom: 0; }
.manager-row:hover { background: var(--surface-2); }
.avatar { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--line); background: var(--surface-3); color: var(--muted); border-radius: 50%; font-size: 8px; font-weight: 900; }
.manager-name { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.manager-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.manager-name small, .manager-row span > small { color: var(--quiet); font-size: 8px; }
.manager-row span > b { display: block; font-size: 10px; }
.load { height: 4px; background: var(--surface-3); }
.load i { display: block; width: var(--load); height: 100%; background: var(--cyan); }
.live-state { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 8px; font-weight: 800; }
.live-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--quiet); }
.live-state.working i { background: var(--green); box-shadow: 0 0 0 3px var(--green-soft); }
.live-state.monitoring i { background: var(--blue); }
.live-state.blocked { color: var(--red); }
.live-state.blocked i { background: var(--red); }

.problem-item { display: flex; gap: 11px; padding: 12px 15px; border-bottom: 1px solid var(--line-soft); }
.problem-item:last-child { border-bottom: 0; }
.problem-item > span { flex: 0 0 23px; height: 23px; display: grid; place-items: center; background: var(--amber-soft); color: var(--amber); border: 1px solid rgba(227,173,80,.25); font-size: 9px; font-weight: 900; }
.problem-item > div { display: flex; flex-direction: column; gap: 4px; }
.problem-item strong { font-size: 9px; line-height: 1.45; }
.problem-item small { color: var(--quiet); font-size: 8px; line-height: 1.4; }
.empty-state { min-height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; text-align: center; }
.empty-state strong { font-size: 10px; }
.empty-state span { max-width: 360px; margin-top: 5px; color: var(--quiet); font-size: 9px; line-height: 1.5; }
.brief-body { padding: 17px; }
.brief-body > strong { font-size: 11px; }
.brief-body p { margin: 8px 0 14px; color: var(--muted); font-size: 9px; line-height: 1.55; }
.brief-body small { color: var(--quiet); font-size: 8px; line-height: 1.5; }
.brief-numbers { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line-soft); }
.brief-numbers div { padding: 13px; border-right: 1px solid var(--line-soft); }
.brief-numbers div:last-child { border-right: 0; }
.brief-numbers span { display: block; margin-bottom: 4px; color: var(--quiet); font-size: 7px; text-transform: uppercase; }
.brief-numbers b { font-size: 13px; }

.status { display: inline-flex; align-items: center; width: fit-content; min-height: 21px; padding: 0 7px; border: 1px solid var(--line); background: var(--surface-2); color: var(--muted); font-size: 7px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.status.good { color: var(--green); border-color: rgba(82,199,139,.25); background: var(--green-soft); }
.status.warn { color: var(--amber); border-color: rgba(227,173,80,.25); background: var(--amber-soft); }
.status.bad { color: var(--red); border-color: rgba(229,107,112,.25); background: var(--red-soft); }

.pipeline-board { display: grid; grid-template-columns: repeat(5, minmax(145px, 1fr)); overflow-x: auto; }
.pipeline-stage { min-width: 145px; border-right: 1px solid var(--line-soft); }
.pipeline-stage:last-child { border-right: 0; }
.pipeline-stage > header { display: flex; justify-content: space-between; align-items: center; min-height: 37px; padding: 0 10px; border-bottom: 1px solid var(--line-soft); }
.pipeline-stage > header span { color: var(--muted); font-size: 8px; font-weight: 800; }
.pipeline-stage > header b { min-width: 18px; height: 18px; display: grid; place-items: center; background: var(--surface-3); color: var(--muted); font-size: 7px; }
.pipeline-stage > div { min-height: 128px; padding: 8px; background: #0d1218; }
.pipeline-stage article { margin-bottom: 7px; padding: 10px; border: 1px solid var(--line-soft); background: var(--surface); }
.pipeline-stage article strong { display: block; font-size: 9px; }
.pipeline-stage article small { display: block; margin-top: 4px; color: var(--quiet); font-size: 7px; }
.pipeline-stage article span { display: block; margin-top: 8px; color: var(--amber); font-size: 7px; line-height: 1.35; }
.pipeline-stage.research > header { box-shadow: inset 0 -2px var(--amber); }
.pipeline-stage.build > header { box-shadow: inset 0 -2px var(--blue); }
.pipeline-stage.ready > header { box-shadow: inset 0 -2px var(--cyan); }
.pipeline-stage.live > header { box-shadow: inset 0 -2px var(--green); }
.stage-empty { padding: 18px 5px; color: var(--quiet); font-size: 8px; text-align: center; }

.two-column { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .85fr); gap: 14px; }
.work-list { max-height: 700px; overflow: auto; }
.work-row { display: grid; grid-template-columns: 36px minmax(210px, 1.8fr) minmax(120px, .7fr) 75px 62px; align-items: center; gap: 12px; min-height: 65px; padding: 8px 15px; border-bottom: 1px solid var(--line-soft); }
.work-id { color: var(--quiet); font-size: 8px; }
.work-row > div, .work-row > span:nth-child(3) { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.work-row strong, .work-row span > b { font-size: 9px; }
.work-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--quiet); font-size: 8px; }
.work-row time { color: var(--quiet); font-size: 8px; }
.load-row { width: 100%; display: grid; grid-template-columns: minmax(100px, 1fr) 70px 22px 46px; align-items: center; gap: 8px; min-height: 51px; padding: 6px 13px; border: 0; border-bottom: 1px solid var(--line-soft); background: transparent; text-align: left; cursor: pointer; }
.load-row:hover { background: var(--surface-2); }
.load-row > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.load-row strong { font-size: 9px; }
.load-row small { color: var(--quiet); font-size: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bar { height: 3px; background: var(--surface-3); }
.bar i { display: block; height: 100%; background: var(--cyan); }
.load-row b { font-size: 9px; }
.load-row em { color: var(--muted); font-size: 7px; font-style: normal; }

.hierarchy-bar { display: flex; align-items: center; justify-content: center; gap: 13px; min-height: 48px; margin-bottom: 14px; border: 1px solid var(--line-soft); background: #0d1218; color: var(--muted); font-size: 9px; font-weight: 700; }
.hierarchy-bar i { color: var(--cyan); font-style: normal; }
.inline-search { min-width: 280px; height: 34px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--line); background: var(--surface); }
.inline-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 9px; }
.legend { display: flex; align-items: center; gap: 8px; color: var(--quiet); font-size: 8px; }
.legend i { width: 6px; height: 6px; margin-left: 8px; border-radius: 50%; }
.legend i.working { background: var(--green); }
.legend i.monitoring { background: var(--blue); }
.legend i.blocked { background: var(--red); }
.manager-grid { display: grid; grid-template-columns: repeat(4, minmax(210px, 1fr)); gap: 11px; }
.manager-card { min-height: 235px; display: flex; flex-direction: column; padding: 15px; border: 1px solid var(--line); background: var(--surface); text-align: left; cursor: pointer; }
.manager-card:hover { transform: translateY(-2px); border-color: #3b4b5c; background: var(--surface-2); box-shadow: var(--shadow); }
.manager-card > header { display: flex; align-items: center; justify-content: space-between; }
.department-code { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line); background: var(--surface-3); color: var(--cyan); font-size: 8px; font-weight: 900; }
.department-code.large { width: 48px; height: 48px; font-size: 13px; }
.manager-card > div:nth-child(2) { margin: 18px 0 12px; }
.manager-card h2 { margin: 7px 0 5px; font-size: 14px; }
.manager-card p { min-height: 43px; margin: 0; color: var(--muted); font-size: 8px; line-height: 1.55; }
.manager-card-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: auto; border: 1px solid var(--line-soft); }
.manager-card-stats span { padding: 8px 4px; border-right: 1px solid var(--line-soft); text-align: center; }
.manager-card-stats span:last-child { border-right: 0; }
.manager-card-stats b { display: block; font-size: 10px; }
.manager-card-stats small { color: var(--quiet); font-size: 7px; }
.manager-card > footer { display: flex; justify-content: space-between; margin-top: 13px; color: var(--quiet); font-size: 8px; }
.manager-card > footer b { color: var(--cyan); }

.product-detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }
.product-card { padding: 16px; }
.product-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.product-card h2 { margin: 7px 0 0; font-size: 15px; }
.product-card > p { min-height: 45px; margin: 15px 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.product-card dl { margin: 0; border: 1px solid var(--line-soft); }
.product-card dl div { display: grid; grid-template-columns: 80px 1fr; border-bottom: 1px solid var(--line-soft); }
.product-card dl div:last-child { border-bottom: 0; }
.product-card dt, .product-card dd { margin: 0; padding: 8px; font-size: 8px; line-height: 1.45; }
.product-card dt { color: var(--quiet); border-right: 1px solid var(--line-soft); }
.product-card dd { color: var(--muted); }
.readiness { margin: 15px 0; }
.readiness span { display: flex; justify-content: space-between; color: var(--muted); font-size: 8px; }
.readiness i { display: block; height: 4px; margin-top: 7px; background: var(--surface-3); }
.readiness i b { display: block; height: 100%; background: var(--cyan); }
.product-card > footer { padding-top: 12px; border-top: 1px solid var(--line-soft); }
.product-card > footer strong, .product-card > footer span { display: block; font-size: 8px; }
.product-card > footer span { margin-top: 4px; color: var(--amber); }

.scope-chip { min-height: 28px; display: inline-flex; align-items: center; padding: 0 10px; border: 1px solid rgba(82,199,139,.22); background: var(--green-soft); color: var(--green); font-size: 8px; font-weight: 800; }
.research-notice { display: grid; grid-template-columns: 180px 1fr; gap: 18px; align-items: center; margin-bottom: 14px; padding: 14px 16px; border: 1px solid rgba(227,173,80,.25); background: var(--amber-soft); }
.research-notice strong { color: var(--amber); font-size: 9px; }
.research-notice span { color: #c2b49a; font-size: 9px; line-height: 1.5; }
.research-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.research-card { padding: 17px; border: 1px solid var(--line); background: var(--surface); }
.research-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.research-card h2 { margin: 7px 0 0; font-size: 16px; }
.research-facts { display: grid; grid-template-columns: repeat(4, 1fr); margin: 16px 0; border: 1px solid var(--line-soft); }
.research-facts div { min-height: 55px; padding: 9px; border-right: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.research-facts div:nth-child(4n) { border-right: 0; }
.research-facts div:nth-last-child(-n+4) { border-bottom: 0; }
.research-facts span, .research-card section > strong, .research-card footer span { display: block; color: var(--quiet); font-size: 7px; text-transform: uppercase; letter-spacing: .05em; }
.research-facts b { display: block; margin-top: 5px; font-size: 8px; line-height: 1.35; }
.gulf-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 8px; border: 1px solid var(--line-soft); }
.gulf-grid span { padding: 9px; border-right: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.gulf-grid span:nth-child(3n) { border-right: 0; }
.gulf-grid span:nth-last-child(-n+3) { border-bottom: 0; }
.gulf-grid b { display: block; font-size: 8px; }
.gulf-grid small { display: block; margin-top: 4px; color: var(--quiet); font-size: 7px; line-height: 1.4; }
.research-card > footer { margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--line-soft); }
.research-card footer strong { display: block; margin-top: 4px; color: var(--amber); font-size: 9px; }
.research-card footer small { display: block; margin-top: 8px; color: var(--quiet); font-size: 7px; line-height: 1.45; }

.finance-layout { grid-template-columns: 1.4fr .8fr; }
.ledger-table > header, .ledger-table > div { display: grid; grid-template-columns: 120px 1fr 90px 90px; align-items: center; min-height: 51px; padding: 0 14px; border-bottom: 1px solid var(--line-soft); }
.ledger-table > header { min-height: 35px; color: var(--quiet); background: #0d1218; font-size: 7px; text-transform: uppercase; }
.ledger-table > div:last-child { border-bottom: 0; }
.ledger-table time, .ledger-table span, .ledger-table b { font-size: 8px; }
.ledger-table span { display: flex; flex-direction: column; gap: 3px; }
.ledger-table small { color: var(--quiet); font-size: 7px; }
.ledger-table b { color: var(--green); text-align: right; }
.ledger-table b.outcome { color: var(--red); }
.rule-list > div, .policy-stack > div { display: flex; gap: 12px; padding: 14px; border-bottom: 1px solid var(--line-soft); }
.rule-list > div:last-child, .policy-stack > div:last-child { border-bottom: 0; }
.rule-list > div > span, .policy-stack > div > span { flex: 0 0 25px; height: 25px; display: grid; place-items: center; border: 1px solid var(--line); color: var(--cyan); font-size: 8px; font-weight: 900; }
.rule-list p, .policy-stack p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.rule-list strong, .policy-stack strong { display: block; margin-bottom: 3px; color: var(--text); font-size: 9px; }

.hiring-layout { grid-template-columns: 1.35fr .65fr; }
.proposal-card { padding: 15px; border-bottom: 1px solid var(--line-soft); }
.proposal-card:last-child { border-bottom: 0; }
.proposal-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.proposal-card h3 { margin: 6px 0 3px; font-size: 13px; }
.proposal-card header small { color: var(--quiet); font-size: 8px; }
.proposal-card dl { display: grid; grid-template-columns: repeat(2, 1fr); margin: 13px 0; border: 1px solid var(--line-soft); }
.proposal-card dl div { min-height: 58px; padding: 9px; border-right: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.proposal-card dl div:nth-child(2n) { border-right: 0; }
.proposal-card dt { color: var(--quiet); font-size: 7px; text-transform: uppercase; }
.proposal-card dd { margin: 5px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
.proposal-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--quiet); font-size: 8px; }

.approval-card { padding: 16px; border-bottom: 1px solid var(--line-soft); }
.approval-card:last-child { border-bottom: 0; }
.approval-card.pending { box-shadow: inset 3px 0 var(--amber); }
.approval-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.approval-card h2 { margin: 7px 0 0; font-size: 14px; }
.approval-scope { display: grid; grid-template-columns: repeat(4, 1fr); margin: 14px 0; border: 1px solid var(--line-soft); }
.approval-scope div { min-height: 50px; padding: 8px; border-right: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.approval-scope div:nth-child(4n) { border-right: 0; }
.approval-scope span { display: block; color: var(--quiet); font-size: 7px; text-transform: uppercase; }
.approval-scope b { display: block; margin-top: 4px; font-size: 8px; line-height: 1.4; }
.approval-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.approval-card footer small, .approval-card footer > span { color: var(--quiet); font-size: 8px; }
.approval-card footer div { display: flex; gap: 7px; }

.timeline { padding: 8px 18px; }
.timeline article { display: grid; grid-template-columns: 118px 17px 1fr; gap: 13px; min-height: 76px; }
.timeline time { padding-top: 18px; color: var(--quiet); font-size: 8px; text-align: right; }
.timeline article > span { position: relative; border-left: 1px solid var(--line); }
.timeline article > span::before { content: ""; position: absolute; left: -4px; top: 21px; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px var(--cyan-soft); }
.timeline article > div { padding: 14px 0; border-bottom: 1px solid var(--line-soft); }
.timeline article small { display: block; color: var(--cyan); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.timeline article strong { display: block; margin-top: 4px; font-size: 10px; }
.timeline article p { margin: 4px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }

.control-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.owner-gate-panel { border-color: rgba(227,173,80,.3); }
.owner-gate-panel .eyebrow { color: var(--amber); }
.owner-gate-panel .policy-stack > div > span { color: var(--amber); border-color: rgba(227,173,80,.3); }

.command-dialog { width: min(880px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 1px solid #384756; background: var(--surface); color: var(--text); box-shadow: 0 30px 100px rgba(0,0,0,.7); }
.command-dialog::backdrop { background: rgba(2,5,9,.78); backdrop-filter: blur(5px); }
.manager-dialog { width: min(1080px, calc(100vw - 32px)); }
.dialog-shell { position: relative; margin: 0; padding: 24px; border: 0; overflow: auto; }
.dialog-close { position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; border: 1px solid var(--line); background: var(--surface-2); color: var(--muted); cursor: pointer; font-size: 18px; }
.dialog-shell > header h2 { margin: 8px 0 5px; font-size: 20px; }
.dialog-shell > header p { color: var(--muted); font-size: 9px; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; margin-top: 20px; }
.form-grid label { display: flex; flex-direction: column; gap: 7px; }
.form-grid label.wide { grid-column: 1 / -1; }
.form-grid label > span { color: var(--muted); font-size: 8px; font-weight: 700; }
.form-grid input, .form-grid select, .form-grid textarea { width: 100%; min-height: 38px; padding: 9px 10px; border: 1px solid var(--line); background: #0b1016; color: var(--text); outline: 0; font-size: 9px; }
.form-grid textarea { min-height: 75px; resize: vertical; }
.dialog-shell > footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--line-soft); }
.detail-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-right: 34px; }
.detail-heading > div { display: flex; gap: 14px; }
.detail-heading h1 { margin: 6px 0 4px; font-size: 24px; }
.detail-heading p { color: var(--muted); font-size: 9px; }
.detail-metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin: 20px 0; border: 1px solid var(--line); }
.detail-section { border: 1px solid var(--line); }
.detail-section > header { padding: 13px; border-bottom: 1px solid var(--line-soft); }
.detail-section > header h2 { margin: 6px 0 0; font-size: 13px; }
.worker-row { display: grid; grid-template-columns: 30px minmax(180px, 1fr) 70px 45px 50px 45px; align-items: center; gap: 11px; min-height: 57px; padding: 7px 12px; border-bottom: 1px solid var(--line-soft); }
.worker-row:last-child { border-bottom: 0; }
.worker-row > div:nth-child(2) { display: flex; flex-direction: column; gap: 3px; }
.worker-row strong, .worker-row span > b { font-size: 9px; }
.worker-row small { color: var(--quiet); font-size: 7px; }
.worker-row > span:not(.avatar):not(.status) { display: flex; flex-direction: column; }
.worker-detail { display: none !important; grid-column: 2 / -1; padding: 10px; border: 1px solid var(--line-soft); background: #0b1016; }
.worker-detail.open { display: flex !important; flex-direction: column; gap: 5px; }
.worker-detail p { margin: 0 0 5px; color: var(--muted); font-size: 8px; }
.worker-detail > strong, .worker-detail > span { font-size: 8px; }
.worker-detail > span { color: var(--muted); }
.detail-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 14px; }
.detail-item { padding: 12px; border-bottom: 1px solid var(--line-soft); }
.detail-item:last-child { border-bottom: 0; }
.detail-item strong { display: block; font-size: 9px; }
.detail-item small { display: block; margin-top: 4px; color: var(--quiet); font-size: 7px; }
.detail-item.issue strong { color: var(--amber); }

.toast { position: fixed; right: 24px; bottom: 24px; z-index: 100; max-width: 340px; padding: 12px 15px; border: 1px solid rgba(82,199,139,.35); background: #102319; color: #b7f1d0; box-shadow: var(--shadow); font-size: 9px; opacity: 0; transform: translateY(12px); pointer-events: none; transition: .2s ease; }
.toast.error { border-color: rgba(229,107,112,.35); background: #251316; color: #ffc2c5; }
.toast.show { opacity: 1; transform: translateY(0); }

/* Professional owner-console refinement: preserve density without sacrificing legibility. */
:root {
  --bg: #070b10;
  --rail: #0a1017;
  --surface: #101821;
  --surface-2: #151f2a;
  --surface-3: #1a2734;
  --line: #2a3948;
  --line-soft: #1d2a36;
  --text: #f1f5f8;
  --muted: #9aa9b7;
  --quiet: #718191;
  --cyan: #48b9d0;
  --blue: #62a7ff;
  --shadow: 0 22px 70px rgba(0, 0, 0, .32);
}

body { font-size: 15px; letter-spacing: .002em; }
.app-shell { grid-template-columns: 252px minmax(0, 1fr); }
.sidebar { width: 252px; padding: 22px 16px; }
.workspace { grid-column: 2; }
.brand { gap: 13px; padding: 2px 8px 22px; }
.brand-mark { width: 38px; height: 38px; border-radius: 7px; font-size: 13px; box-shadow: 0 8px 28px rgba(72,185,208,.12); }
.brand strong { font-size: 13px; }
.brand small, .sidebar-footer small { font-size: 9px; }
.system-state { margin: 0 5px 20px; padding: 13px; border-radius: 8px; }
.system-state strong { font-size: 11px; }
.system-state small { font-size: 10px; }
#nav { gap: 4px; }
#nav p { margin: 15px 11px 6px; font-size: 9px; }
#nav button { min-height: 43px; padding: 0 11px; border-radius: 7px; }
#nav button b { font-size: 12px; }
#nav button > span { font-size: 17px; }
.sidebar-footer { padding-top: 17px; }
.owner-avatar { width: 34px; height: 34px; font-size: 11px; }
.sidebar-footer strong { font-size: 12px; }

.topbar { height: 66px; padding: 0 36px; background: rgba(7,11,16,.9); }
.search-box { width: min(430px, 38vw); height: 39px; padding: 0 12px; border-radius: 8px; background: #0d141c; }
.search-box input { font-size: 12px; }
.search-box kbd { padding: 3px 6px; border-radius: 4px; font-size: 9px; }
.live-chip b { font-size: 10px; }
.live-chip small, #clock { font-size: 9px; }
.views { max-width: 1540px; padding: 38px 42px 76px; }
.page-heading { min-height: 88px; margin-bottom: 28px; }
.eyebrow { font-size: 9px; letter-spacing: .18em; }
.page-heading h1 { margin: 10px 0 8px; font-size: clamp(30px, 2.35vw, 40px); line-height: 1.06; font-weight: 680; }
.page-heading p { max-width: 760px; font-size: 13px; line-height: 1.6; }
.heading-actions { gap: 10px; }
button.primary, button.secondary, button.danger, .primary, .secondary { min-height: 40px; padding: 0 16px; border-radius: 7px; font-size: 11px; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
button.primary:hover, button.secondary:hover, .primary:hover, .secondary:hover { transform: translateY(-1px); }
button.small { min-height: 34px; font-size: 10px; }
.text-button { font-size: 10px; }

.range-toolbar, .department-toolbar { margin-bottom: 17px; }
.range-toolbar > strong { font-size: 10px; }
.segmented { border-radius: 7px; overflow: hidden; }
.segmented button { min-height: 34px; padding: 0 13px; font-size: 10px; }
.metric-grid, .panel, .operations-strip, .hierarchy-bar, .research-notice, .research-card, .manager-card { border-radius: 10px; }
.metric-grid { overflow: hidden; box-shadow: 0 12px 38px rgba(0,0,0,.12); }
.metric { min-height: 116px; padding: 20px 22px; }
.metric > span { font-size: 9px; }
.metric > strong { margin: 10px 0 5px; font-size: 31px; font-weight: 680; }
.metric > small { font-size: 10px; line-height: 1.5; }
.operations-strip { min-height: 67px; margin: 16px 0 23px; padding: 0 21px; }
.operations-strip strong { font-size: 12px; }
.operations-strip small, .operations-strip > div > span { font-size: 10px; }
.operations-strip b { font-size: 19px; }

.command-grid { gap: 18px; margin-bottom: 18px; }
.panel { box-shadow: 0 12px 42px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.018); overflow: hidden; }
.panel-heading { min-height: 72px; padding: 17px 20px; }
.panel-heading h2 { margin-top: 7px; font-size: 16px; }
.count-pill { min-width: 28px; height: 28px; border-radius: 7px; font-size: 10px; }
.manager-row { grid-template-columns: 34px minmax(150px,1.4fr) minmax(90px,1fr) 52px 60px 82px; min-height: 64px; gap: 12px; padding: 8px 18px; transition: background .15s ease; }
.avatar { width: 31px; height: 31px; font-size: 9px; }
.manager-name strong, .manager-row span > b { font-size: 11px; }
.manager-name small, .manager-row span > small { font-size: 9px; }
.live-state { font-size: 9px; }
.problem-item { gap: 13px; padding: 15px 18px; }
.problem-item strong { font-size: 11px; }
.problem-item small { font-size: 9px; }
.brief-body { padding: 20px; }
.brief-body > strong { font-size: 13px; }
.brief-body p { font-size: 11px; }
.brief-body small { font-size: 9px; }
.brief-numbers div { padding: 16px; }
.brief-numbers span { font-size: 9px; }
.brief-numbers b { font-size: 17px; }
.status { min-height: 25px; padding: 0 9px; border-radius: 999px; font-size: 8px; }

.pipeline-stage { min-width: 175px; }
.pipeline-stage > header { min-height: 44px; padding: 0 13px; }
.pipeline-stage > header span { font-size: 10px; }
.pipeline-stage > header b { min-width: 22px; height: 22px; border-radius: 6px; font-size: 9px; }
.pipeline-stage > div { min-height: 148px; padding: 10px; }
.pipeline-stage article { padding: 12px; border-radius: 7px; }
.pipeline-stage article strong { font-size: 11px; }
.pipeline-stage article small, .pipeline-stage article span, .stage-empty { font-size: 9px; }
.work-row { min-height: 72px; padding: 10px 18px; }
.work-id, .work-row time { font-size: 9px; }
.work-row strong, .work-row span > b { font-size: 11px; }
.work-row small { font-size: 10px; }
.load-row { min-height: 58px; padding: 8px 16px; }
.load-row strong, .load-row b { font-size: 11px; }
.load-row small, .load-row em { font-size: 9px; }

.hierarchy-bar { min-height: 56px; font-size: 11px; }
.inline-search { height: 40px; border-radius: 7px; }
.inline-search input { font-size: 11px; }
.legend { font-size: 10px; }
.manager-grid { grid-template-columns: repeat(4,minmax(220px,1fr)); gap: 14px; }
.manager-card { min-height: 258px; padding: 18px; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.department-code { width: 32px; height: 32px; border-radius: 7px; font-size: 9px; }
.manager-card > div:nth-child(2) { margin: 20px 0 15px; }
.manager-card h2 { font-size: 16px; }
.manager-card p { font-size: 10px; }
.manager-card-stats span { padding: 10px 4px; }
.manager-card-stats b { font-size: 12px; }
.manager-card-stats small, .manager-card > footer { font-size: 9px; }

.product-detail-grid, .research-grid { gap: 18px; margin-top: 18px; }
.product-card, .research-card { padding: 20px; }
.product-card h2, .research-card h2 { font-size: 18px; }
.product-card > p { font-size: 11px; }
.product-card dt, .product-card dd { padding: 10px; font-size: 10px; }
.readiness span, .product-card > footer strong, .product-card > footer span { font-size: 10px; }
.scope-chip { min-height: 34px; border-radius: 7px; font-size: 10px; }
.research-notice { padding: 17px 19px; }
.research-notice strong, .research-notice span { font-size: 11px; }
.research-facts div { min-height: 66px; padding: 11px; }
.research-facts span, .research-card section > strong, .research-card footer span { font-size: 9px; }
.research-facts b, .gulf-grid b { font-size: 10px; }
.gulf-grid span { padding: 11px; }
.gulf-grid small, .research-card footer small { font-size: 9px; }
.research-card footer strong { font-size: 11px; }

.ledger-table > header, .ledger-table > div { min-height: 58px; }
.ledger-table > header { font-size: 9px; }
.ledger-table time, .ledger-table span, .ledger-table b { font-size: 10px; }
.ledger-table small { font-size: 9px; }
.rule-list > div, .policy-stack > div { padding: 17px; }
.rule-list p, .policy-stack p { font-size: 10px; }
.rule-list strong, .policy-stack strong { font-size: 11px; }
.proposal-card, .approval-card { padding: 19px; }
.proposal-card h3, .approval-card h2 { font-size: 15px; }
.proposal-card header small, .proposal-card dt, .proposal-card dd, .proposal-card > footer { font-size: 9px; }
.approval-scope div { min-height: 60px; padding: 11px; }
.approval-scope span { font-size: 9px; }
.approval-scope b, .approval-card footer small, .approval-card footer > span { font-size: 10px; }
.timeline article { min-height: 86px; }
.timeline time, .timeline article small { font-size: 9px; }
.timeline article strong { font-size: 12px; }
.timeline article p { font-size: 10px; }

.command-dialog { border-radius: 12px; }
.dialog-shell { padding: 28px; }
.dialog-shell > header h2 { font-size: 23px; }
.dialog-shell > header p, .form-grid label > span, .detail-heading p, .worker-row small, .worker-detail p, .worker-detail > strong, .worker-detail > span { font-size: 10px; }
.form-grid input, .form-grid select, .form-grid textarea { min-height: 42px; border-radius: 6px; font-size: 11px; }
.detail-section > header h2 { font-size: 15px; }
.worker-row { min-height: 64px; }
.worker-row strong, .worker-row span > b { font-size: 11px; }
.detail-item strong { font-size: 11px; }
.detail-item small { font-size: 9px; }
.toast { padding: 14px 17px; border-radius: 8px; font-size: 11px; }


@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
@keyframes viewIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

@media (max-width: 1250px) {
  .manager-grid { grid-template-columns: repeat(3, 1fr); }
  .product-detail-grid { grid-template-columns: repeat(2, 1fr); }
  .research-facts { grid-template-columns: repeat(2, 1fr); }
  .research-facts div:nth-child(4n) { border-right: 1px solid var(--line-soft); }
  .research-facts div:nth-child(2n) { border-right: 0; }
  .research-facts div:nth-last-child(-n+4) { border-bottom: 1px solid var(--line-soft); }
  .research-facts div:nth-last-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 980px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { transform: translateX(-100%); transition: transform .2s ease; box-shadow: var(--shadow); }
  .sidebar.open { transform: translateX(0); }
  .workspace { grid-column: 1; }
  .menu-button { display: block; }
  .views { padding: 24px 20px 50px; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .metric:nth-child(2) { border-right: 0; }
  .metric:nth-child(-n+2) { border-bottom: 1px solid var(--line-soft); }
  .operations-strip { grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 12px; }
  .operations-strip > div:first-child { grid-column: 1 / -1; padding-bottom: 9px; border-bottom: 1px solid var(--line-soft); }
  .operations-strip > div:not(:first-child) { padding-left: 0; border-left: 0; }
  .command-grid, .command-grid.second-row { grid-template-columns: 1fr; }
  .span-2 { grid-column: auto; }
  .two-column, .finance-layout, .hiring-layout, .control-grid { grid-template-columns: 1fr; }
  .manager-grid { grid-template-columns: repeat(2, 1fr); }
  .research-grid { grid-template-columns: 1fr; }
  .manager-row { grid-template-columns: 30px 1fr 70px 45px 55px; }
  .manager-row .live-state { display: none; }
  .work-row { grid-template-columns: 35px 1fr 80px; }
  .work-row > span:nth-child(3), .work-row > .status, .work-row > time { display: none; }
}

@media (max-width: 640px) {
  .topbar { height: 62px; padding: 0 14px; }
  .search-box { width: auto; flex: 1; }
  .search-box kbd, .live-chip, #clock { display: none; }
  .views { padding: 24px 14px 48px; }
  .page-heading { flex-direction: column; gap: 14px; }
  .heading-actions { width: 100%; }
  .heading-actions button { flex: 1; }
  .range-toolbar, .department-toolbar { align-items: stretch; flex-direction: column; }
  .segmented { overflow-x: auto; }
  .segmented button { flex: 1; white-space: nowrap; }
  .metric-grid { grid-template-columns: 1fr; }
  .metric { min-height: 94px; border-right: 0; border-bottom: 1px solid var(--line-soft); }
  .metric:last-child { border-bottom: 0; }
  .operations-strip { grid-template-columns: repeat(2, 1fr); }
  .manager-grid, .product-detail-grid { grid-template-columns: 1fr; }
  .hierarchy-bar { align-items: flex-start; flex-direction: column; padding: 13px; }
  .hierarchy-bar i { transform: rotate(90deg); }
  .inline-search { min-width: 0; width: 100%; }
  .research-notice { grid-template-columns: 1fr; }
  .research-facts, .gulf-grid { grid-template-columns: 1fr; }
  .research-facts div, .gulf-grid span { border-right: 0 !important; border-bottom: 1px solid var(--line-soft) !important; }
  .research-facts div:last-child, .gulf-grid span:last-child { border-bottom: 0 !important; }
  .approval-scope, .proposal-card dl { grid-template-columns: 1fr; }
  .approval-scope div, .proposal-card dl div { border-right: 0; }
  .approval-card > footer, .proposal-card > footer { align-items: stretch; flex-direction: column; }
  .approval-card footer div { width: 100%; }
  .approval-card footer button { flex: 1; }
  .ledger-table > header, .ledger-table > div { grid-template-columns: 80px 1fr 70px; }
  .ledger-table > header span:nth-child(3), .ledger-table > div b:nth-child(3) { display: none; }
  .timeline article { grid-template-columns: 15px 1fr; }
  .timeline time { grid-column: 2; padding-top: 10px; text-align: left; }
  .timeline article > span { grid-column: 1; grid-row: 1 / span 2; }
  .timeline article > div { grid-column: 2; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid label.wide { grid-column: auto; }
  .detail-metrics { grid-template-columns: repeat(2, 1fr); }
  .worker-row { grid-template-columns: 30px 1fr 60px; }
  .worker-row > span:not(.avatar):not(.status), .worker-row > button { display: none; }
  .detail-columns { grid-template-columns: 1fr; }
}
.daily-workforce-panel,.daily-readiness-panel,.daily-audit-panel{margin-top:16px}.daily-workforce-summary{display:grid;grid-template-columns:1.1fr 1.4fr .9fr;gap:14px}.workforce-leader,.auditor-state{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line-soft);background:var(--surface-2)}.workforce-leader div,.auditor-state{min-width:0}.workforce-leader strong,.auditor-state strong{display:block}.workforce-leader small,.auditor-state small{display:block;color:var(--muted);margin-top:3px}.workforce-totals{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line-soft)}.workforce-totals span{padding:12px 8px;border-right:1px solid var(--line-soft);color:var(--muted);font-size:10px}.workforce-totals b{display:block;color:var(--text);font-size:20px;margin-bottom:4px}.auditor-state{display:block}.daily-details{margin-top:12px;border-top:1px solid var(--line-soft);padding-top:10px}.daily-details summary{cursor:pointer;color:var(--cyan);font-weight:700}.workforce-exceptions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.workforce-exception{border:1px solid var(--line-soft);padding:10px}.workforce-exception strong,.workforce-exception span,.workforce-exception small{display:block}.workforce-exception span{margin:4px 0;color:var(--muted)}.workforce-exception small{color:var(--amber)}.readiness-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.readiness-grid>div{border:1px dashed var(--line);padding:12px;background:var(--surface-2)}.readiness-grid strong,.readiness-grid small{display:block}.readiness-grid strong{margin:12px 0 5px}.readiness-grid small{color:var(--muted);line-height:1.45}.audit-agent-line{display:flex;justify-content:space-between;align-items:center;padding:11px;background:var(--surface-2);border:1px solid var(--line-soft)}.audit-agent-line strong,.audit-agent-line small{display:block}.audit-agent-line small{color:var(--muted);margin-top:4px}.audit-findings{display:grid;gap:8px;margin-top:10px}.audit-finding{border:1px solid var(--line-soft);border-left:3px solid var(--amber);padding:11px;background:var(--surface-2)}.audit-finding.high{border-left-color:var(--red)}.audit-finding.low{border-left-color:var(--blue)}.audit-finding header{display:grid;grid-template-columns:65px 1fr auto;gap:8px;align-items:center}.audit-finding header span{text-transform:uppercase;font-weight:800;color:var(--amber)}.audit-finding.high header span{color:var(--red)}.audit-finding header em{font-style:normal;color:var(--muted)}.audit-finding p{margin:8px 0;color:var(--text)}.audit-finding footer{display:grid;grid-template-columns:.8fr .5fr 2fr;gap:12px;color:var(--muted);font-size:10px}.audit-finding footer b{display:block;color:var(--quiet);text-transform:uppercase;margin-bottom:3px}
@media(max-width:1100px){.daily-workforce-summary{grid-template-columns:1fr}.readiness-grid{grid-template-columns:repeat(2,1fr)}.workforce-exceptions{grid-template-columns:1fr}.audit-finding footer{grid-template-columns:1fr}}
@media(max-width:680px){.workforce-totals{grid-template-columns:repeat(2,1fr)}.readiness-grid{grid-template-columns:1fr}.audit-finding header{grid-template-columns:1fr}.audit-agent-line{align-items:flex-start;gap:8px}}
/* Calm Executive Slate refinement: layout and information architecture unchanged. */
html { scroll-behavior: smooth; scrollbar-gutter: stable; overscroll-behavior-y: none; }
body { font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
strong, b, h1, h2, h3 { font-weight: 600; }
.brand-mark, .count-pill, .department-code, #nav em { font-weight: 700; }
.eyebrow, #nav p, .metric > span, .status, .live-state { font-weight: 650; }
.page-heading h1, .metric > strong { font-weight: 620; }
button.primary, button.secondary, button.danger, .primary, .secondary, .text-button { font-weight: 600; }

a, button, input, select, textarea, summary, .manager-row, .manager-card, .load-row, .pipeline-stage article {
  transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease, opacity .16s ease, transform .16s ease;
}
button:active, .manager-row:active, .manager-card:active { transform: translateY(0) scale(.995); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--cyan) 78%, white);
  outline-offset: 3px;
  box-shadow: 0 0 0 5px var(--cyan-soft);
}
.manager-row:hover, .load-row:hover { background: color-mix(in srgb, var(--surface-2) 84%, transparent); }
.manager-card:hover { transform: translateY(-1px); box-shadow: 0 12px 34px rgba(0,0,0,.18); }
.panel, .metric-grid, .operations-strip { transition: border-color .2s ease, box-shadow .2s ease; }
.panel:hover { border-color: color-mix(in srgb, var(--line) 76%, var(--muted)); }
.pipeline-board, .work-list, #nav, .segmented { overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--line); border: 2px solid transparent; background-clip: padding-box; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background-color: var(--quiet); }
.view { animation-duration: .22s; }
.empty-state { color: var(--muted); background: linear-gradient(180deg, transparent, rgba(255,255,255,.008)); }
.empty-state strong { font-weight: 600; }

.is-loading #ownerMetrics:empty, .is-loading #liveOperations:empty, .is-loading #managerPulse:empty,
.is-loading #problemBoard:empty, .is-loading #dailyDealPanel:empty, .is-loading #overviewPipeline:empty {
  position: relative; min-height: 74px; overflow: hidden; border: 1px solid var(--line-soft); background: var(--surface);
}
.is-loading #ownerMetrics:empty::after, .is-loading #liveOperations:empty::after, .is-loading #managerPulse:empty::after,
.is-loading #problemBoard:empty::after, .is-loading #dailyDealPanel:empty::after, .is-loading #overviewPipeline:empty::after {
  content: ""; position: absolute; inset: 0; transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent);
  animation: calmShimmer 1.25s ease-in-out infinite;
}
@keyframes calmShimmer { to { transform: translateX(100%); } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  button:active, .manager-row:active, .manager-card:active, .manager-card:hover { transform: none; }
}

/* API & Integrations hub — persistent cards, exact-scope Owner activation */
.integration-boundary {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--cyan);
  border-radius: 12px;
  background: var(--surface);
}
.integration-boundary strong { flex: 0 0 auto; font-size: 13px; }
.integration-boundary span { color: var(--muted); font-size: 12px; line-height: 1.55; }
.integration-summary { grid-template-columns: repeat(5,minmax(0,1fr)); margin-bottom: 16px; border-radius: 12px; overflow: hidden; }
.integration-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.integration-toolbar > div, .integration-toolbar label { display: grid; gap: 4px; }
.integration-toolbar strong { font-size: 15px; }
.integration-toolbar span { color: var(--muted); font-size: 11px; }
.integration-toolbar select { min-width: 210px; min-height: 38px; padding: 0 10px; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; }
.integration-registry-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.integration-card { position: relative; display: grid; gap: 15px; min-width: 0; padding: 18px; border: 1px solid var(--line); border-top-width: 4px; border-radius: 14px; background: var(--surface); box-shadow: 0 8px 24px rgba(14,29,57,.06); }
.integration-card.status-gray { border-top-color: #8b95a7; }
.integration-card.status-green { border-top-color: #21875f; }
.integration-card.status-yellow { border-top-color: #c58b16; }
.integration-card.status-red { border-top-color: #cc3d46; }
.integration-card > header { display: grid; grid-template-columns: 50px minmax(0,1fr) auto; align-items: start; gap: 12px; }
.integration-provider-mark { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 12px; color: var(--cyan); background: var(--surface-2); font-size: 14px; font-weight: 800; }
.integration-card h2 { margin: 5px 0 2px; font-size: 19px; line-height: 1.15; }
.integration-card header p { margin: 0; color: var(--muted); font-size: 12px !important; }
.integration-status { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 999px; font-size: 10.5px; font-weight: 800; white-space: nowrap; }
.integration-status i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.integration-status.gray { color: #687386; background: rgba(104,115,134,.12); }
.integration-status.green { color: #18734f; background: rgba(33,135,95,.12); }
.integration-status.yellow { color: #93630a; background: rgba(197,139,22,.14); }
.integration-status.red { color: #b4232d; background: rgba(204,61,70,.12); }
.integration-purpose { margin: 0; color: var(--text); font-size: 13px !important; line-height: 1.55; }
.integration-card-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.integration-card-facts > div { display: grid; align-content: start; gap: 4px; min-width: 0; padding: 11px; border: 1px solid var(--line-soft); border-radius: 9px; background: var(--surface-2); }
.integration-card-facts span, .integration-card dt { color: var(--quiet); font-size: 9.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.integration-card-facts b, .integration-card dd { color: var(--text); font-size: 11.5px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.integration-card-facts small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.integration-card details { padding: 12px; border: 1px solid var(--line-soft); border-radius: 9px; }
.integration-card summary { cursor: pointer; color: var(--text); font-size: 11.5px; font-weight: 700; }
.integration-card dl { display: grid; gap: 8px; margin: 12px 0 0; }
.integration-card dl > div { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 10px; }
.integration-card dd { margin: 0; color: var(--muted); }
.integration-card dd a { color: var(--cyan); }
.integration-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 3px; }
.integration-card > footer span { color: var(--muted); font-size: 10.5px; }
.company-mode-segment { display: inline-flex; align-items: center; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-2); }
.company-mode-segment button { min-height: 30px; padding: 0 9px; border: 0; border-radius: 6px; color: var(--muted); background: transparent; cursor: pointer; font-size: 10px; font-weight: 750; }
.company-mode-segment button:hover { color: var(--text); }
.company-mode-segment button[data-company-mode="offline"].active { color: #fff; background: #c33742; }
.company-mode-segment button[data-company-mode="warm_up"].active { color: #2d2104; background: #e8b647; }
.company-mode-segment button[data-company-mode="online"].active { color: #fff; background: #21875f; }
.company-mode-segment button:disabled { cursor: wait; opacity: .72; }
body[data-company-mode="offline"] .live-chip > i { background: var(--red); box-shadow: 0 0 0 4px var(--red-soft); }
body[data-company-mode="warm_up"] .live-chip > i { background: var(--amber); box-shadow: 0 0 0 4px var(--amber-soft); }
body[data-company-mode="online"] .live-chip > i { background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }
body[data-company-mode="offline"] .system-state > i { background: var(--red); box-shadow: 0 0 0 4px var(--red-soft); animation: none; }
body[data-company-mode="warm_up"] .system-state > i { background: var(--amber); box-shadow: 0 0 0 4px var(--amber-soft); animation: none; }
body[data-company-mode="online"] .system-state > i { background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }
.warm-up-queue-panel { margin-bottom: 16px; }
.warm-up-queue-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.warm-up-queue-list > article { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--line-soft); border-radius: 10px; background: var(--surface-2); }
.warm-up-queue-list header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.warm-up-queue-list h3 { margin: 5px 0 2px; font-size: 15px; }
.warm-up-queue-list p { margin: 0; color: var(--muted); font-size: 12px !important; }
.warm-up-queue-list dl { display: grid; gap: 7px; margin: 0; }
.warm-up-queue-list dl > div { display: grid; grid-template-columns: 125px minmax(0,1fr); gap: 8px; }
.warm-up-queue-list dt { color: var(--quiet); font-size: 9.5px; font-weight: 800; text-transform: uppercase; }
.warm-up-queue-list dd { margin: 0; color: var(--text); font-size: 11px; overflow-wrap: anywhere; }
.warm-up-queue-list footer { padding-top: 7px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 10px; }
.integration-activation-dialog .dialog-shell { width: min(760px,calc(100vw - 28px)); }
.integration-scope-warning { display: grid; gap: 5px; padding: 13px; border: 1px solid var(--line); border-left: 4px solid var(--amber); border-radius: 9px; background: var(--surface-2); }
.integration-scope-warning strong { font-size: 12px; }
.integration-scope-warning span, .integration-scope-warning small { color: var(--muted); font-size: 11px; line-height: 1.5; }
.integration-scope-field { display: grid; gap: 7px; margin-top: 14px; }
.integration-scope-field textarea { min-height: 92px; color: var(--text); background: var(--surface-2); border: 1px solid var(--line); border-radius: 9px; padding: 11px; resize: vertical; }
body.theme-light #integrations { color: #10203d; }
body.theme-light #integrations .integration-card,
body.theme-light #integrations .integration-boundary,
body.theme-light #integrations .integration-toolbar select { background: #fff; border-color: #dce3ed; }
body.theme-light #integrations .integration-card-facts > div,
body.theme-light #integrations .integration-provider-mark,
body.theme-light .integration-scope-warning,
body.theme-light .integration-scope-field textarea { background: #f5f7fb; border-color: #dce3ed; }
body.theme-light #integrations .integration-card details { border-color: #dce3ed; }
body.theme-light .company-mode-segment { background: #f5f7fb; border-color: #dce3ed; }
body.theme-light .warm-up-queue-list > article { background: #f5f7fb; border-color: #dce3ed; }
.warm-up-queue-summary { margin: 12px 2px 0; color: var(--muted); font-size: 12px; }
body.theme-light #integrations .integration-purpose,
body.theme-light #integrations .integration-card-facts b,
body.theme-light #integrations .integration-card dd { color: #10203d; }
body.theme-dark #integrations .integration-status.green { color: #62d9a5; }
body.theme-dark #integrations .integration-status.yellow { color: #f0c36b; }
body.theme-dark #integrations .integration-status.red { color: #ff8389; }

@media (max-width: 1100px) {
  .integration-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .integration-registry-grid { grid-template-columns: 1fr; }
  .warm-up-queue-list { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .integration-boundary, .integration-toolbar, .integration-card > footer { align-items: stretch; flex-direction: column; }
  .integration-summary, .integration-card-facts { grid-template-columns: 1fr; }
  .integration-card > header { grid-template-columns: 44px minmax(0,1fr); }
  .integration-provider-mark { width: 44px; height: 44px; }
  .integration-status { grid-column: 1 / -1; justify-self: start; }
  .integration-card dl > div { grid-template-columns: 1fr; gap: 3px; }
  .company-mode-segment { width: 100%; }
  .company-mode-segment button { flex: 1; }
  .warm-up-queue-list dl > div { grid-template-columns: 1fr; }
}

/* v33 — Command Desk readability polish, scoped to Product Trend, Top Products,
   and Action & Report Inbox. Panel geometry and composition are unchanged. */
#briefing .owner-inbox-panel .owner-section-heading h2,
#briefing .owner-product-panel .owner-section-heading h2 {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -.018em;
}
#briefing .owner-inbox-panel .owner-inbox-item {
  grid-template-columns: 38px minmax(0, 1fr) 58px;
  gap: 12px;
  padding: 9px 14px;
}
#briefing .owner-inbox-panel .inbox-mark {
  width: 36px;
  height: 36px;
  border-radius: 9px;
}
#briefing .owner-inbox-panel .owner-inbox-svg {
  width: 23px;
  height: 23px;
  display: block;
}
#briefing .owner-inbox-panel .inbox-mark.urgent {
  color: var(--preview-red, var(--red));
  background: var(--red-soft, #fff0f1);
}
#briefing .owner-inbox-panel .inbox-mark.report {
  color: var(--preview-cobalt, var(--blue));
  background: var(--preview-pale-blue, var(--cyan-soft));
}
#briefing .owner-inbox-panel .owner-inbox-item strong {
  font-size: 13px !important;
  line-height: 1.3;
}
#briefing .owner-inbox-panel .owner-inbox-item small {
  margin-top: 4px;
  font-size: 11px !important;
  line-height: 1.35;
}
#briefing .owner-inbox-panel .owner-inbox-item time {
  min-width: 58px;
  justify-self: end;
  align-self: start;
  padding-top: 2px;
  font-size: 11px !important;
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
  text-align: right;
  white-space: nowrap;
}
#briefing .owner-inbox-panel .preview-inbox-dot {
  right: 14px;
  bottom: 11px;
  width: 7px;
  height: 7px;
}
#briefing .owner-product-panel .preview-product-head {
  font-size: 10.5px !important;
  letter-spacing: .025em;
}
#briefing .owner-product-panel .preview-product-row {
  font-size: 11px !important;
}
#briefing .owner-product-panel .preview-product-name strong,
#briefing .owner-product-panel .preview-product-value strong {
  font-size: 12.5px !important;
  line-height: 1.3;
}
#briefing .owner-product-panel .preview-product-value small {
  font-size: 10.5px !important;
  line-height: 1.25;
}
#briefing .owner-product-panel .preview-product-name i {
  width: 40px;
  height: 40px;
  font-size: 13px;
}
#briefing .owner-product-panel .preview-spark {
  width: 56px;
  height: 24px;
}
#briefing .owner-product-panel .preview-spark i {
  width: 14px;
  height: 2.5px;
  border-radius: 999px;
}
#briefing .owner-product-panel .preview-spark i:nth-child(1) { left: 0; top: 15px; }
#briefing .owner-product-panel .preview-spark i:nth-child(2) { left: 11px; top: 6px; }
#briefing .owner-product-panel .preview-spark i:nth-child(3) { left: 22px; top: 14px; }
#briefing .owner-product-panel .preview-spark i:nth-child(4) { left: 33px; top: 5px; }
#briefing .owner-product-panel .preview-spark i:nth-child(5) { left: 44px; top: 12px; }
#briefing .preview-line {
  stroke-width: 2.4;
}
#briefing .preview-point {
  stroke-width: 1.25;
}
body.theme-dark.briefing-view #briefing .owner-inbox-panel .inbox-mark.urgent {
  color: #ff7378;
  background: #3a1d26;
}
body.theme-dark.briefing-view #briefing .owner-inbox-panel .inbox-mark.report {
  color: #73a6ff;
  background: #172b4d;
}

/* v34 — BUSINESS destinations and Live Operations only. */
:is(#finance, #hiring, #alerts, #timeline, #settings) .page-heading {
  margin-bottom: 22px;
}
:is(#finance, #hiring, #alerts, #timeline, #settings) .page-heading h1 {
  max-width: 980px;
  font-size: clamp(30px, 2.65vw, 43px) !important;
  line-height: 1.12;
}
:is(#finance, #hiring, #alerts, #timeline, #settings) .page-heading p {
  max-width: 960px;
  font-size: 13px;
  line-height: 1.65;
}
:is(#finance, #hiring, #alerts, #timeline, #settings) .panel {
  overflow: hidden;
  border-radius: 14px;
}
:is(#finance, #hiring, #alerts, #timeline, #settings) .panel-heading {
  min-height: 78px;
  padding: 17px 20px;
}
:is(#finance, #hiring, #alerts, #timeline, #settings) .panel-heading h2 {
  font-size: 19px !important;
  line-height: 1.25;
}
:is(#finance, #hiring, #alerts, #timeline, #settings) .metric-grid {
  gap: 1px;
  border-radius: 14px;
}
:is(#finance, #hiring, #alerts) .metric {
  position: relative;
  min-height: 132px;
  padding: 23px 22px 20px 68px;
}
:is(#finance, #hiring, #alerts) .metric::before {
  content: "•";
  position: absolute;
  left: 20px;
  top: 23px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--cyan);
  background: var(--cyan-soft);
  font-size: 17px;
  font-weight: 700;
}
#finance .metric:nth-child(1)::before { content: "$"; }
#finance .metric:nth-child(2)::before { content: "↗"; }
#finance .metric:nth-child(3)::before { content: "↘"; }
#finance .metric:nth-child(4)::before { content: "="; }
#hiring .metric:nth-child(1)::before { content: "✓"; }
#hiring .metric:nth-child(2)::before { content: "◫"; }
#hiring .metric:nth-child(3)::before { content: "+"; }
#hiring .metric:nth-child(4)::before { content: "↺"; }
#alerts .metric:nth-child(1)::before { content: "!"; }
#alerts .metric:nth-child(2)::before { content: "✓"; }
#alerts .metric:nth-child(3)::before { content: "×"; }
#alerts .metric:nth-child(4)::before { content: "○"; }
:is(#finance, #hiring, #alerts) .metric > span { font-size: 11px !important; }
:is(#finance, #hiring, #alerts) .metric > strong { font-size: clamp(29px, 2.2vw, 36px) !important; }
:is(#finance, #hiring, #alerts) .metric > small { font-size: 11.5px !important; line-height: 1.45; }
:is(#finance, #hiring, #settings) :is(.rule-list, .policy-stack) > div {
  gap: 15px;
  padding: 18px 20px;
}
:is(#finance, #hiring, #settings) :is(.rule-list, .policy-stack) > div > span {
  flex-basis: 32px;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  font-size: 10px !important;
}
:is(#finance, #hiring, #settings) :is(.rule-list, .policy-stack) strong {
  font-size: 13px !important;
  line-height: 1.35;
}
:is(#finance, #hiring, #settings) :is(.rule-list, .policy-stack) p {
  font-size: 12px !important;
  line-height: 1.6;
}
#alerts .approval-card { padding: 22px; }
#alerts .approval-card h2 { font-size: 19px; line-height: 1.3; }
#alerts .approval-scope { gap: 10px; }
#alerts .approval-scope > div { padding: 12px; border-radius: 9px; background: var(--surface-2); }
#alerts .approval-scope span, #alerts .approval-card footer small, #alerts .approval-card footer > span { font-size: 11px !important; }
#alerts .approval-scope b { font-size: 12px !important; line-height: 1.45; }
#timeline .timeline { padding: 12px 24px; }
#timeline .timeline article { grid-template-columns: 155px 22px minmax(0,1fr); min-height: 104px; gap: 17px; }
#timeline .timeline time { padding-top: 23px; font-size: 11px !important; font-variant-numeric: tabular-nums; }
#timeline .timeline article > span::before { top: 27px; width: 9px; height: 9px; left: -5px; }
#timeline .timeline article > div { padding: 20px 0; }
#timeline .timeline article small { font-size: 10.5px !important; }
#timeline .timeline article strong { margin-top: 6px; font-size: 14px !important; }
#timeline .timeline article p { margin-top: 6px; font-size: 12px !important; line-height: 1.55; }
#settings .control-grid { gap: 18px; }
#settings .control-grid > .panel { min-width: 0; }
body.theme-dark :is(#finance, #hiring, #alerts) .metric::before { color: #73a6ff; background: #172b4d; }

#workgraph .live-operations-filterbar {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(170px,.24fr) minmax(150px,.2fr);
  gap: 14px;
  align-items: end;
  margin-bottom: 15px;
  padding: 15px 17px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--surface);
}
#workgraph .live-operations-filterbar > div strong,
#workgraph .live-operations-filterbar > div span { display: block; }
#workgraph .live-operations-filterbar > div strong { font-size: 14px; }
#workgraph .live-operations-filterbar > div span { margin-top: 4px; color: var(--muted); font-size: 11px; }
#workgraph .live-operations-filterbar label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 650; }
#workgraph .live-operations-filterbar select { min-height: 39px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; color: var(--text); background: var(--surface-2); font-size: 12px; }
.live-operations-command { display: grid; grid-template-columns: minmax(250px,.76fr) minmax(430px,1.35fr) minmax(300px,.9fr); gap: 15px; align-items: start; }
.live-operations-center, .live-operations-right { display: grid; gap: 15px; min-width: 0; }
#workgraph .panel-heading { min-height: 70px; padding: 15px 17px; }
#workgraph .panel-heading h2 { font-size: 17px !important; }
.live-operations-people #liveOpsAgentList { max-height: 762px; overflow: auto; }
.live-ops-person-list { display: grid; }
.live-ops-person { width: 100%; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 10px; align-items: center; min-height: 76px; padding: 10px 13px; border: 0; border-bottom: 1px solid var(--line-soft); color: var(--text); background: transparent; text-align: left; cursor: pointer; }
.live-ops-person:hover { background: var(--surface-2); }
.live-ops-person > span:nth-child(2) { min-width: 0; }
.live-ops-person strong, .live-ops-person small, .live-ops-person em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-ops-person strong { font-size: 12.5px; }
.live-ops-person small { margin-top: 3px; color: var(--muted); font-size: 10px !important; }
.live-ops-person em { margin-top: 5px; color: var(--quiet); font-size: 10px; font-style: normal; }
.live-ops-person > i { padding: 5px 7px; border-radius: 999px; color: var(--muted); background: var(--surface-2); font-size: 9px; font-style: normal; }
.live-ops-person.working > i { color: var(--green); background: var(--green-soft); }
.live-ops-person.blocked > i { color: var(--red); background: var(--red-soft); }
#liveOpsTrend { min-height: 250px; padding: 12px 17px 15px; }
.live-ops-chart-legend { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 8px; color: var(--muted); font-size: 10px; }
.live-ops-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.live-ops-chart-legend i { width: 18px; height: 3px; border-radius: 999px; }
.live-ops-chart-legend .open i { background: var(--amber); }
.live-ops-chart-legend .completed i { background: var(--green); }
.live-ops-chart { width: 100%; height: 202px; overflow: visible; }
.live-ops-chart-grid line { stroke: var(--line-soft); stroke-dasharray: 4 4; }
.live-ops-series { fill: none; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.live-ops-series.open { stroke: var(--amber); }
.live-ops-series.completed { stroke: var(--green); }
.live-ops-point.open { fill: var(--amber); }
.live-ops-point.completed { fill: var(--green); }
.live-ops-chart-labels text { fill: var(--quiet); font-size: 10px; }
.live-ops-status-list { display: grid; padding: 7px 14px 12px; }
.live-ops-status-list > div { display: grid; grid-template-columns: 10px minmax(0,1fr); gap: 9px; padding: 10px 0; border-bottom: 1px solid var(--line-soft); }
.live-ops-status-list > div:last-child { border-bottom: 0; }
.live-ops-status-list i { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: var(--quiet); }
.live-ops-status-list .good i { background: var(--green); }
.live-ops-status-list strong, .live-ops-status-list small { display: block; }
.live-ops-status-list strong { font-size: 11.5px; }
.live-ops-status-list small { margin-top: 3px; color: var(--muted); font-size: 10px !important; }
.live-ops-alert-list { display: grid; padding: 5px 14px 12px; }
.live-ops-alert-list > div { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 9px; padding: 10px 0; border-bottom: 1px solid var(--line-soft); }
.live-ops-alert-list > div > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: var(--red); background: var(--red-soft); font-weight: 750; }
.live-ops-alert-list p { margin: 0; }
.live-ops-alert-list strong, .live-ops-alert-list small { display: block; }
.live-ops-alert-list strong { font-size: 11px; }
.live-ops-alert-list small { margin-top: 3px; color: var(--muted); font-size: 10px !important; }
.live-ops-empty { min-height: 116px; }
.live-map-boundary { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; padding: 13px 15px; color: var(--muted); background: var(--surface-2); font-size: 10px; }
.live-map-boundary > div { min-width: 0; }
.live-map-boundary strong, .live-map-boundary small { display: block; }
.live-map-boundary strong { color: var(--text); font-size: 12.5px; font-weight: 650; }
.live-map-boundary small { margin-top: 3px; color: var(--muted); font-size: 9.5px !important; }
.live-map-boundary > span { flex: 0 0 auto; }
.live-map-region-controls { display: grid; grid-template-columns: repeat(auto-fit,minmax(128px,1fr)); gap: 7px; padding: 10px 11px; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); background: var(--surface); }
.live-map-region-control { min-width: 0; display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 8px; align-items: center; min-height: 52px; padding: 7px 9px; border: 1px solid var(--line-soft); border-radius: 9px; color: var(--text); background: var(--surface-2); text-align: left; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.live-map-region-control:hover { border-color: var(--line); transform: translateY(-1px); }
.live-map-region-control:focus-visible, .live-map-marker:focus-visible { outline: 3px solid color-mix(in srgb, var(--cyan) 35%, transparent); outline-offset: 2px; }
.live-map-region-control > b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; color: var(--quiet); background: var(--surface-3); font-size: 9px; letter-spacing: .04em; }
.live-map-region-control span, .live-map-region-control small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-map-region-control span { font-size: 10.5px; font-weight: 600; }
.live-map-region-control small { margin-top: 3px; color: var(--muted); font-size: 8.5px !important; font-weight: 450; }
.live-map-region-control.is-selected { border-color: var(--map-status-color,var(--cyan)); background: color-mix(in srgb, var(--map-status-color,var(--cyan)) 9%, var(--surface)); box-shadow: inset 3px 0 var(--map-status-color,var(--cyan)); }
.live-map-region-control.is-selected > b { color: #fff; background: var(--map-status-color,var(--cyan)); }
.live-map-region-control.working, .live-map-marker.working, .live-world-map.selected-working { --map-status-color: var(--green); }
.live-map-region-control.monitoring, .live-map-marker.monitoring, .live-world-map.selected-monitoring { --map-status-color: var(--amber); }
.live-map-region-control.blocked, .live-map-marker.blocked, .live-world-map.selected-blocked { --map-status-color: var(--red); }
.live-map-region-control.inactive, .live-map-region-control.unverified, .live-map-marker.inactive, .live-world-map.selected-inactive { --map-status-color: var(--quiet); }
.live-map-region-control.working > b { color: var(--green); background: var(--green-soft); }
.live-map-region-control.monitoring > b { color: var(--amber); background: var(--amber-soft); }
.live-map-region-control.blocked > b { color: var(--red); background: var(--red-soft); }
.live-map-region-control.unverified > b { color: var(--quiet); background: var(--surface-3); }
.live-map-region-control.is-selected > b { color: #fff; background: var(--map-status-color,var(--cyan)); }
.live-map-no-regions { grid-column: 1/-1; padding: 12px; color: var(--muted); text-align: center; font-size: 10px; }
.live-world-map { position: relative; min-height: 248px; overflow: hidden; background: linear-gradient(180deg, color-mix(in srgb,var(--cyan-soft) 62%,var(--surface)), var(--surface)); isolation: isolate; }
.live-world-map > svg { width: 100%; height: 248px; display: block; }
.live-map-country-layer path { fill: var(--surface-3) !important; stroke: color-mix(in srgb,var(--line) 86%,var(--quiet)); stroke-width: .72; stroke-linejoin: round; opacity: 1; transition: fill .16s ease, stroke .16s ease, opacity .16s ease, filter .16s ease; }
.live-map-country-layer path.status-working { fill: color-mix(in srgb,var(--green) 58%,var(--surface)) !important; stroke: color-mix(in srgb,var(--green) 88%,var(--text)); }
.live-map-country-layer path.status-monitoring { fill: color-mix(in srgb,var(--amber) 62%,var(--surface)) !important; stroke: color-mix(in srgb,var(--amber) 88%,var(--text)); }
.live-map-country-layer path.status-blocked { fill: color-mix(in srgb,var(--red) 62%,var(--surface)) !important; stroke: color-mix(in srgb,var(--red) 88%,var(--text)); }
.live-map-country-layer path.status-unverified { fill: var(--surface-3) !important; }
.live-map-country-layer path.is-focused { stroke-width: 1.45; filter: drop-shadow(0 1px 2px color-mix(in srgb,var(--text) 22%,transparent)); }
.live-world-map.has-selection .live-map-country-layer path:not(.is-focused) { opacity: .22; }
.live-world-map.has-selection .live-map-country-layer path.status-unverified:not(.is-focused) { opacity: .12; }
.live-map-loading { fill: var(--muted); font-size: 22px; }
body.theme-dark .live-map-country-layer path { fill: color-mix(in srgb,var(--surface-3) 72%,#06101d) !important; stroke: color-mix(in srgb,var(--line) 75%,#7e8da0); }
body.theme-dark .live-map-country-layer path.status-working { fill: color-mix(in srgb,var(--green) 56%,#112033) !important; stroke: color-mix(in srgb,var(--green) 86%,#fff); }
body.theme-dark .live-map-country-layer path.status-monitoring { fill: color-mix(in srgb,var(--amber) 58%,#112033) !important; stroke: color-mix(in srgb,var(--amber) 86%,#fff); }
body.theme-dark .live-map-country-layer path.status-blocked { fill: color-mix(in srgb,var(--red) 58%,#112033) !important; stroke: color-mix(in srgb,var(--red) 86%,#fff); }
.live-map-preview-badge { justify-self: start; max-width: 100%; padding: 5px 7px; border: 1px solid color-mix(in srgb,var(--amber) 48%,var(--line)); border-radius: 6px; color: var(--amber); background: var(--amber-soft); font-size: 8.5px; font-weight: 700; letter-spacing: .035em; line-height: 1.35; }
.live-map-marker { display: none !important; }
.live-map-marker { position: absolute; left: var(--map-x); top: var(--map-y); z-index: 2; width: 24px; height: 24px; display: grid; place-items: center; padding: 0; border: 2px solid var(--surface); border-radius: 50%; color: var(--quiet); background: var(--surface-3); box-shadow: 0 0 0 1px var(--line), 0 4px 12px rgba(9,23,42,.16); cursor: pointer; transform: translate(-50%,-50%); transition: color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
.live-map-marker:hover { transform: translate(-50%,-50%) scale(1.08); }
.live-map-marker > i { display: block; font-size: 7px; font-style: normal; font-weight: 800; letter-spacing: .02em; }
.live-map-marker > span { position: absolute; left: 50%; top: 28px; padding: 4px 6px; border: 1px solid var(--line-soft); border-radius: 6px; color: var(--muted); background: color-mix(in srgb, var(--surface) 94%, transparent); box-shadow: 0 3px 10px rgba(9,23,42,.08); font-size: 8.5px; font-weight: 600; white-space: nowrap; transform: translateX(-50%); }
.live-map-marker.is-neutral { color: var(--quiet); background: var(--surface-3); }
.live-map-marker.is-selected { width: 30px; height: 30px; color: #fff; background: var(--map-status-color,var(--cyan)); box-shadow: 0 0 0 3px color-mix(in srgb,var(--map-status-color,var(--cyan)) 22%,transparent), 0 6px 18px color-mix(in srgb,var(--map-status-color,var(--cyan)) 30%,transparent); }
.live-map-marker.is-selected > span { color: var(--text); border-color: color-mix(in srgb,var(--map-status-color,var(--cyan)) 35%,var(--line)); font-size: 9.5px; }
.live-map-legend { display: flex; flex-wrap: wrap; gap: 11px 16px; padding: 10px 13px; border-top: 1px solid var(--line-soft); color: var(--muted); background: var(--surface-2); font-size: 9px; }
.live-map-legend span { display: inline-flex; align-items: center; gap: 6px; }
.live-map-legend i { width: 9px; height: 9px; border-radius: 50%; background: var(--quiet); }
.live-map-legend i.working { background: var(--green); }
.live-map-legend i.monitoring { background: var(--amber); }
.live-map-legend i.blocked { background: var(--red); }
.live-map-legend i.inactive { background: var(--quiet); }
.live-map-legend i.neutral { border: 1px solid var(--line); background: var(--surface-3); }
.live-map-detail { margin: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); }
.live-map-detail header { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: 9px; align-items: center; }
.live-map-detail header strong, .live-map-detail header small { display: block; }
.live-map-detail header strong { font-size: 11.5px; }
.live-map-detail header small { margin-top: 3px; color: var(--muted); font-size: 9.5px !important; }
.live-map-detail header > i { color: var(--muted); font-size: 9px; font-style: normal; }
.live-map-detail header > i.working { color: var(--green); }
.live-map-detail dl { display: grid; gap: 7px; margin: 11px 0 0; }
.live-map-detail dl > div { display: grid; grid-template-columns: 82px minmax(0,1fr); gap: 8px; }
.live-map-detail dt { color: var(--quiet); font-size: 9px; }
.live-map-detail dd { margin: 0; color: var(--text); font-size: 10px; }
.live-map-detail.is-unspecified p { margin: 11px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.live-map-region-agents { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 11px; padding-top: 10px; border-top: 1px solid var(--line-soft); }
.live-map-region-agents > span { width: 100%; color: var(--quiet); font-size: 8.5px; text-transform: uppercase; letter-spacing: .04em; }
.live-map-region-agents button { min-height: 28px; padding: 0 8px; border: 1px solid var(--line-soft); border-radius: 7px; color: var(--muted); background: var(--surface); font-size: 9px; }
.live-map-region-agents button.active { border-color: var(--cyan); color: var(--cyan); }
.live-map-unspecified { margin: 0 10px 10px; border-top: 1px solid var(--line-soft); }
.live-map-unspecified summary { padding: 11px 0; color: var(--muted); cursor: pointer; font-size: 10px; }
.live-map-unspecified > div { max-height: 170px; overflow: auto; }
.live-map-unspecified button { width: 100%; display: grid; gap: 2px; padding: 8px 0; border: 0; border-top: 1px solid var(--line-soft); color: var(--text); background: transparent; text-align: left; }
.live-map-unspecified button small { color: var(--muted); font-size: 9.5px !important; }
.live-operations-work { margin-top: 15px; }
@media (prefers-reduced-motion: reduce) { .live-map-region-control, .live-map-marker, .live-map-country-layer path { transition: none; } }
@media (max-width: 1260px) {
  .live-operations-command { grid-template-columns: minmax(240px,.7fr) minmax(430px,1.3fr); }
  .live-operations-right { grid-column: 1 / -1; grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 840px) {
  #workgraph .live-operations-filterbar { grid-template-columns: 1fr 1fr; }
  #workgraph .live-operations-filterbar > div { grid-column: 1 / -1; }
  .live-operations-command { grid-template-columns: 1fr; }
  .live-operations-right { grid-column: 1; grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  #workgraph .live-operations-filterbar { grid-template-columns: 1fr; }
  #workgraph .live-operations-filterbar > div { grid-column: 1; }
  :is(#finance, #hiring, #alerts) .metric { padding-left: 64px; }
  #timeline .timeline article { grid-template-columns: 18px minmax(0,1fr); }
  #timeline .timeline time { grid-column: 2; text-align: left; }
  .live-map-boundary { align-items: flex-start; flex-direction: column; }
  .live-map-region-controls { grid-template-columns: 1fr 1fr; }
  .live-world-map, .live-world-map > svg { min-height: 210px; height: 210px; }
}
@media (max-width: 420px) { .live-map-region-controls { grid-template-columns: 1fr; } }

.org-tree{position:relative;min-width:0}.org-root{display:flex;justify-content:center}.org-root-card{width:min(680px,100%);display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:20px;border:1px solid var(--line);border-top:2px solid var(--cyan);border-radius:10px;background:linear-gradient(135deg,var(--surface-2),var(--surface));box-shadow:0 12px 38px rgba(0,0,0,.14)}.org-root-card h2{margin:6px 0 5px;font-size:18px}.org-root-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.org-root-meta{display:flex;gap:18px;margin-top:10px;color:var(--muted);font-size:9px}.org-root-meta b{display:inline-block;margin-right:5px;color:var(--quiet);text-transform:uppercase;font-size:8px}.org-trunk{width:1px;height:30px;margin:auto;background:var(--line)}.org-filter-summary{width:fit-content;margin:0 auto 15px;padding:7px 12px;border:1px solid var(--line-soft);border-radius:999px;background:#0d1218;color:var(--muted);font-size:9px}.org-branches{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:20px}.org-branches:before{content:"";position:absolute;left:25%;right:25%;top:0;height:1px;background:var(--line)}.org-branch{position:relative;min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);overflow:hidden}.org-branch:before{content:"";position:absolute;top:-21px;left:50%;width:1px;height:20px;background:var(--line)}.org-branch-toggle{width:100%;display:grid;grid-template-columns:22px 34px minmax(120px,1fr) minmax(150px,.8fr) 48px 76px;gap:10px;align-items:center;min-height:76px;padding:11px 14px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.org-branch-toggle:hover{background:var(--surface-2)}.org-branch-toggle:focus-visible,.org-roster-toggle:focus-visible,.org-agent:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}.org-chevron{color:var(--muted);font-size:22px;transform:rotate(0);transition:transform .22s ease}.org-branch.expanded .org-chevron{transform:rotate(90deg)}.org-branch-title,.org-leader{min-width:0}.org-branch-title strong,.org-branch-title small,.org-leader b,.org-leader small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-branch-title strong{font-size:12px}.org-branch-title small,.org-leader small{margin-top:4px;color:var(--quiet);font-size:8px}.org-leader b{font-size:10px;font-weight:600}.org-count{font-size:12px;text-align:center}.org-count small{display:block;color:var(--quiet);font-size:7px}.org-roster-toggle{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border:0;border-top:1px solid var(--line-soft);background:#0c1117;color:var(--text);text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease}.org-roster-toggle:hover{background:#101720;border-top-color:var(--line)}.org-roster-copy{min-width:115px}.org-roster-copy strong,.org-roster-copy small{display:block}.org-roster-copy strong{font-size:9px;font-weight:600}.org-roster-copy strong b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border:1px solid var(--line);border-radius:999px;color:var(--cyan);font-size:8px}.org-roster-copy small{margin-top:4px;color:var(--quiet);font-size:7px}.org-roster-chips{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.org-roster-chip,.org-roster-context{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:4px 7px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);font-size:7px}.org-roster-chip i{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--blue)}.org-roster-chip b{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text)}.org-roster-chip small{color:var(--quiet);font-size:7px}.org-roster-chip.working{border-color:rgba(82,199,139,.28)}.org-roster-chip.working i{background:var(--green)}.org-roster-chip.blocked{border-color:rgba(229,107,112,.32)}.org-roster-chip.blocked i{background:var(--red)}.org-roster-chip.inactive{opacity:.68}.org-roster-chip.inactive i{background:var(--quiet)}.org-roster-context{color:var(--quiet)}.org-roster-context.proposal-pending{border-color:rgba(227,173,80,.35);background:var(--amber-soft);color:var(--amber)}.org-roster-cue{display:flex;align-items:center;gap:7px;color:var(--cyan);font-size:8px}.org-roster-cue b{font-weight:500}.org-roster-cue i{font-size:14px;font-style:normal;transform:rotate(0);transition:transform .24s ease}.org-branch.expanded .org-roster-cue i{transform:rotate(180deg)}.org-children{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:3200px;padding:14px;border-top:1px solid var(--line-soft);background:#0c1117;opacity:1;transform:translateY(0);visibility:visible;overflow:hidden;transition:max-height .34s ease,opacity .22s ease,transform .28s ease,padding .3s ease,border-color .2s ease,visibility 0s linear}.org-branch:not(.expanded) .org-children{max-height:0;padding-top:0;padding-bottom:0;border-top-color:transparent;opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;transition:max-height .34s ease,opacity .18s ease,transform .26s ease,padding .3s ease,border-color .2s ease,visibility 0s linear .34s}.org-children:before{content:"";position:absolute;left:50%;top:0;width:1px;height:13px;background:var(--line)}.org-agent{min-width:0;padding:11px;border:1px solid var(--line-soft);border-radius:7px;background:var(--surface);outline:none}.org-agent.leader{border-color:rgba(54,197,216,.35);background:var(--cyan-soft)}.org-agent-line{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center}.org-agent-name{min-width:0}.org-agent-name strong,.org-agent-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-agent-name strong{font-size:10px}.org-agent-name small{margin-top:3px;color:var(--quiet);font-size:8px}.org-agent-summary{display:grid;grid-template-columns:1fr .72fr;gap:7px;margin-top:10px}.org-agent-summary span{min-width:0;color:var(--muted);font-size:8px;line-height:1.4}.org-agent-summary b{display:block;margin-bottom:3px;color:var(--quiet);font-size:7px;text-transform:uppercase;letter-spacing:.06em}.org-agent details{margin-top:10px;padding-top:8px;border-top:1px solid var(--line-soft)}.org-agent summary{cursor:pointer;color:var(--cyan);font-size:8px}.org-agent details p,.org-agent details small{display:block;margin:8px 0 0;color:var(--muted);font-size:8px;line-height:1.5}.org-tree mark{padding:1px 2px;border-radius:2px;background:var(--amber-soft);color:var(--amber)}.org-tree-actions{display:flex;align-items:center;gap:10px}.org-tree-actions>.text-button{min-height:30px;padding:0 6px}.org-tree .empty-state{grid-column:1/-1;border:1px solid var(--line)}
@media(max-width:1250px){.org-branch-toggle{grid-template-columns:20px 32px minmax(110px,1fr) minmax(120px,.7fr) 45px}.org-branch-toggle>.live-state{display:none}.org-children{grid-template-columns:1fr}}
@media(max-width:900px){.org-branches{grid-template-columns:1fr}.org-branches:before{left:50%;right:auto;height:100%;width:1px}.org-branch:before{left:24px}.org-branch-toggle{grid-template-columns:20px 32px 1fr auto}.org-branch-toggle .org-leader{grid-column:3}.org-branch-toggle .org-count{grid-column:4;grid-row:1/3}.org-root-card{grid-template-columns:46px 1fr}.org-root-card>.live-state{grid-column:2}.org-tree-actions{flex-wrap:wrap}.department-toolbar{align-items:flex-start}}
@media(max-width:640px){.org-root-card{padding:15px}.org-root-meta{flex-direction:column;gap:5px}.org-branch-toggle{min-height:82px;padding:10px;grid-template-columns:18px 30px 1fr auto}.org-branch-title small{white-space:normal;line-height:1.35}.org-leader{grid-column:3/5}.org-leader small{white-space:normal}.org-roster-toggle{grid-template-columns:1fr auto;padding:10px}.org-roster-chips{grid-column:1/-1}.org-roster-copy{min-width:0}.org-children{grid-template-columns:1fr;padding-left:9px;padding-right:9px}.org-agent-summary{grid-template-columns:1fr}.org-tree-actions{width:100%}.org-tree-actions .legend{width:100%}.org-filter-summary{text-align:center}.org-branches:before{display:none}.org-branch:before{display:none}}
.org-branches{align-items:start;grid-auto-rows:1px}
.org-branch:not(.expanded) .org-children{max-height:0;padding:0;border-top-width:0;gap:0}
.workforce-notice{margin-bottom:16px}.workforce-management{margin-bottom:16px}.workforce-management .panel-heading{align-items:center}.workforce-management .inline-search{min-width:min(430px,42vw)}.workforce-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-soft)}.workforce-agent-card{min-width:0;padding:15px;background:var(--surface)}.workforce-agent-card.retired{opacity:.68}.workforce-agent-card>header{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center}.workforce-agent-card>header>div{min-width:0}.workforce-agent-card>header strong,.workforce-agent-card>header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workforce-agent-card>header strong{font-size:11px}.workforce-agent-card>header small{margin-top:3px;color:var(--quiet);font-size:8px}.workforce-agent-facts{display:grid;grid-template-columns:.7fr 1.4fr 1fr .6fr;gap:8px;margin:13px 0}.workforce-agent-facts span{min-width:0;color:var(--muted);font-size:8px;line-height:1.45}.workforce-agent-facts b{display:block;margin-bottom:4px;color:var(--quiet);font-size:7px;text-transform:uppercase;letter-spacing:.06em}.workforce-agent-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--line-soft);color:var(--quiet);font-size:8px}.workforce-agent-card>footer>div{display:flex;gap:6px}.workforce-dialog{width:min(760px,calc(100vw - 24px))}.confirm-check{display:flex!important;align-items:center;gap:9px;padding:11px;border:1px solid var(--line-soft);background:var(--surface-2)}.confirm-check input{min-height:0;width:17px;height:17px}.confirm-check span{color:var(--text)!important;font-size:10px!important}.form-grid label small{display:block;margin-top:5px;color:var(--amber);font-size:8px}.workforce-dialog [hidden]{display:none!important}
@media(max-width:1050px){.workforce-roster{grid-template-columns:1fr}.workforce-agent-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.workforce-management .panel-heading{align-items:stretch;flex-direction:column}.workforce-management .inline-search{width:100%;min-width:0}.workforce-agent-facts{grid-template-columns:1fr}.workforce-agent-card>footer{align-items:flex-start;flex-direction:column}.workforce-agent-card>footer>div{width:100%}.workforce-agent-card>footer button{flex:1}}
.workforce-review{margin-bottom:16px}.workforce-review-list{display:grid;gap:10px;padding:14px}.workforce-review-card{border:1px solid var(--line-soft);border-left:3px solid var(--cyan);border-radius:8px;background:var(--surface-2);overflow:hidden}.workforce-review-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px;border-bottom:1px solid var(--line-soft)}.workforce-review-card h3{margin:6px 0 4px;font-size:15px}.workforce-review-card header small{color:var(--quiet);font-size:8px}.workforce-fit{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-soft)}.workforce-fit>div{padding:13px 15px;border-right:1px solid var(--line-soft)}.workforce-fit>div:last-child{border-right:0}.workforce-fit span,.workforce-fit small{display:block;color:var(--quiet);font-size:8px}.workforce-fit b{display:block;margin:6px 0 3px;font-size:17px;font-weight:600}.workforce-review-card dl{display:grid;grid-template-columns:repeat(2,1fr);margin:0}.workforce-review-card dl>div{padding:13px 15px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.workforce-review-card dl>div:nth-child(2n){border-right:0}.workforce-review-card dt{color:var(--quiet);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.workforce-review-card dd{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.workforce-review-card>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;color:var(--muted);font-size:8px}.workforce-review-card>footer>div{display:flex;gap:7px}.lineup-summary>div{display:grid;grid-template-columns:minmax(0,1fr) 45px 110px;gap:10px;align-items:center;min-height:48px;padding:8px 14px;border-bottom:1px solid var(--line-soft)}.lineup-summary>div:last-child{border-bottom:0}.lineup-summary strong,.lineup-summary small{display:block}.lineup-summary strong{font-size:10px}.lineup-summary small{margin-top:3px;color:var(--quiet);font-size:8px}.lineup-summary>b{color:var(--cyan);font-size:11px}.lineup-summary em{color:var(--muted);font-size:8px;font-style:normal}.org-agent-summary{grid-template-columns:1fr .72fr .65fr}.org-agent-preview span.proposal-pending{border-color:rgba(227,173,80,.35);background:var(--amber-soft);color:var(--amber)}
@media(max-width:760px){.workforce-fit,.workforce-review-card dl{grid-template-columns:1fr}.workforce-fit>div,.workforce-review-card dl>div{border-right:0}.workforce-review-card>footer{align-items:stretch;flex-direction:column}.workforce-review-card>footer>div button{flex:1}.lineup-summary>div{grid-template-columns:1fr 42px}.lineup-summary em{grid-column:1/-1}.org-agent-summary{grid-template-columns:1fr}}
.commerce-escalation-panel{margin-bottom:16px}.escalation-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-soft)}.escalation-level{min-width:0;padding:16px;background:var(--surface)}.escalation-level header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.escalation-level header span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:8px}.escalation-level header strong{font-size:11px;font-weight:600}.escalation-level.agent header span{border-color:rgba(82,199,139,.32);color:var(--green)}.escalation-level.manager header span{border-color:rgba(227,173,80,.32);color:var(--amber)}.escalation-level.owner header span{border-color:rgba(229,107,112,.38);color:var(--red)}.escalation-level ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.escalation-level li{position:relative;padding-left:13px;color:var(--muted);font-size:9px;line-height:1.45}.escalation-level li:before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:var(--line)}.escalation-boundary{display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:start;padding:14px 16px;border-top:1px solid var(--line-soft);background:var(--surface-2)}.escalation-boundary strong{color:var(--amber);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.escalation-boundary span{color:var(--muted);font-size:9px;line-height:1.55}.escalation-context{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:14px 16px;border-top:1px solid var(--line-soft)}.escalation-context p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.escalation-context p strong{color:var(--text);font-weight:600}.escalation-policy-panel>.panel-heading{align-items:center}
@media(max-width:760px){.escalation-levels{grid-template-columns:1fr}.escalation-boundary,.escalation-context{grid-template-columns:1fr}.escalation-level{border-bottom:1px solid var(--line-soft)}}
.product-gate-strip{display:grid;grid-template-columns:1fr auto 1.2fr auto 1fr;gap:10px;align-items:center;margin:14px 0;padding:12px;border:1px solid var(--line-soft);border-radius:7px;background:var(--surface-2)}.product-gate-strip span{min-width:0;color:var(--muted);font-size:8px;line-height:1.4}.product-gate-strip span b{display:block;margin-bottom:4px;color:var(--text);font-size:9px}.product-gate-strip>i{color:var(--quiet);font-style:normal}.workforce-review-section+.workforce-review-section{border-top:1px solid var(--line)}.queue-section-heading{padding:15px 14px 0}.queue-section-heading h3{margin:6px 0 0;font-size:13px}.workforce-review-card.hr-completed{border-left-color:var(--green)}.research-team-panel{margin-bottom:16px}.research-lead{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line-soft);background:var(--surface-2)}.research-lead>div{flex:1;min-width:0}.research-lead strong,.research-lead small{display:block}.research-lead small{margin-top:4px;color:var(--muted);font-size:9px}.regional-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-soft)}.regional-team-grid article{min-width:0;padding:14px;background:var(--surface)}.regional-team-grid header{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center}.regional-team-grid header strong,.regional-team-grid header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.regional-team-grid header strong{font-size:10px}.regional-team-grid header small{margin-top:3px;color:var(--quiet);font-size:8px}.regional-team-grid p{min-height:60px;margin:12px 0;color:var(--muted);font-size:8px;line-height:1.55}.regional-team-grid footer{display:flex;flex-direction:column;gap:4px;padding-top:9px;border-top:1px solid var(--line-soft);color:var(--quiet);font-size:8px}.regional-team-grid footer b{color:var(--cyan);font-weight:500}.finalization-block{padding:14px 16px;border-top:1px solid var(--line-soft)}.finalization-block h3{margin:0 0 9px;font-size:11px}.finalization-block p{margin:6px 0;color:var(--muted);font-size:9px;line-height:1.5}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-soft);border-top:1px solid var(--line-soft)}.scenario-card{padding:14px;background:var(--surface-2)}.scenario-card>strong,.scenario-card>span{display:block}.scenario-card>span{margin-top:4px;color:var(--amber);font-size:8px}.scenario-card dl{display:grid;grid-template-columns:1fr;margin:10px 0 0}.scenario-card dl>div{padding:7px 0;border:0;border-top:1px solid var(--line-soft)}.scenario-card dt{color:var(--quiet);font-size:7px;text-transform:uppercase}.scenario-card dd{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.approval-card button:disabled{cursor:not-allowed;opacity:.48}.finalization-brief>summary{color:var(--green)}
@media(max-width:1000px){.regional-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-gate-strip{grid-template-columns:1fr}.product-gate-strip>i{transform:rotate(90deg);text-align:center}}
@media(max-width:640px){.regional-team-grid,.scenario-grid{grid-template-columns:1fr}.research-lead{align-items:flex-start}.regional-team-grid p{min-height:0}}
.product-trends-notice{margin-bottom:16px}.product-trend-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 16px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--line-soft)}.product-trend-highlights>article{min-width:0;padding:14px 16px;background:var(--surface)}.product-trend-highlights article>span:not(.eyebrow){display:block;margin-top:10px}.product-trend-highlights article b,.product-trend-highlights article small{display:block}.product-trend-highlights article b{font-size:11px}.product-trend-highlights article small{margin-top:4px;color:var(--quiet);font-size:8px;line-height:1.4}.trend-highlight-empty{color:var(--muted);font-size:9px;line-height:1.5}.product-trends-panel{margin-bottom:20px}.product-trend-list{display:grid;gap:12px;padding:14px}.product-trend-card{border:1px solid var(--line-soft);border-left:3px solid var(--cyan);border-radius:8px;overflow:hidden;background:var(--surface-2)}.product-trend-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid var(--line-soft)}.product-trend-card h3{margin:6px 0 4px;font-size:16px}.product-trend-card header small{color:var(--quiet);font-size:8px}.product-trend-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--line-soft);gap:1px}.product-trend-status>div,.product-trend-commerce>div,.trend-funnel-grid>div{min-width:0;padding:12px 14px;background:var(--surface)}.product-trend-status span,.product-trend-status small,.product-trend-commerce span,.product-trend-commerce small,.trend-funnel-grid span,.trend-funnel-grid small{display:block;color:var(--quiet);font-size:8px}.product-trend-status b,.product-trend-commerce b,.trend-funnel-grid b{display:block;margin:6px 0 4px;color:var(--text);font-size:11px;font-weight:600}.product-trend-status small{line-height:1.4}.product-trend-commerce{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;border-top:1px solid var(--line-soft);background:var(--line-soft)}.trend-unavailable{display:block!important;margin:6px 0 4px;color:var(--muted)!important;font-size:10px!important}.trend-recommendation{display:grid;grid-template-columns:1.5fr 1fr;gap:1px;border-top:1px solid var(--line-soft);background:var(--line-soft)}.trend-recommendation>div{padding:13px 15px;background:var(--surface-2)}.trend-recommendation span,.trend-recommendation strong,.trend-recommendation small{display:block}.trend-recommendation span{color:var(--quiet);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.trend-recommendation strong{margin:6px 0 4px;font-size:10px;line-height:1.45}.trend-recommendation small{color:var(--muted);font-size:8px}.product-trend-drilldown{border-top:1px solid var(--line-soft)}.product-trend-drilldown>summary{padding:12px 15px;cursor:pointer;color:var(--cyan);font-size:9px;font-weight:600;list-style-position:inside}.product-trend-drilldown>section{padding:14px 16px;border-top:1px solid var(--line-soft)}.product-trend-drilldown h4{margin:0 0 10px;font-size:11px}.product-trend-drilldown p,.product-trend-drilldown li{color:var(--muted);font-size:9px;line-height:1.55}.trend-distinction{margin:0 0 10px}.trend-funnel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}.trend-inline-notice{padding:10px 12px;border:1px dashed var(--line);border-top:0;color:var(--amber);font-size:8px}.trend-evidence-list{display:grid;gap:7px}.trend-evidence-list>div:not(.empty-state){display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.trend-evidence-list b,.trend-evidence-list span{font-size:9px}.trend-evidence-list span{color:var(--muted)}.compact-empty{padding:14px}.trend-history{display:grid;gap:7px;margin:0;padding:0;list-style:none}.trend-history li{display:grid;grid-template-columns:130px 90px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.trend-history-empty{grid-template-columns:1fr!important}.trend-history-empty b,.trend-history-empty span{display:block}.trend-history-empty span{margin-top:4px}.product-trend-drilldown .escalation-boundary{margin-top:12px}.is-loading #productTrendMetrics:empty,.is-loading #productTrendList:empty{position:relative;min-height:90px;overflow:hidden;border:1px solid var(--line-soft);background:var(--surface)}.is-loading #productTrendMetrics:empty:after,.is-loading #productTrendList:empty:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);animation:calmShimmer 1.25s ease-in-out infinite}
@media(max-width:1200px){.product-trend-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.product-trend-commerce{grid-template-columns:repeat(3,minmax(0,1fr))}.trend-funnel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.product-trend-highlights,.product-trend-status,.product-trend-commerce,.trend-recommendation,.trend-funnel-grid{grid-template-columns:1fr}.product-trend-card>header{flex-direction:column}.trend-history li{grid-template-columns:1fr}.trend-evidence-list>div:not(.empty-state){grid-template-columns:1fr}.product-trend-list{padding:9px}}

/* Company-wide Reports Hub */
#reports{scroll-margin-top:72px}.reports-hub-notice{margin-bottom:16px}.reports-filterbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.reports-filterbar label{display:grid;gap:6px}.reports-filterbar label>span{color:var(--quiet);font-size:8px;text-transform:uppercase;letter-spacing:.045em}.reports-filterbar select{width:100%;min-height:38px;padding:0 10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--surface-2);color:var(--text);font-size:10px}.reports-product-panel,.reports-company-panel,.reports-coverage-panel{margin-bottom:16px}.reports-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.reports-product-card{min-width:0;overflow:hidden;border:1px solid var(--line-soft);border-radius:9px;background:var(--surface-2)}.product-report-media{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line-soft);background:linear-gradient(135deg,#111923,#0b1016)}.product-report-media img{width:100%;height:100%;object-fit:cover}.product-report-placeholder{display:grid;place-items:center;gap:6px;color:var(--quiet)}.product-report-placeholder span{font-size:30px;font-weight:300}.product-report-placeholder small{font-size:8px;text-transform:uppercase;letter-spacing:.05em}.report-image-badge{position:absolute;top:10px;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,.25);font-size:8px;font-weight:600}.report-image-badge.unread{right:10px;background:var(--red);color:white}.report-image-badge.action{left:10px;background:#261619;color:#ffb9bd;border-color:rgba(229,107,112,.48)}.reports-product-card-body{display:grid;gap:12px;padding:14px}.reports-product-card-body>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.reports-product-card h3{margin:5px 0 0;font-size:15px;font-weight:600}.reports-product-card dl{display:grid;grid-template-columns:1fr;margin:0}.reports-product-card dl>div{padding:8px 0;border-top:1px solid var(--line-soft)}.reports-product-card dt{color:var(--quiet);font-size:7px;text-transform:uppercase;letter-spacing:.04em}.reports-product-card dd{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.45}.report-open-button{width:100%;min-height:36px}.report-issue-link{display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center;width:100%;min-height:38px;padding:7px 9px;border:1px solid rgba(229,107,112,.35);border-radius:6px;background:var(--red-soft);color:var(--text);text-align:left}.report-issue-link span{color:var(--red);font-size:8px;text-transform:uppercase}.report-issue-link b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:var(--red);color:white;font-size:8px}.report-issue-link small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.reports-grid-empty{grid-column:1/-1}.reports-company-list{display:grid;gap:10px;padding:14px}.reports-company-card{padding:14px;border:1px solid var(--line-soft);border-left:3px solid var(--cyan);border-radius:8px;background:var(--surface-2)}.reports-company-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.reports-company-card>header>div:last-child{display:flex;gap:6px}.reports-company-card h3{margin:5px 0 3px;font-size:13px;font-weight:600}.reports-company-card header small,.reports-company-card p,.reports-company-card dd,.reports-company-card details{color:var(--muted);font-size:9px;line-height:1.5}.reports-company-card>p{margin:12px 0}.reports-company-card dl{display:grid;grid-template-columns:1.4fr .7fr 1fr;margin:0;border-top:1px solid var(--line-soft)}.reports-company-card dl>div{padding:10px 10px 0 0}.reports-company-card dt{color:var(--quiet);font-size:7px;text-transform:uppercase}.reports-company-card dd{margin:4px 0 0}.reports-company-card details{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft)}.reports-company-card summary{cursor:pointer;color:var(--cyan)}.reports-coverage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line-soft)}.reports-coverage-grid span{min-width:0;padding:11px 12px;background:var(--surface)}.reports-coverage-grid b,.reports-coverage-grid small{display:block}.reports-coverage-grid b{overflow:hidden;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.reports-coverage-grid small{margin-top:4px;color:var(--quiet);font-size:7px}.report-product-dialog{width:min(980px,calc(100vw - 24px));max-height:92vh}.report-product-dialog .dialog-shell{padding:0}.report-product-dialog .dialog-close{z-index:3}.report-dialog-heading{padding:22px 24px 16px;border-bottom:1px solid var(--line-soft)}.report-dialog-heading h2{margin:6px 0 5px;font-size:22px}.report-dialog-heading p{margin:0;color:var(--muted);font-size:9px}.report-dialog-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-soft)}.report-dialog-summary>div{padding:12px 14px;background:var(--surface)}.report-dialog-summary span,.report-dialog-summary b{display:block}.report-dialog-summary span{color:var(--quiet);font-size:7px;text-transform:uppercase}.report-dialog-summary b{margin-top:5px;font-size:10px;font-weight:600}.report-dialog-issue-index{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line-soft);background:var(--red-soft)}.report-dialog-issue-index strong{color:var(--red);font-size:8px;text-transform:uppercase}.report-dialog-issue-index a{padding:5px 8px;border:1px solid rgba(229,107,112,.28);border-radius:999px;color:var(--text);font-size:8px;text-decoration:none}.report-dialog-history{display:grid;gap:12px;max-height:58vh;padding:16px;overflow:auto}.report-history-card{overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-2)}.report-history-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid var(--line-soft)}.report-history-card h3{margin:5px 0 3px;font-size:14px}.report-history-card header small{color:var(--quiet);font-size:8px}.product-report-issue{margin:12px;padding:13px;border:1px solid rgba(229,107,112,.38);border-radius:7px;background:var(--red-soft)}.product-report-issue>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.product-report-issue>header>span{color:var(--red);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.product-report-issue dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.product-report-issue dl>div{padding:9px 10px 9px 0;border-top:1px solid rgba(229,107,112,.18)}.product-report-issue dt{color:#d99b9e;font-size:7px;text-transform:uppercase}.product-report-issue dd{margin:4px 0 0;color:var(--text);font-size:9px;line-height:1.5}.product-report-issue dd small{display:block;margin-top:4px;color:var(--muted)}.report-trend-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-soft)}.report-trend-comparison>div{padding:11px 12px;background:var(--surface)}.report-trend-comparison span,.report-trend-comparison b,.report-trend-comparison small{display:block}.report-trend-comparison span{color:var(--quiet);font-size:7px;text-transform:uppercase}.report-trend-comparison b{margin-top:5px;font-size:9px;font-weight:500}.report-trend-comparison small{margin-top:3px;color:var(--muted);font-size:7px}.report-summary-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:1px;background:var(--line-soft)}.report-summary-grid>div{padding:12px;background:var(--surface-2)}.report-summary-grid span,.report-summary-grid strong,.report-summary-grid small{display:block}.report-summary-grid span{color:var(--quiet);font-size:7px;text-transform:uppercase}.report-summary-grid strong{margin-top:5px;font-size:9px;font-weight:500;line-height:1.45}.report-summary-grid small{margin-top:4px;color:var(--muted);font-size:7px}.report-evidence{padding:12px 14px;border-top:1px solid var(--line-soft)}.report-evidence>strong{font-size:9px;font-weight:600}.report-evidence ul{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.report-evidence li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:7px 0;border-top:1px solid var(--line-soft)}.report-evidence li span,.report-evidence li small,.report-evidence p{color:var(--muted);font-size:8px;line-height:1.45}.report-evidence li small{text-align:right}.report-evidence p{margin:8px 0 0}.report-history-card>footer{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--line-soft);color:var(--quiet);font-size:7px}.report-history-card>footer b{font-weight:500}.report-product-dialog>.dialog-shell>.escalation-boundary{position:sticky;bottom:0}.is-loading #reportsHubMetrics:empty,.is-loading #reportsProductGrid:empty,.is-loading #reportsCompanyList:empty{position:relative;min-height:90px;overflow:hidden;border:1px solid var(--line-soft);background:var(--surface)}
@media(max-width:1180px){.reports-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-coverage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#reports{min-width:0;overflow:hidden}#reports .page-heading h1{max-width:100%;font-size:28px;overflow-wrap:anywhere}.reports-filterbar,.reports-product-grid,.reports-company-card dl,.report-dialog-summary,.product-report-issue dl,.report-trend-comparison,.report-summary-grid{grid-template-columns:1fr}.reports-product-panel,.reports-company-panel,.reports-coverage-panel,.reports-product-grid,.reports-product-card{min-width:0;max-width:100%}.reports-product-panel>.panel-heading,.reports-product-card-body>header,.reports-company-card>header,.report-history-card>header{align-items:flex-start;flex-direction:column}.reports-product-panel>.panel-heading>div,.reports-product-card-body>header>div{min-width:0}.reports-product-panel>.panel-heading .scope-chip{max-width:100%;white-space:normal}.reports-product-card h3{overflow-wrap:anywhere}.reports-product-grid{padding:9px}.reports-coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-dialog-heading{padding:20px 16px 14px}.report-dialog-history{padding:10px}.report-evidence li{grid-template-columns:1fr}.report-evidence li small{text-align:left}.report-history-card>footer{flex-direction:column}.report-product-dialog>.dialog-shell>.escalation-boundary{position:static}}
@media(max-width:480px){.reports-coverage-grid{grid-template-columns:1fr}.reports-company-card>header>div:last-child{flex-wrap:wrap}}

/* Owner-approved light company overview — scoped to Command Desk only */
body.briefing-view .workspace {
  --bg: #f4f2ed;
  --surface: #fffdfa;
  --surface-2: #f7f6f2;
  --surface-3: #eaedf0;
  --line: #d8dce1;
  --line-soft: #e7e8e8;
  --text: #182437;
  --muted: #667181;
  --quiet: #909aa7;
  --cyan: #557a9f;
  --cyan-soft: #e8eef4;
  --green: #21845f;
  --green-soft: #e5f2ec;
  --amber: #a86e25;
  --amber-soft: #f7eddd;
  --red: #c64c4c;
  --red-soft: #faeaea;
  --blue: #6786a5;
  color: var(--text);
  background: var(--bg);
}
body.briefing-view .topbar { background: rgba(250, 249, 246, .94); border-bottom-color: #dfe2e5; box-shadow: 0 1px 0 rgba(24, 36, 55, .02); }
body.briefing-view .search-box { border-color: #d9dde2; border-radius: 8px; background: #fffdfa; }
body.briefing-view .search-box input { color: var(--text); }
body.briefing-view .search-box kbd { border-color: #d9dde2; background: #f2f2ef; }
body.briefing-view #nav button.active { color: #f3f7fb; background: #14283c; border-left-color: #7d9bb7; }
body.briefing-view #nav button.active > span { color: #8faec9; }
body.briefing-view .views { max-width: 1540px; }
#briefing { color: var(--text); }
#briefing .page-heading { min-height: 70px; margin-bottom: 22px; }
#briefing .page-heading h1 { color: #162337; font-size: clamp(29px, 2.35vw, 39px); font-weight: 620; }
#briefing .page-heading p { max-width: 760px; color: #687386; font-size: 11px; }
#briefing .eyebrow { color: #557a9f; font-weight: 650; letter-spacing: .12em; }
#briefing button.primary { color: #fff; background: #203c59; border-color: #203c59; border-radius: 7px; }
#briefing button.primary:hover { background: #2b4d6d; }
#briefing button.secondary { color: #26364a; background: #fffdfa; border-color: #ccd2d8; border-radius: 7px; }
#briefing button.secondary:hover { background: #f3f4f3; border-color: #aeb7c1; }
#briefing .text-button { color: #466f95; font-weight: 600; }

.owner-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.owner-summary-card { min-width: 0; padding: 17px 18px 16px; border: 1px solid #d9dde1; border-radius: 11px; background: #fffdfa; box-shadow: 0 6px 20px rgba(29, 42, 58, .035); }
.owner-summary-card > span, .owner-summary-card > strong, .owner-summary-card > small { display: block; }
.owner-summary-card > span { color: #768291; font-size: 9px; font-weight: 600; letter-spacing: .045em; text-transform: uppercase; }
.owner-summary-card > strong { margin: 10px 0 5px; color: #182437; font-size: 27px; font-weight: 620; letter-spacing: -.035em; }
.owner-summary-card > small { color: #9099a5; font-size: 9px; line-height: 1.45; }

#briefing .panel { border-color: #d9dde1; border-radius: 12px; background: #fffdfa; box-shadow: 0 8px 30px rgba(29, 42, 58, .035); }
.owner-trends-panel, .owner-product-panel { margin-bottom: 16px; overflow: hidden; }
.owner-section-heading { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 15px 18px; border-bottom: 1px solid #e2e5e7; }
.owner-section-heading h2 { margin: 6px 0 3px; color: #182437; font-size: 17px; font-weight: 620; letter-spacing: -.02em; }
.owner-section-heading p { margin: 0; color: #7a8593; font-size: 9px; line-height: 1.5; }
.dashboard-period-controls { display: flex; padding: 3px; border: 1px solid #d8dde1; border-radius: 8px; background: #f3f3ef; }
.dashboard-period-controls button { min-height: 30px; padding: 0 11px; border: 0; border-radius: 6px; background: transparent; color: #707b89; cursor: pointer; font-size: 9px; }
.dashboard-period-controls button:hover { color: #26394f; background: #e9ecee; }
.dashboard-period-controls button.active { color: #fff; background: #203c59; box-shadow: 0 3px 9px rgba(32, 60, 89, .14); }
.dashboard-custom-range { display: flex; justify-content: flex-end; gap: 10px; padding: 10px 18px; border-bottom: 1px solid #e5e7e9; background: #faf9f5; }
.dashboard-custom-range[hidden] { display: none !important; }
.dashboard-custom-range label { display: flex; align-items: center; gap: 7px; color: #737e8c; font-size: 9px; }
.dashboard-custom-range input { min-height: 30px; padding: 0 8px; border: 1px solid #d4d9dd; border-radius: 6px; color: #26364a; background: #fff; font-size: 9px; }
.dashboard-connection-state { display: flex; align-items: center; gap: 10px; margin: 14px 18px 0; padding: 10px 12px; border: 1px solid #e6d4bf; border-radius: 8px; background: #fbf4e9; }
.dashboard-connection-state::before { content: ""; width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #a86e25; }
.dashboard-connection-state strong { color: #7a501b; font-size: 9px; font-weight: 650; }
.dashboard-connection-state span { color: #776f66; font-size: 9px; line-height: 1.45; }
.dashboard-connection-state.connected { border-color: #c8dfd4; background: #edf7f2; }
.dashboard-connection-state.connected::before { background: #21845f; }
.dashboard-connection-state.connected strong { color: #1d6e50; }
.dashboard-trend-chart { min-height: 280px; padding: 10px 18px 18px; }
.dashboard-chart-empty { min-height: 248px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; border: 1px dashed #d4d9de; border-radius: 9px; background: #faf9f6; text-align: center; }
.dashboard-chart-empty > span { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 13px; border-radius: 50%; color: #6f89a2; background: #e8eef3; font-size: 21px; }
.dashboard-chart-empty strong { color: #33445a; font-size: 13px; font-weight: 600; }
.dashboard-chart-empty p { max-width: 590px; margin: 8px 0 0; color: #7c8794; font-size: 9px; line-height: 1.55; }
.dashboard-chart-legend { display: flex; align-items: center; gap: 17px; min-height: 30px; color: #657180; font-size: 9px; }
.dashboard-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.dashboard-chart-legend i { width: 18px; height: 2px; }
.dashboard-chart-legend .positive i { background: #21845f; }
.dashboard-chart-legend .negative i { background: #c64c4c; }
.dashboard-chart-legend small { margin-left: auto; color: #939ca7; }
.dashboard-trend-chart svg { width: 100%; height: 250px; overflow: visible; }
.dashboard-trend-chart .chart-grid line { stroke: #e0e3e6; stroke-width: 1; }
.dashboard-trend-chart .chart-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.dashboard-trend-chart .chart-line.positive { stroke: #21845f; }
.dashboard-trend-chart .chart-line.negative { stroke: #c64c4c; }
.dashboard-trend-chart .chart-labels text { fill: #8b95a1; font-size: 10px; }

.owner-product-table { overflow-x: auto; }
.owner-product-table-head, .owner-product-row { min-width: 930px; display: grid; grid-template-columns: minmax(230px, 1.75fr) repeat(5, minmax(92px, .7fr)) minmax(110px, .8fr); align-items: center; column-gap: 12px; }
.owner-product-table-head { min-height: 39px; padding: 0 18px; border-bottom: 1px solid #e4e6e8; color: #818b98; background: #f7f7f4; font-size: 8px; font-weight: 600; letter-spacing: .045em; text-transform: uppercase; }
.owner-product-row { min-height: 60px; padding: 8px 18px; border-bottom: 1px solid #ececea; }
.owner-product-row:hover { background: #f8f8f5; }
.owner-product-row > div { min-width: 0; }
.owner-product-name strong, .owner-product-name small { display: block; }
.owner-product-name strong { overflow: hidden; color: #253449; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.owner-product-name small { margin-top: 4px; color: #929ba6; font-size: 8px; }
.owner-product-row > div > strong { color: #26364a; font-size: 10px; font-weight: 600; }
.owner-data-unavailable { color: #9aa2ab; font-size: 9px; }
.owner-trend-state { display: inline-flex; align-items: center; gap: 6px; color: #7b8591; font-size: 9px; }
.owner-trend-state i { width: 6px; height: 6px; border-radius: 50%; background: #9da5ae; }
.owner-trend-state.positive { color: #21845f; }
.owner-trend-state.positive i { background: #21845f; }
.owner-trend-state.negative { color: #c64c4c; }
.owner-trend-state.negative i { background: #c64c4c; }
.owner-product-table footer { min-width: 930px; display: flex; justify-content: space-between; gap: 20px; padding: 11px 18px; color: #7e8895; background: #faf9f6; font-size: 8px; }
.owner-product-table footer strong { color: #596676; font-weight: 600; }
.dashboard-table-empty { min-height: 120px; display: grid; place-items: center; padding: 24px; text-align: center; }
.dashboard-table-empty strong, .dashboard-table-empty span { display: block; }
.dashboard-table-empty span { margin-top: 6px; color: #87919d; }

.owner-support-grid { display: grid; grid-template-columns: 1.35fr .85fr; gap: 16px; margin-bottom: 16px; }
#briefing .panel-heading { border-bottom-color: #e4e6e8; }
#briefing .panel-heading h2 { color: #223247; font-weight: 600; }
#briefing .count-pill { border-color: #d2a765; color: #8b5c1f; background: #fbf2e4; border-radius: 999px; }
#briefing .problem-item { border-bottom-color: #e8e9e9; }
#briefing .problem-item > span { border-color: #ead9bf; color: #8f611f; background: #faf0df; }
#briefing .problem-item strong, #briefing .brief-body > strong, #briefing .brief-numbers b { color: #2a394d; }
#briefing .status.good { color: #1f7657; border-color: #c5ded2; background: #eaf5ef; }

.owner-operational-details { margin-top: 6px; border: 1px solid #dadddf; border-radius: 11px; background: #eeefed; }
.owner-operational-details > summary { min-height: 52px; display: flex; align-items: center; gap: 13px; padding: 0 17px; cursor: pointer; list-style: none; }
.owner-operational-details > summary::-webkit-details-marker { display: none; }
.owner-operational-details > summary::after { content: "+"; margin-left: auto; color: #667789; font-size: 18px; font-weight: 300; }
.owner-operational-details[open] > summary::after { content: "−"; }
.owner-operational-details > summary span { color: #34455a; font-size: 10px; font-weight: 600; }
.owner-operational-details > summary small { color: #848e99; font-size: 9px; }
.owner-operational-details[open] { padding: 0 14px 14px; background: #f3f3f0; }
.owner-operational-details[open] > summary { margin: 0 -14px 14px; padding: 0 31px; border-bottom: 1px solid #dfe1e2; }
#briefing .operations-strip { margin-top: 0; border-color: #dce0e3; border-radius: 9px; background: #fffdfa; }
#briefing .operations-strip > div:not(:first-child) { border-left-color: #e4e6e7; }
#briefing .manager-row { border-bottom-color: #e8e9e9; }
#briefing .manager-row:hover, #briefing .workforce-leader, #briefing .auditor-state, #briefing .readiness-grid > div { background: #f7f7f4; }
#briefing .pipeline-stage > div { background: #f7f7f4; }
#briefing .pipeline-stage article { background: #fffdfa; }
#briefing .pipeline-stage > header, #briefing .pipeline-stage, #briefing .daily-details { border-color: #e4e6e7; }
#briefing .daily-workforce-panel, #briefing .daily-readiness-panel, #briefing .daily-audit-panel { box-shadow: none; }

@media (max-width: 1100px) {
  .owner-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .owner-support-grid { grid-template-columns: 1fr; }
  .owner-section-heading { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 720px) {
  body.briefing-view .workspace, #briefing { max-width: 100%; overflow-x: hidden; }
  #briefing .page-heading > div:first-child { min-width: 0; max-width: 100%; }
  #briefing .page-heading p { overflow-wrap: anywhere; }
  .owner-summary-grid { grid-template-columns: 1fr; }
  .owner-summary-card { padding: 14px 16px; }
  .dashboard-period-controls { width: 100%; overflow-x: auto; }
  .dashboard-period-controls button { flex: 1 0 auto; }
  .dashboard-custom-range { align-items: stretch; flex-direction: column; }
  .dashboard-custom-range label { justify-content: space-between; }
  .dashboard-trend-chart { padding: 9px 10px 14px; }
  .dashboard-chart-empty { min-height: 210px; }
  .dashboard-connection-state { align-items: flex-start; flex-wrap: wrap; margin: 11px 10px 0; }
  .owner-section-heading { padding: 14px; }
  .owner-product-table-head, .owner-product-row, .owner-product-table footer { min-width: 850px; }
  .owner-operational-details > summary { align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; padding: 10px 16px; }
  .owner-operational-details > summary::after { position: absolute; right: 18px; }
  #briefing .heading-actions { align-items: stretch; flex-direction: column; }
  #briefing .heading-actions button { width: 100%; min-width: 0; flex: none; }
}

/* Owner-approved Command Desk composition v22 — scoped to the home page. */
#briefing .owner-command-heading { align-items: flex-start; margin-bottom: 16px; }
.owner-command-heading > div:first-child { min-width: 0; }
.owner-heading-tools { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.owner-heading-tools > time { color: #74808e; font-size: 9px; }
.owner-heading-tools > div { display: flex; gap: 7px; }
.owner-management-summary { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 11px; color: #7b8592; font-size: 8px; }
.owner-management-summary span { white-space: nowrap; }
.owner-management-summary b { margin-right: 3px; color: #34455a; font-weight: 650; }
.owner-command-grid { display: grid; grid-template-columns: minmax(0, 1.58fr) minmax(190px, .46fr) minmax(300px, .82fr); grid-template-areas: "trend metrics inbox" "products products approvals"; gap: 14px; align-items: stretch; }
#briefing .owner-command-grid > .panel { margin: 0; min-width: 0; overflow: hidden; }
.owner-trends-panel { grid-area: trend; }
.owner-metric-stack { grid-area: metrics; display: grid; grid-template-rows: repeat(5, minmax(0, 1fr)); gap: 8px; }
.owner-inbox-panel { grid-area: inbox; }
.owner-product-panel { grid-area: products; }
.owner-approvals-panel { grid-area: approvals; }
.owner-trend-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; min-height: 82px; padding: 15px 18px 12px; border-bottom: 1px solid #e2e5e7; }
.owner-trend-title { min-width: 0; }
.owner-trend-title h2 { margin: 5px 0 8px; color: #182437; font-size: 17px; font-weight: 620; letter-spacing: -.02em; }
.owner-metric-legend { display: flex; flex-wrap: wrap; gap: 5px 13px; }
.owner-metric-legend button { position: relative; min-height: 22px; padding: 0 0 0 10px; border: 0; color: #89939e; background: transparent; cursor: pointer; font-size: 8px; font-weight: 500; }
.owner-metric-legend button::before { content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: #9ba4ad; }
.owner-metric-legend button:hover { color: #2a4059; }
.owner-metric-legend button.active { color: #1f3d59; font-weight: 650; }
.owner-metric-legend button.active::before { background: #557a9f; box-shadow: 0 0 0 3px #e4ebf2; }
.owner-metric-legend button.unavailable::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; border-bottom: 1px dotted #c7ccd1; }
.owner-trend-heading .dashboard-period-controls { flex: 0 0 auto; }
.owner-metric-card { width: 100%; min-height: 68px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 11px 13px; border: 1px solid #d9dde1; border-radius: 10px; color: #27384c; background: #fffdfa; box-shadow: 0 6px 20px rgba(29,42,58,.025); cursor: pointer; text-align: left; }
.owner-metric-card:hover { border-color: #afbdca; background: #f9faf8; transform: translateY(-1px); }
.owner-metric-card.active { border-color: #738da7; background: #edf2f6; box-shadow: inset 3px 0 #294a68, 0 7px 22px rgba(41,74,104,.08); }
.owner-metric-card > span { color: #788492; font-size: 8px; font-weight: 550; text-transform: uppercase; letter-spacing: .035em; }
.owner-metric-card > strong { display: block; margin: 6px 0 3px; color: #1e3045; font-size: 14px; font-weight: 620; line-height: 1.05; }
.owner-metric-card.unavailable > strong { color: #7e8995; font-size: 10px; font-weight: 550; }
.owner-metric-card small { color: #7c8793; font-size: 7px; }
.owner-metric-card small.positive { color: #21845f; }
.owner-metric-card small.negative { color: #c64c4c; }
.dashboard-chart-legend .neutral i, .dashboard-trend-chart .chart-line.neutral { stroke: #6786a5; background: #6786a5; }
.owner-inbox-panel, .owner-approvals-panel { display: flex; flex-direction: column; }
.owner-inbox-panel #ownerInboxList, .owner-approvals-panel #ownerHomeApprovals { flex: 1; min-height: 0; }
.owner-inbox-panel > footer, .owner-approvals-panel > footer { display: flex; justify-content: flex-end; padding: 10px 14px; border-top: 1px solid #e5e7e8; background: #faf9f6; }
.owner-inbox-item { width: 100%; display: grid; grid-template-columns: 26px minmax(0,1fr) auto; gap: 9px; align-items: center; min-height: 55px; padding: 8px 13px; border: 0; border-bottom: 1px solid #ebebea; color: #26384d; background: transparent; text-align: left; cursor: pointer; }
.owner-inbox-item:hover { background: #f6f7f5; }
.owner-inbox-item > span:nth-child(2) { min-width: 0; }
.owner-inbox-item strong, .owner-inbox-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.owner-inbox-item strong { font-size: 9px; font-weight: 600; }
.owner-inbox-item small { margin-top: 4px; color: #7f8995; font-size: 7px; }
.owner-inbox-item time { color: #9aa1aa; font-size: 7px; white-space: nowrap; }
.inbox-mark { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; color: #9a6321; background: #f8ecd9; font-size: 9px; font-weight: 700; }
.inbox-mark.report { color: #406987; background: #e8eef3; }
.owner-command-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 105px; padding: 20px; text-align: center; }
.owner-command-empty strong { color: #46576a; font-size: 10px; font-weight: 600; }
.owner-command-empty span { max-width: 380px; margin-top: 6px; color: #89929c; font-size: 8px; line-height: 1.5; }
.owner-product-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px 8px 18px; border-bottom: 1px solid #e5e7e8; background: #faf9f6; }
.owner-product-tabs { display: flex; gap: 4px; }
.owner-product-tabs button { min-height: 28px; padding: 0 11px; border: 1px solid transparent; border-radius: 7px; color: #74808d; background: transparent; cursor: pointer; font-size: 8px; }
.owner-product-tabs button:hover { color: #2a4059; background: #f0f2f2; }
.owner-product-tabs button.active { color: #fff; border-color: #203c59; background: #203c59; }
.owner-product-source { display: flex; align-items: center; gap: 3px; padding: 3px; border: 1px solid #d8dde1; border-radius: 8px; background: #f1f2ef; }
.owner-product-source > span { padding: 0 5px; color: #89939e; font-size: 7px; text-transform: uppercase; }
.owner-product-source button { min-height: 25px; padding: 0 9px; border: 0; border-radius: 6px; color: #717d8a; background: transparent; cursor: pointer; font-size: 8px; }
.owner-product-source button:hover { color: #2a4059; background: #e7eaeb; }
.owner-product-source button.active { color: #fff; background: #557a9f; }
.owner-ranking-head, .owner-ranking-row { min-width: 760px; display: grid; grid-template-columns: minmax(210px,1.55fr) .65fr .7fr 1fr 1.15fr; gap: 12px; align-items: center; }
.owner-ranking-head { min-height: 36px; padding: 0 18px; border-bottom: 1px solid #e4e6e8; color: #818b98; background: #f7f7f4; font-size: 7px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.owner-ranking-row { width: 100%; min-height: 58px; padding: 8px 18px; border: 0; border-bottom: 1px solid #ececea; color: #334458; background: transparent; text-align: left; font-size: 8px; }
button.owner-ranking-row { cursor: pointer; }
.owner-ranking-row:hover { background: #f8f8f5; }
.owner-ranking-row > span { min-width: 0; }
.owner-ranking-row > span:first-child { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; }
.owner-ranking-row > span:first-child b { grid-row: 1 / span 2; color: #738396; font-size: 9px; }
.owner-ranking-row strong, .owner-ranking-row small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.owner-ranking-row strong { color: #26384d; font-size: 9px; font-weight: 600; }
.owner-ranking-row small { margin-top: 3px; color: #8a949f; font-size: 7px; }
.owner-product-table footer { min-width: 760px; }
.owner-ranking-empty { min-height: 210px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px; text-align: center; }
.owner-ranking-empty > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #69859e; background: #e8eef3; font-size: 18px; }
.owner-ranking-empty strong { margin-top: 12px; color: #36495f; font-size: 12px; font-weight: 600; }
.owner-ranking-empty p { max-width: 590px; margin: 7px 0 8px; color: #7f8995; font-size: 8px; line-height: 1.55; }
.owner-approval-filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; padding: 9px 12px; border-bottom: 1px solid #e6e7e8; background: #faf9f6; }
.owner-approval-filters button { position: relative; min-height: 30px; padding: 0 7px; border: 1px solid #dce1e5; border-radius: 7px; color: #77828f; background: #fff; cursor: pointer; font-size: 7px; white-space: nowrap; }
.owner-approval-filters button b { margin-left: 3px; font-weight: 650; }
.owner-approval-filters button:hover { border-color: #b9c4cd; background: #f2f4f4; }
.owner-approval-filters button.active { border-color: #c2ccd5; color: #2d455d; background: #e9eef2; }
.owner-approval-unread { position: absolute; top: -5px; right: -5px; min-width: 12px; height: 12px; display: grid; place-items: center; padding: 0 3px; border: 2px solid #faf9f6; border-radius: 999px; color: #fff; background: #d74747; font-size: 6px; font-weight: 700; line-height: 1; }
.owner-order-summary { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; margin: 10px 12px; padding: 11px; border: 1px solid #d9dfe4; border-radius: 9px; background: #f3f6f8; }
.owner-order-summary span, .owner-order-summary strong, .owner-order-summary small { display: block; }
.owner-order-summary span { color: #627083; font-size: 8px; }
.owner-order-summary strong { margin: 3px 0; color: #1f344a; font-size: 18px; font-weight: 620; }
.owner-order-summary small { color: #8a949e; font-size: 7px; }
.owner-approval-card { margin: 8px 12px; border: 1px solid #dce0e3; border-radius: 9px; background: #fff; overflow: hidden; }
.owner-approval-open { width: 100%; display: block; padding: 11px; border: 0; color: #27394e; background: transparent; text-align: left; cursor: pointer; }
.owner-approval-open:hover { background: #f8f8f6; }
.owner-approval-open > strong, .owner-approval-open > small { display: block; }
.owner-approval-open > strong { margin: 7px 0 4px; font-size: 9px; font-weight: 600; }
.owner-approval-open > small { color: #89939e; font-size: 7px; }
.owner-approval-type { display: inline-flex; align-items: center; gap: 6px; color: #58718b; font-size: 7px; font-weight: 600; text-transform: uppercase; letter-spacing: .035em; }
.owner-approval-type i { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 6px; color: #34536f; background: #e8eef3; font-style: normal; }
.owner-approval-actions { display: flex; justify-content: flex-end; gap: 6px; padding: 8px 10px; border-top: 1px solid #e7e9ea; background: #faf9f6; }
.owner-approval-actions button { min-height: 29px; padding: 0 10px; font-size: 8px; }
.owner-approval-actions .reject { color: #a54242 !important; }
.owner-home-detail-dialog { width: min(760px, calc(100vw - 24px)); max-height: 90vh; }
.owner-home-detail-dialog .dialog-shell { padding: 25px; }
.owner-home-detail-dialog header { padding-right: 28px; }
.owner-home-detail-dialog header h2 { margin: 9px 0 5px; color: var(--text); font-size: 21px; }
.owner-home-detail-dialog header p, .owner-home-detail-dialog section p, .owner-home-detail-dialog li { color: var(--muted); font-size: 9px; line-height: 1.55; }
.owner-home-detail-dialog section { margin-top: 15px; padding: 13px; border: 1px solid var(--line-soft); border-radius: 8px; background: var(--surface-2); }
.owner-home-detail-dialog section h3 { margin: 0 0 7px; font-size: 10px; }
.owner-home-detail-dialog section ul { margin: 0; padding-left: 17px; }
.owner-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.owner-home-detail-dialog pre { max-height: 210px; margin: 0; padding: 10px; overflow: auto; border-radius: 6px; color: var(--muted); background: var(--surface); font: 8px/1.5 ui-monospace, monospace; white-space: pre-wrap; }
.owner-detail-images { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.owner-detail-images img { width: 100%; max-height: 230px; object-fit: contain; border: 1px solid var(--line-soft); border-radius: 7px; background: var(--surface); }
.owner-detail-boundary { margin-top: 15px; padding: 12px; border-left: 3px solid #557a9f; color: #5e6b7a; background: #eaf0f5; font-size: 8px; line-height: 1.5; }
.owner-detail-boundary strong { display: block; margin-bottom: 3px; color: #2d4962; }
.is-loading #ownerMetricCards:empty, .is-loading #ownerInboxList:empty, .is-loading #ownerHomeApprovals:empty, .is-loading #ownerProductPerformance:empty, .is-loading #dashboardTrendChart:empty { min-height: 100px; border: 1px solid #e1e3e5; background: #f7f7f4; }

body.briefing-view.command-dark .workspace {
  --bg: #10151b; --surface: #171d24; --surface-2: #1c232c; --surface-3: #232c36;
  --line: #39434e; --line-soft: #2d3640; --text: #e7ebef; --muted: #a3adb8; --quiet: #75818e;
  --cyan: #83a7c5; --cyan-soft: #203141; --green: #4eb486; --green-soft: #18352a;
  --red: #df7474; --red-soft: #402428; --amber: #d5a25b; --amber-soft: #3b3020;
  color: var(--text); background: var(--bg);
}
body.briefing-view.command-dark .topbar { border-bottom-color: #2e3741; background: rgba(16,21,27,.94); }
body.briefing-view.command-dark .search-box, body.briefing-view.command-dark #briefing .panel, body.briefing-view.command-dark .owner-metric-card { border-color: #35404b; color: var(--text); background: #171d24; box-shadow: none; }
body.briefing-view.command-dark #briefing .page-heading h1, body.briefing-view.command-dark .owner-trend-title h2, body.briefing-view.command-dark .owner-section-heading h2, body.briefing-view.command-dark .owner-metric-card > strong, body.briefing-view.command-dark .owner-ranking-row strong, body.briefing-view.command-dark .owner-order-summary strong, body.briefing-view.command-dark .owner-approval-open { color: #e7ebef; }
body.briefing-view.command-dark #briefing .page-heading p, body.briefing-view.command-dark .owner-heading-tools > time, body.briefing-view.command-dark .owner-management-summary, body.briefing-view.command-dark .owner-section-heading p { color: #99a4af; }
body.briefing-view.command-dark .owner-management-summary b { color: #cbd3da; }
body.briefing-view.command-dark #briefing button.secondary { border-color: #46515d; color: #d4dbe1; background: #1b222a; }
body.briefing-view.command-dark #briefing button.secondary:hover { border-color: #627180; background: #222b34; }
body.briefing-view.command-dark .owner-trend-heading, body.briefing-view.command-dark .owner-section-heading, body.briefing-view.command-dark .owner-product-tabs, body.briefing-view.command-dark .owner-approval-filters, body.briefing-view.command-dark .owner-inbox-item, body.briefing-view.command-dark .owner-approval-actions { border-color: #2d3640; }
body.briefing-view.command-dark .dashboard-period-controls, body.briefing-view.command-dark .owner-product-controls, body.briefing-view.command-dark .owner-approval-filters, body.briefing-view.command-dark .owner-inbox-panel > footer, body.briefing-view.command-dark .owner-approvals-panel > footer, body.briefing-view.command-dark .owner-approval-actions { background: #141a20; border-color: #36404a; }
body.briefing-view.command-dark .owner-product-source { border-color: #3c4752; background: #1b2229; }
body.briefing-view.command-dark .owner-product-source button.active { color: #111a22; background: #83a7c5; }
body.briefing-view.command-dark .owner-approval-filters button { border-color: #35404a; color: #a0aab4; background: #1b2229; }
body.briefing-view.command-dark .owner-approval-filters button.active { border-color: #66839b; color: #d8e5ee; background: #263744; }
body.briefing-view.command-dark .owner-approval-unread { border-color: #141a20; }
body.briefing-view.command-dark .dashboard-period-controls button.active, body.briefing-view.command-dark .owner-product-tabs button.active { background: #6f91ad; color: #0f1820; }
body.briefing-view.command-dark .owner-metric-card:hover, body.briefing-view.command-dark .owner-inbox-item:hover, body.briefing-view.command-dark .owner-ranking-row:hover, body.briefing-view.command-dark .owner-approval-open:hover { background: #1d252e; }
body.briefing-view.command-dark .owner-inbox-item strong { color: #d9e0e6; }
body.briefing-view.command-dark .owner-inbox-item small { color: #8e9aa6; }
body.briefing-view.command-dark .owner-inbox-item time { color: #73808d; }
body.briefing-view.command-dark .owner-metric-card.active { border-color: #6f91ad; background: #20303e; box-shadow: inset 3px 0 #83a7c5; }
body.briefing-view.command-dark .owner-metric-legend button.active { color: #a9c5db; }
body.briefing-view.command-dark .owner-metric-legend button.active::before { background: #83a7c5; box-shadow: 0 0 0 3px #263948; }
body.briefing-view.command-dark .dashboard-connection-state { border-color: #5c472d; background: #2c251c; }
body.briefing-view.command-dark .dashboard-connection-state strong { color: #e1b675; }
body.briefing-view.command-dark .dashboard-connection-state span { color: #b6aa99; }
body.briefing-view.command-dark .dashboard-chart-empty, body.briefing-view.command-dark .owner-ranking-head, body.briefing-view.command-dark .owner-ranking-empty, body.briefing-view.command-dark .owner-order-summary, body.briefing-view.command-dark .owner-command-empty { border-color: #35404a; background: #141a20; }
body.briefing-view.command-dark .dashboard-chart-empty strong, body.briefing-view.command-dark .owner-ranking-empty strong, body.briefing-view.command-dark .owner-command-empty strong { color: #cbd5de; }
body.briefing-view.command-dark .dashboard-trend-chart .chart-grid line { stroke: #303a44; }
body.briefing-view.command-dark .owner-ranking-head { color: #8f9aa5; }
body.briefing-view.command-dark .owner-ranking-row { border-color: #2c353e; color: #aeb7c0; }
body.briefing-view.command-dark .owner-product-table footer { color: #8e9aa5; background: #141a20; }
body.briefing-view.command-dark .owner-product-table footer strong { color: #b7c1ca; }
body.briefing-view.command-dark .owner-order-summary { background: #1c2630; }
body.briefing-view.command-dark .owner-approval-card { border-color: #36404a; background: #171d24; }
body.briefing-view.command-dark .owner-approval-type i, body.briefing-view.command-dark .inbox-mark.report { color: #9dbbd1; background: #253644; }
body.briefing-view.command-dark .owner-detail-boundary { color: #b3c0cb; background: #20303e; }
body.briefing-view.command-dark .owner-detail-boundary strong { color: #b7d0e2; }

@media (max-width: 1240px) {
  .owner-command-grid { grid-template-columns: minmax(0,1fr) 210px; grid-template-areas: "trend metrics" "inbox inbox" "products products" "approvals approvals"; }
  .owner-metric-stack { grid-template-rows: none; grid-template-columns: 1fr; }
  .owner-inbox-panel #ownerInboxList { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .owner-inbox-item:nth-child(odd) { border-right: 1px solid #ebebea; }
}
@media (max-width: 820px) {
  .owner-command-grid { grid-template-columns: 1fr; grid-template-areas: "trend" "metrics" "inbox" "products" "approvals"; }
  .owner-metric-stack { grid-template-columns: repeat(5,minmax(118px,1fr)); overflow-x: auto; padding-bottom: 4px; }
  .owner-trend-heading { flex-direction: column; }
  .owner-trend-heading .dashboard-period-controls { width: 100%; overflow-x: auto; }
  .owner-inbox-panel #ownerInboxList { grid-template-columns: 1fr; }
  .owner-inbox-item:nth-child(odd) { border-right: 0; }
}
@media (max-width: 640px) {
  .owner-heading-tools { width: 100%; align-items: flex-start; }
  .owner-heading-tools > div { width: 100%; flex-wrap: wrap; }
  .owner-heading-tools button { flex: 1; }
  .owner-management-summary { gap: 7px 12px; }
  .owner-trend-heading { padding: 13px; }
  .owner-metric-legend { gap: 4px 10px; }
  .owner-metric-stack { grid-template-columns: repeat(5,130px); }
  .owner-section-heading { align-items: flex-start; flex-direction: row; gap: 12px; }
  .owner-section-heading .text-button { white-space: nowrap; }
  .owner-approval-filters { flex-wrap: nowrap; overflow-x: auto; }
  .owner-product-controls { align-items: stretch; flex-direction: column; }
  .owner-product-tabs { overflow-x: auto; }
  .owner-product-source { align-self: flex-start; }
  .owner-product-tabs button { flex: 0 0 auto; }
  .owner-detail-grid, .owner-detail-images { grid-template-columns: 1fr; }
  .owner-home-detail-dialog .dialog-shell { padding: 20px 15px; }
}

/* Preview E header hierarchy — concise greeting, date, and no extra controls. */
body.briefing-view .topbar { display: none; }
body.briefing-view .system-state { display: none; }
body.briefing-view .views { padding-top: 24px; }
#briefing .owner-command-heading { min-height: 54px; align-items: center; margin-bottom: 18px; }
#briefing .owner-command-heading h1 { margin: 0 0 5px; color: #17264a; font-size: 24px; font-weight: 620; letter-spacing: -.025em; }
#briefing .owner-command-heading h1 span { font-size: 20px; }
#briefing .owner-command-heading p { margin: 0; color: #71809b; font-size: 10px; }
#ownerCommandDate { padding: 9px 12px; border: 1px solid #dce1e7; border-radius: 8px; color: #3e4e68; background: #fff; font-size: 9px; white-space: nowrap; }
body.briefing-view.command-dark #briefing .owner-command-heading h1 { color: #edf1f5; }
body.briefing-view.command-dark #ownerCommandDate { border-color: #3b4651; color: #cbd4dc; background: #171d24; }
@media (max-width: 640px) {
  #briefing .owner-command-heading { align-items: flex-start; }
  #ownerCommandDate { align-self: flex-start; }
}

/* Owner-approved Preview E visual contract — Command Desk only. */
.brand-preview { display: none; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }

body.briefing-view:not(.command-dark) {
  --preview-canvas: #f8f9fc;
  --preview-surface: #ffffff;
  --preview-navy: #07184b;
  --preview-muted: #61708f;
  --preview-border: #dce3ed;
  --preview-pale-blue: #edf3ff;
  --preview-cobalt: #0b63f6;
  --preview-green: #08a64a;
  --preview-red: #ff3038;
  color: var(--preview-navy);
  background: var(--preview-canvas);
}
body.briefing-view:not(.command-dark) .workspace { color: var(--preview-navy); background: var(--preview-canvas); }
body.briefing-view:not(.command-dark) .sidebar { width: 244px; padding: 22px 14px 18px; color: var(--preview-navy); background: var(--preview-surface); border-right: 1px solid var(--preview-border); box-shadow: none; }
body.briefing-view:not(.command-dark) .app-shell { grid-template-columns: 244px minmax(0,1fr); }
body.briefing-view:not(.command-dark) .workspace { grid-column: 2; }
body.briefing-view:not(.command-dark) .brand { gap: 13px; padding: 4px 13px 27px; }
body.briefing-view:not(.command-dark) .brand-default { display: none; }
body.briefing-view:not(.command-dark) .brand-preview { display: inline; }
body.briefing-view:not(.command-dark) .brand-mark { width: 34px; height: 34px; border-radius: 9px; color: #fff; background: var(--preview-navy); font-size: 10px; font-weight: 700; }
body.briefing-view:not(.command-dark) .brand strong { color: var(--preview-navy); font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
body.briefing-view:not(.command-dark) .brand small { display: none; }
body.briefing-view:not(.command-dark) #nav { gap: 7px; }
body.briefing-view:not(.command-dark) #nav p { display: none; }
body.briefing-view:not(.command-dark) #nav button { min-height: 43px; padding: 0 14px; border: 0; border-radius: 9px; color: #243965; }
body.briefing-view:not(.command-dark) #nav button > span { color: #45618f; font-size: 16px; }
body.briefing-view:not(.command-dark) #nav button b { font-size: 11px; font-weight: 520; }
body.briefing-view:not(.command-dark) #nav button:hover { color: var(--preview-navy); background: #f2f5fa; }
body.briefing-view:not(.command-dark) #nav button.active { color: #fff; background: var(--preview-navy); border: 0; box-shadow: none; }
body.briefing-view:not(.command-dark) #nav button.active > span { color: #fff; }
body.briefing-view:not(.command-dark) .sidebar-footer { color: var(--preview-navy); border-top-color: var(--preview-border); }
body.briefing-view:not(.command-dark) .sidebar-footer small { color: var(--preview-muted); font-weight: 500; letter-spacing: 0; }
body.briefing-view:not(.command-dark) .owner-avatar { color: #fff; background: var(--preview-navy); border-color: var(--preview-navy); }

body.briefing-view:not(.command-dark) .views { max-width: none; padding: 20px 18px 14px 32px; }
#briefing .owner-command-heading { min-height: 58px; margin-bottom: 16px; }
#briefing .owner-command-heading h1 { margin-bottom: 5px; color: var(--preview-navy); font-size: 21px; font-weight: 650; letter-spacing: -.018em; }
#briefing .owner-command-heading p { color: var(--preview-muted); font-size: 10px; }
#briefing .owner-heading-tools { flex-direction: row; align-items: center; gap: 10px; }
#ownerCommandDate { min-height: 38px; display: inline-flex; align-items: center; padding: 0 14px; color: #23375e; background: #fff; border: 1px solid var(--preview-border); border-radius: 8px; font-size: 9px; }
.owner-export-preview { min-height: 38px; padding: 0 15px; border: 1px solid var(--preview-navy); border-radius: 7px; color: #fff; background: var(--preview-navy); font-size: 9px; font-weight: 600; opacity: 1; }

.owner-command-grid { grid-template-columns: minmax(0,1.32fr) minmax(220px,.62fr) minmax(330px,1fr); grid-template-areas: "trend metrics inbox" "products products approvals"; gap: 12px 15px; }
#briefing .owner-command-grid > .panel { color: var(--preview-navy); background: var(--preview-surface); border: 1px solid var(--preview-border); border-radius: 9px; box-shadow: none; }
.owner-trends-panel, .owner-metric-stack, .owner-inbox-panel { min-height: 454px; }
.owner-product-panel, .owner-approvals-panel { min-height: 378px; }
.owner-trend-heading, .owner-section-heading { min-height: 58px; padding: 12px 16px; border-bottom: 1px solid var(--preview-border); }
.owner-trend-title h2, .owner-section-heading h2 { margin: 0; color: var(--preview-navy); font-size: 14px; font-weight: 650; letter-spacing: -.015em; }
.owner-trend-cadence select { min-height: 31px; padding: 0 29px 0 12px; border: 1px solid var(--preview-border); border-radius: 6px; color: #24375e; background: #fff; font-size: 9px; }
.owner-heading-title { display: flex; align-items: center; gap: 9px; }
#briefing .count-pill { min-width: 21px; height: 21px; border: 0; border-radius: 50%; color: #263858; background: #edf0f4; font-size: 8px; }
#briefing .text-button { color: var(--preview-navy); font-size: 8px; font-weight: 560; }
.dashboard-connection-state[hidden] { display: none !important; }
.dashboard-trend-chart { padding: 11px 15px 8px; }
.preview-chart-legend { height: 27px; display: flex; align-items: center; gap: 24px; color: #2f4164; font-size: 8px; }
.preview-chart-legend span { display: inline-flex; align-items: center; gap: 7px; }
.preview-chart-legend i { width: 21px; height: 2px; background: currentColor; }
.preview-chart-legend .positive { color: var(--preview-green); }
.preview-chart-legend .negative { color: var(--preview-red); }
.preview-trend-svg { width: 100%; height: 337px; overflow: visible; }
.preview-chart-grid line { stroke: #e1e6ee; stroke-width: 1; stroke-dasharray: 3 3; }
.preview-y-labels text, .preview-x-labels text { fill: #63708a; font-size: 10px; }
.preview-area { stroke: none; opacity: .08; fill-opacity: .08 !important; }
.preview-area.positive { fill: var(--preview-green); }
.preview-area.negative { fill: var(--preview-red); }
.preview-line { fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.preview-line.positive { stroke: var(--preview-green); fill: none !important; }
.preview-line.negative { stroke: var(--preview-red); fill: none !important; }
.preview-point.positive { stroke: var(--preview-green); fill: var(--preview-green); }
.preview-point.negative { stroke: var(--preview-red); fill: var(--preview-red); }

.owner-metric-stack { gap: 7px; }
.owner-metric-card, .owner-metric-card.preview { position: relative; min-height: 84px; display: grid; grid-template-columns: 39px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 11px 14px; border: 1px solid var(--preview-border); border-radius: 9px; color: var(--preview-navy); background: #fff; box-shadow: none; }
.owner-metric-card:hover { border-color: #aac3ee; background: #fff; transform: none; }
.owner-metric-card.active { border: 1.5px solid var(--preview-cobalt); background: #fff; box-shadow: none; }
.owner-metric-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: var(--preview-cobalt); background: var(--preview-pale-blue); font-size: 15px; font-weight: 650; }
.owner-metric-svg { width: 25px; height: 25px; display: block; }
.owner-metric-copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.owner-metric-copy > span { color: var(--preview-navy); font-size: 9px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.owner-metric-copy > strong { margin: 4px 0 5px; color: var(--preview-navy); font-size: 16px; font-weight: 650; }
.owner-metric-copy > small { color: var(--preview-green); font-size: 7px; white-space: nowrap; }
.owner-metric-check { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--preview-cobalt); font-size: 9px; }

.owner-inbox-panel #ownerInboxList { min-height: 340px; }
.owner-inbox-item { min-height: 59px; border-bottom-color: #e7ebf1; color: var(--preview-navy); }
.owner-inbox-item:hover { background: #f8faff; }
.owner-inbox-item strong { color: var(--preview-navy); font-size: 9px; }
.owner-inbox-item small, .owner-inbox-item time { color: var(--preview-muted); }
.inbox-mark { color: var(--preview-red); background: #fff0f1; }
.inbox-mark.report { color: var(--preview-cobalt); background: var(--preview-pale-blue); }

.owner-product-panel .owner-section-heading { border-bottom: 0; }
.owner-product-controls { min-height: 43px; justify-content: flex-end; padding: 5px 16px; border-bottom: 1px solid var(--preview-border); background: #fff; }
.owner-product-tabs { gap: 6px; }
.owner-product-tabs button { min-width: 98px; min-height: 30px; border: 1px solid var(--preview-border); color: var(--preview-navy); background: #fff; font-size: 8px; }
.owner-product-tabs button:hover { color: var(--preview-cobalt); background: #fff; }
.owner-product-tabs button.active { color: var(--preview-cobalt); border-color: var(--preview-cobalt); background: #fff; }
.owner-product-source { order: -1; margin-right: auto; border-color: var(--preview-border); background: #f5f7fb; }
.owner-product-source > span { display: none; }
.owner-product-source button { color: #52617d; }
.owner-product-source button.active { color: #fff; background: var(--preview-cobalt); }
.preview-product-head, .preview-product-row { min-width: 760px; display: grid; grid-template-columns: 22px minmax(170px,1.35fr) repeat(5,minmax(75px,.68fr)) 58px; align-items: center; column-gap: 9px; }
.preview-product-head { min-height: 32px; padding: 0 15px; color: #596985; border-bottom: 1px solid var(--preview-border); font-size: 7px; font-weight: 560; }
.preview-product-row { min-height: 51px; padding: 5px 15px; color: var(--preview-navy); border-bottom: 1px solid #e8ecf2; font-size: 8px; }
.preview-product-row:last-child { border-bottom: 0; }
.preview-product-name { display: flex; align-items: center; gap: 9px; min-width: 0; }
.preview-product-name i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 7px; color: #25334f; background: #eef1f5; font-size: 9px; font-style: normal; }
.preview-product-name strong { overflow: hidden; color: var(--preview-navy); font-size: 8px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.preview-product-value strong, .preview-product-value small { display: block; white-space: nowrap; }
.preview-product-value strong { color: var(--preview-navy); font-size: 8px; font-weight: 520; }
.preview-product-value small { margin-top: 3px; font-size: 7px; }
.preview-product-value small.positive { color: var(--preview-green); }
.preview-product-value small.negative { color: var(--preview-red); }
.preview-spark { position: relative; width: 52px; height: 22px; display: block; }
.preview-spark i { position: absolute; width: 13px; height: 2px; transform-origin: left center; background: var(--preview-green); }
.preview-spark.down i { background: var(--preview-red); }
.preview-spark i:nth-child(1) { left: 0; top: 14px; transform: rotate(-37deg); }
.preview-spark i:nth-child(2) { left: 10px; top: 6px; transform: rotate(33deg); }
.preview-spark i:nth-child(3) { left: 20px; top: 13px; transform: rotate(-38deg); }
.preview-spark i:nth-child(4) { left: 30px; top: 5px; transform: rotate(28deg); }
.preview-spark i:nth-child(5) { left: 40px; top: 11px; transform: rotate(-27deg); }

.owner-approval-filters, .owner-order-summary { border-color: var(--preview-border); background: #fff; }
.owner-approval-filters button { border-color: var(--preview-border); color: #53617b; background: #fff; }
.owner-approval-filters button.active { border-color: var(--preview-cobalt); color: var(--preview-cobalt); background: var(--preview-pale-blue); }
.owner-order-summary { margin: 8px 11px; }
.owner-approval-card { border-color: var(--preview-border); }
.owner-approval-actions { background: #fff; }

.command-preview-disclaimer { margin: 10px 0 0; color: #7a88a4; font-size: 8px; letter-spacing: .01em; }
.command-preview-disclaimer[hidden] { display: none; }
body.command-preview .owner-approval-filters,
body.command-preview .owner-order-summary { display: none; }
body.command-preview .owner-approvals-panel #ownerHomeApprovals { min-height: 310px; }

@media (max-width: 1240px) {
  body.briefing-view:not(.command-dark) .views { padding-left: 20px; }
  .owner-command-grid { grid-template-columns: minmax(0,1fr) 220px; grid-template-areas: "trend metrics" "inbox inbox" "products products" "approvals approvals"; }
  .owner-metric-stack { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  body.briefing-view:not(.command-dark) .app-shell { grid-template-columns: 1fr; }
  body.briefing-view:not(.command-dark) .workspace { grid-column: 1; }
  .owner-command-grid { grid-template-columns: 1fr; grid-template-areas: "trend" "metrics" "inbox" "products" "approvals"; }
  .owner-metric-stack { grid-template-columns: repeat(5,minmax(170px,1fr)); }
  .owner-heading-tools { align-items: flex-start; flex-wrap: wrap; }
}

/* v26 — Owner-approved Preview E composition and complete dashboard themes. */
html[data-theme="light"] { color-scheme: light; background: #f8f9fc; }
html[data-theme="dark"] { color-scheme: dark; background: #080f1d; }
body.theme-light {
  --bg: #f8f9fc; --rail: #ffffff; --surface: #ffffff; --surface-2: #f5f7fb; --surface-3: #edf3ff;
  --line: #d8e1ed; --line-soft: #e7ecf3; --text: #07184b; --muted: #61708f; --quiet: #7b89a4;
  --cyan: #0b63f6; --cyan-soft: #edf3ff; --blue: #0b63f6; --green: #08a64a; --green-soft: #eaf8f0;
  --amber: #9b6b16; --amber-soft: #fff6df; --red: #ef3038; --red-soft: #fff0f1;
  --shadow: 0 14px 40px rgba(27,45,78,.08);
  background: var(--bg); color: var(--text);
}
body.theme-dark {
  --bg: #080f1d; --rail: #0a1324; --surface: #101b2e; --surface-2: #152238; --surface-3: #1c2c47;
  --line: #31425e; --line-soft: #23334c; --text: #f3f7ff; --muted: #a7b4c8; --quiet: #7d8ba3;
  --cyan: #4b8dff; --cyan-soft: #172b4d; --blue: #4b8dff; --green: #36c878; --green-soft: #123827;
  --amber: #e0ae52; --amber-soft: #3a2c14; --red: #ff636b; --red-soft: #431d25;
  --shadow: 0 18px 48px rgba(0,0,0,.32);
  background: var(--bg); color: var(--text);
}
body.theme-light .workspace, body.theme-dark .workspace { background: var(--bg); color: var(--text); }
body.theme-light .sidebar, body.theme-dark .sidebar { color: var(--text); background: var(--rail); border-right-color: var(--line-soft); }
body.theme-light .brand, body.theme-dark .brand { color: var(--text); }
body.theme-light .brand-mark { color: #fff; background: #07184b; }
body.theme-dark .brand-mark { color: #fff; background: #0b63f6; }
body.theme-light .topbar { background: rgba(248,249,252,.94); border-bottom-color: var(--line-soft); }
body.theme-dark .topbar { background: rgba(8,15,29,.94); border-bottom-color: var(--line-soft); }
body.theme-light .system-state, body.theme-light .search-box, body.theme-light .segmented button,
body.theme-light .operations-strip, body.theme-light .hierarchy-bar, body.theme-light .pipeline-stage > div,
body.theme-light .ledger-table > header, body.theme-light .form-grid input, body.theme-light .form-grid select,
body.theme-light .form-grid textarea, body.theme-light .worker-detail { color: var(--text); background: var(--surface-2); }
body.theme-dark .system-state, body.theme-dark .search-box, body.theme-dark .segmented button,
body.theme-dark .operations-strip, body.theme-dark .hierarchy-bar, body.theme-dark .pipeline-stage > div,
body.theme-dark .ledger-table > header, body.theme-dark .form-grid input, body.theme-dark .form-grid select,
body.theme-dark .form-grid textarea, body.theme-dark .worker-detail { color: var(--text); background: var(--surface-2); }
body.theme-light .panel, body.theme-light .metric-grid, body.theme-light .manager-card, body.theme-light .product-card,
body.theme-light .research-card, body.theme-light .command-dialog, body.theme-light .reports-filterbar,
body.theme-dark .panel, body.theme-dark .metric-grid, body.theme-dark .manager-card, body.theme-dark .product-card,
body.theme-dark .research-card, body.theme-dark .command-dialog, body.theme-dark .reports-filterbar {
  color: var(--text); background: var(--surface); border-color: var(--line);
}
body.theme-light .research-notice, body.theme-dark .research-notice { border-color: var(--line); background: var(--amber-soft); }
body.theme-light .research-notice span { color: #6b5a3d; }
body.theme-dark .research-notice span { color: #d5c7aa; }
body.theme-light .command-dialog::backdrop, body.theme-dark .command-dialog::backdrop { background: rgba(4,10,22,.72); }
body.theme-light .toast { color: #17643a; background: #eef9f3; }
body.theme-light .toast.error { color: #9d2830; background: #fff0f1; }
body.theme-light .product-report-thumb-placeholder, body.theme-dark .product-report-thumb-placeholder { background: var(--surface-3); }
body.theme-light .owner-home-detail-dialog section, body.theme-dark .owner-home-detail-dialog section { background: var(--surface-2); border-color: var(--line-soft); }
body.theme-light #nav button:hover, body.theme-dark #nav button:hover { color: var(--text); background: var(--surface-2); }
body.theme-light #nav button.active, body.theme-dark #nav button.active { color: var(--text); background: var(--cyan-soft); border-left-color: var(--cyan); }

.preview-assistant-card { display: none; }
body.briefing-view #nav p, body.briefing-view #nav button:not([data-command-label]) { display: none; }
body.briefing-view #nav { gap: 7px; }
body.briefing-view #nav [data-view="briefing"] { order: 1; }
body.briefing-view #nav [data-view="ventures"] { order: 2; }
body.briefing-view #nav [data-view="orders"] { order: 3; }
body.briefing-view #nav [data-view="notifications"] { order: 4; }
body.briefing-view #nav [data-view="portfolio"] { order: 5; }
body.briefing-view #nav [data-view="reports"] { order: 6; }
body.briefing-view #nav [data-view="product-trends"] { order: 7; }
body.briefing-view #nav [data-view="workgraph"] { order: 8; }
body.briefing-view #nav [data-view="settings"] { order: 9; }
body.briefing-view .brand-default { display: none; }
body.briefing-view .brand-preview { display: inline; }
body.briefing-view .brand small { display: none; }
body.briefing-view .preview-assistant-card { display: block; margin-top: auto; padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.preview-assistant-card header { display: flex; align-items: center; gap: 9px; }
.preview-assistant-card header > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #07184b; }
.preview-assistant-card strong { font-size: 10px; }
.preview-assistant-card p { margin: 14px 0; color: var(--muted); font-size: 8px; line-height: 1.65; }
.preview-assistant-card button { min-height: 35px; padding: 0 17px; border: 0; border-radius: 5px; color: #fff; background: #07184b; font-size: 9px; font-weight: 600; opacity: 1; }
body.theme-dark .preview-assistant-card header > span, body.theme-dark .preview-assistant-card button { background: #0b63f6; }
body.briefing-view .sidebar-footer { margin-top: 14px; }

.theme-segment { min-height: 38px; display: inline-flex; align-items: center; padding: 3px; border: 1px solid var(--preview-border, var(--line)); border-radius: 8px; background: var(--surface-2); }
.theme-segment button { min-height: 30px; padding: 0 10px; border: 0; border-radius: 6px; color: var(--muted); background: transparent; cursor: pointer; font-size: 8px; white-space: nowrap; }
.theme-segment button:hover { color: var(--text); background: var(--surface-3); }
.theme-segment button.active { color: #fff; background: #07184b; }
body.theme-dark .theme-segment button.active { background: #0b63f6; }

body.briefing-view .owner-product-source { display: none; }
body.briefing-view .owner-product-panel { position: relative; }
body.briefing-view .owner-product-panel .owner-section-heading { padding-right: 410px; }
body.briefing-view .owner-product-controls { position: absolute; z-index: 2; top: 5px; right: 14px; min-height: 48px; padding: 5px 0; border: 0; background: transparent; }
.owner-inbox-item.preview { position: relative; cursor: default; }
.owner-inbox-item.preview:hover { background: transparent; }
.preview-inbox-dot { position: absolute; right: 13px; bottom: 12px; width: 6px; height: 6px; border-radius: 50%; background: var(--preview-cobalt, var(--cyan)); }
.preview-inbox-dot.urgent { background: var(--preview-red, var(--red)); }
.inbox-mark.insight { color: var(--preview-cobalt, var(--cyan)); background: var(--preview-pale-blue, var(--cyan-soft)); }
.preview-approval-card { padding: 8px 12px; border-bottom: 1px solid var(--preview-border, var(--line-soft)); }
.preview-approval-card:last-child { border-bottom: 0; }
.preview-approval-summary { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: start; gap: 9px; }
.preview-approval-summary > div { min-width: 0; }
.preview-approval-summary > div:last-child { text-align: right; }
.preview-approval-summary strong, .preview-approval-summary small { display: block; }
.preview-approval-summary strong { overflow: hidden; color: var(--preview-navy, var(--text)); font-size: 8px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.preview-approval-summary small { margin-top: 3px; color: var(--preview-muted, var(--muted)); font-size: 7px; }
.preview-approval-type { min-height: 22px; display: inline-flex; align-items: center; padding: 0 7px; border-radius: 6px; color: #0b63f6; background: #edf3ff; font-size: 7px; font-weight: 600; white-space: nowrap; }
.preview-approval-type.new-product { color: #168647; background: #eaf8f0; }
.preview-approval-type.design-pricing { color: #7042a4; background: #f2ebfb; }
.preview-approval-actions { display: flex; justify-content: flex-end; gap: 7px; margin-top: 7px; }
.preview-approval-actions button { min-height: 27px; padding: 0 14px; border: 1px solid #0b63f6; border-radius: 5px; color: #0b63f6; background: transparent; font-size: 7px; opacity: 1; }
.preview-approval-actions .approve { color: #08a64a; border-color: #08a64a; }
.preview-approval-actions .reject { color: #ef3038; border-color: #ef3038; }
.preview-approval-actions button:disabled { cursor: default; }

body.theme-dark.briefing-view { --preview-canvas: #080f1d; --preview-surface: #101b2e; --preview-navy: #f3f7ff; --preview-muted: #a7b4c8; --preview-border: #31425e; --preview-pale-blue: #172b4d; --preview-cobalt: #4b8dff; --preview-green: #36c878; --preview-red: #ff636b; }
body.theme-dark.briefing-view .workspace { color: var(--preview-navy); background: var(--preview-canvas); }
body.theme-dark.briefing-view .sidebar { width: 244px; padding: 22px 14px 18px; color: var(--preview-navy); background: #0a1324; border-right-color: var(--preview-border); }
body.theme-dark.briefing-view .app-shell { grid-template-columns: 244px minmax(0,1fr); }
body.theme-dark.briefing-view .workspace { grid-column: 2; }
body.theme-dark.briefing-view .views { max-width: none; padding: 20px 18px 14px 32px; }
body.theme-dark.briefing-view .brand strong, body.theme-dark.briefing-view #briefing .owner-command-heading h1,
body.theme-dark.briefing-view .owner-trend-title h2, body.theme-dark.briefing-view .owner-section-heading h2,
body.theme-dark.briefing-view .owner-metric-copy > span, body.theme-dark.briefing-view .owner-metric-copy > strong,
body.theme-dark.briefing-view .owner-inbox-item strong, body.theme-dark.briefing-view .preview-product-name strong,
body.theme-dark.briefing-view .preview-product-value strong { color: var(--preview-navy); }
body.theme-dark.briefing-view #nav button { color: #c5d2e7; }
body.theme-dark.briefing-view #nav button > span { color: #8ba7d0; }
body.theme-dark.briefing-view #nav button.active { color: #fff; background: #0b63f6; }
body.theme-dark.briefing-view #briefing .owner-command-grid > .panel,
body.theme-dark.briefing-view .owner-metric-card, body.theme-dark.briefing-view .owner-product-controls,
body.theme-dark.briefing-view .owner-product-tabs button, body.theme-dark.briefing-view .owner-trend-cadence select,
body.theme-dark.briefing-view #ownerCommandDate { color: var(--preview-navy); background: var(--preview-surface); border-color: var(--preview-border); }
body.theme-dark.briefing-view .owner-metric-card.active, body.theme-dark.briefing-view .owner-product-tabs button.active { border-color: var(--preview-cobalt); }
body.theme-dark.briefing-view .owner-product-tabs button.active { color: var(--preview-cobalt); background: var(--preview-surface); }
body.theme-dark.briefing-view .owner-inbox-item, body.theme-dark.briefing-view .preview-product-row,
body.theme-dark.briefing-view .preview-product-head, body.theme-dark.briefing-view .preview-approval-card { border-color: var(--preview-border); }
body.theme-dark.briefing-view .preview-chart-grid line { stroke: #31425e; }
body.theme-dark.briefing-view .preview-y-labels text, body.theme-dark.briefing-view .preview-x-labels text { fill: #91a2bd; }
body.theme-dark.briefing-view .preview-product-name i { color: #d8e4f5; background: #1c2c47; }
body.theme-dark.briefing-view .preview-approval-type { color: #8bb4ff; background: #172b4d; }
body.theme-dark.briefing-view .preview-approval-type.new-product { color: #66d995; background: #123827; }
body.theme-dark.briefing-view .preview-approval-type.design-pricing { color: #c69af5; background: #34224b; }
body.theme-dark.briefing-view .preview-approval-actions button { background: transparent; }
body.theme-dark.briefing-view .command-preview-disclaimer { color: #91a2bd; }
body.theme-dark.briefing-view .owner-export-preview { color: #fff; background: #0b63f6; border-color: #0b63f6; opacity: 1; }

@media (max-width: 980px) {
  body.theme-dark.briefing-view .app-shell { grid-template-columns: 1fr; }
  body.theme-dark.briefing-view .workspace { grid-column: 1; }
}
@media (max-width: 640px) {
  .theme-segment { width: 100%; }
  .theme-segment button { flex: 1; }
  #briefing .owner-heading-tools { width: 100%; }
  body.briefing-view .owner-product-panel .owner-section-heading { padding-right: 16px; }
  body.briefing-view .owner-product-controls { position: static; padding: 6px 12px; border-bottom: 1px solid var(--line); }
}

/* v27 — Owner Approvals reference correction; scoped to Command Desk only. */
#briefing .owner-approval-board { min-height: 0; color: var(--preview-navy, var(--text)); background: var(--preview-surface, var(--surface)); }
#briefing .owner-approval-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; padding: 11px 12px 12px; border-bottom: 1px solid var(--preview-border, var(--line-soft)); }
#briefing .owner-approval-category-tile { position: relative; min-width: 0; min-height: 88px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 9px 4px 8px; border: 1px solid var(--preview-border, var(--line)); border-radius: 10px; color: #1456b8; background: var(--preview-surface, var(--surface)); cursor: pointer; }
#briefing .owner-approval-category-tile:hover { border-color: #7fa8e9; background: var(--preview-pale-blue, var(--cyan-soft)); }
#briefing .owner-approval-category-tile.active { border: 2px solid var(--preview-cobalt, var(--cyan)); background: var(--preview-pale-blue, var(--cyan-soft)); box-shadow: 0 0 0 2px color-mix(in srgb,var(--preview-cobalt, var(--cyan)) 12%,transparent); }
#briefing .owner-approval-category-tile strong { color: var(--preview-navy, var(--text)); font-size: 10px; font-weight: 600; line-height: 1; }
#briefing .owner-approval-category-icon { width: 37px; height: 37px; display: grid; place-items: center; }
#briefing .owner-approval-category-icon .owner-approval-svg { width: 34px; height: 34px; }
#briefing .owner-approval-category-badge { position: absolute; top: 7px; right: 7px; min-width: 21px; height: 21px; display: grid; place-items: center; padding: 0 5px; border: 2px solid var(--preview-surface, var(--surface)); border-radius: 999px; color: #fff; background: #df2228; font-size: 9px; font-weight: 700; line-height: 1; box-shadow: 0 2px 7px rgba(223,34,40,.25); }
#briefing .owner-approval-request-list { border: 1px solid var(--preview-border, var(--line)); border-radius: 10px; margin: 0 12px; overflow: hidden; }
#briefing .owner-approval-request-row { min-height: 78px; display: grid; grid-template-columns: 42px minmax(100px,1fr) auto 148px; align-items: center; gap: 8px; padding: 9px 10px; border-bottom: 1px solid var(--preview-border, var(--line-soft)); background: var(--preview-surface, var(--surface)); }
#briefing .owner-approval-request-row:last-child { border-bottom: 0; }
#briefing .owner-approval-request-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 10px; color: #1456b8; background: #edf3ff; }
#briefing .owner-approval-request-icon .owner-approval-svg { width: 30px; height: 30px; }
#briefing .owner-approval-request-row.products .owner-approval-request-icon { color: #16875f; background: #e8f8f2; }
#briefing .owner-approval-request-row.design .owner-approval-request-icon { color: #6b45c1; background: #f1edff; }
#briefing .owner-approval-request-row.finance .owner-approval-request-icon { color: #b27b00; background: #fff6db; }
#briefing .owner-approval-request-copy { min-width: 0; }
#briefing .owner-approval-request-copy strong, #briefing .owner-approval-request-copy span, #briefing .owner-approval-request-copy time { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#briefing .owner-approval-request-copy strong { color: var(--preview-navy, var(--text)); font-size: 11px; font-weight: 650; }
#briefing .owner-approval-request-copy span { margin-top: 4px; color: var(--preview-navy, var(--text)); font-size: 9.5px; }
#briefing .owner-approval-request-copy time { margin-top: 5px; color: var(--preview-muted, var(--muted)); font-size: 8px; }
#briefing .owner-approval-request-type { min-height: 25px; display: inline-flex; align-items: center; padding: 0 8px; border: 1px solid #bdd5fa; border-radius: 6px; color: #1456b8; background: #edf3ff; font-size: 8px; font-weight: 600; white-space: nowrap; }
#briefing .owner-approval-request-row.products .owner-approval-request-type { color: #16875f; border-color: #bfe8d7; background: #e8f8f2; }
#briefing .owner-approval-request-row.design .owner-approval-request-type { color: #6b45c1; border-color: #dacdf5; background: #f1edff; }
#briefing .owner-approval-request-row.finance .owner-approval-request-type { color: #946500; border-color: #f2d892; background: #fff6db; }
#briefing .owner-approval-request-actions { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }
#briefing .owner-approval-request-actions button { min-width: 0; min-height: 32px; padding: 0 6px; border: 1px solid #0b63f6; border-radius: 5px; color: #0b63f6; background: transparent; cursor: pointer; font-size: 8.5px; font-weight: 550; opacity: 1; }
#briefing .owner-approval-request-actions .approve { color: #fff; background: #0b63f6; }
#briefing .owner-approval-request-actions .reject { color: #dc2228; border-color: #dc2228; background: transparent; }
#briefing .owner-approval-request-actions button:disabled { cursor: default; }
#briefing .owner-approval-preview-label { margin: 12px 12px 0; padding: 9px 0 7px; border-top: 1px solid var(--preview-border, var(--line-soft)); color: var(--preview-muted, var(--muted)); font-size: 10px; font-weight: 550; letter-spacing: .04em; text-align: center; }
body.theme-dark.briefing-view #briefing .owner-approval-category-tile { color: #73a6ff; }
body.theme-dark.briefing-view #briefing .owner-approval-request-icon { color: #73a6ff; background: #172b4d; }
body.theme-dark.briefing-view #briefing .owner-approval-request-row.products .owner-approval-request-icon { color: #66d995; background: #123827; }
body.theme-dark.briefing-view #briefing .owner-approval-request-row.design .owner-approval-request-icon { color: #c69af5; background: #34224b; }
body.theme-dark.briefing-view #briefing .owner-approval-request-row.finance .owner-approval-request-icon { color: #f1c766; background: #3a2c14; }

/* Owner-approved Command Desk legibility scale; hierarchy and geometry retained. */
body.briefing-view .brand strong { font-size: 18px; }
body.briefing-view #nav button { min-height: 46px; }
body.briefing-view #nav button > span { font-size: 19px; }
body.briefing-view #nav button b { font-size: 13px; }
#briefing .owner-command-heading h1 { font-size: 26px; }
#briefing .owner-command-heading h1 span { font-size: 23px; }
#briefing .owner-command-heading p { font-size: 13px; }
#briefing #ownerCommandDate, #briefing .theme-segment button, #briefing .owner-export-preview { font-size: 10.5px; }
#briefing .owner-trend-title h2, #briefing .owner-section-heading h2 { font-size: 16px; }
#briefing .owner-trend-cadence select { font-size: 10px; }
#briefing .count-pill { min-width: 25px; height: 25px; font-size: 10px; }
#briefing .text-button { font-size: 10px; }
#briefing .preview-chart-legend { font-size: 10px; }
#briefing .preview-y-labels text, #briefing .preview-x-labels text { font-size: 12px; }
#briefing .owner-metric-card, #briefing .owner-metric-card.preview { grid-template-columns: 46px minmax(0,1fr) auto; padding: 11px 13px; }
#briefing .owner-metric-icon { width: 44px; height: 44px; font-size: 18px; }
#briefing .owner-metric-svg { width: 29px; height: 29px; }
#briefing .owner-metric-copy > span { font-size: 11px; }
#briefing .owner-metric-copy > strong { font-size: 20px; }
#briefing .owner-metric-copy > small { font-size: 8.5px; }
#briefing .owner-inbox-item { min-height: 67px; grid-template-columns: 32px minmax(0,1fr) auto; gap: 11px; padding: 9px 13px; }
#briefing .inbox-mark { width: 31px; height: 31px; font-size: 12px; }
#briefing .owner-inbox-item strong { font-size: 11px; }
#briefing .owner-inbox-item small, #briefing .owner-inbox-item time { font-size: 8.5px; }
#briefing .owner-product-tabs button { min-width: 102px; min-height: 33px; font-size: 9.5px; }
#briefing .preview-product-head { min-height: 38px; font-size: 9px; }
#briefing .preview-product-row { min-height: 57px; font-size: 9.5px; }
#briefing .preview-product-name i { width: 37px; height: 37px; font-size: 12px; }
#briefing .preview-product-name strong, #briefing .preview-product-value strong { font-size: 10px; }
#briefing .preview-product-value small { font-size: 8.5px; }
#briefing .command-preview-disclaimer { font-size: 10px; }
body.briefing-view .preview-assistant-card strong { font-size: 11px; }
body.briefing-view .preview-assistant-card p { font-size: 10px; }
body.briefing-view .preview-assistant-card button { font-size: 10px; }

@media (max-width: 1350px) {
  #briefing .owner-approval-request-row { grid-template-columns: 42px minmax(0,1fr) auto; }
  #briefing .owner-approval-request-actions { grid-column: 2 / 4; }
}
@media (max-width: 640px) {
  #briefing .owner-approval-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #briefing .owner-approval-request-row { grid-template-columns: 42px minmax(0,1fr); }
  #briefing .owner-approval-request-type { grid-column: 2; justify-self: start; }
  #briefing .owner-approval-request-actions { grid-column: 1 / -1; }
}

/* v27 — identical AICompany shell for every approved left-rail destination. */
.owner-destination-header { display: none; }
body.destination-shell-view .topbar { display: none; }
body.destination-shell-view:not(.briefing-view) .owner-destination-header { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 20px 18px 18px 32px; }
body.destination-shell-view:not(.briefing-view) .owner-destination-header h1 { margin: 0 0 5px; color: var(--text); font-size: 26px; font-weight: 650; letter-spacing: -.025em; }
body.destination-shell-view:not(.briefing-view) .owner-destination-header h1 span { font-size: 23px; }
body.destination-shell-view:not(.briefing-view) .owner-destination-header p { margin: 0; color: var(--muted); font-size: 13px; }
body.destination-shell-view .app-shell { grid-template-columns: 244px minmax(0,1fr); }
body.destination-shell-view .sidebar { width: 244px; padding: 22px 14px 18px; border-right: 1px solid var(--line); box-shadow: none; }
body.destination-shell-view .workspace { grid-column: 2; }
body.destination-shell-view.theme-light .sidebar { color: #07184b; background: #fff; border-right-color: #dce3ed; }
body.destination-shell-view.theme-dark .sidebar { color: #f3f7ff; background: #0a1324; border-right-color: #31425e; }
body.destination-shell-view .system-state { display: none; }
body.destination-shell-view .brand { gap: 13px; padding: 4px 13px 27px; }
body.destination-shell-view .brand-default { display: none; }
body.destination-shell-view .brand-preview { display: inline; }
body.destination-shell-view .brand small { display: none; }
body.destination-shell-view .brand-mark { width: 34px; height: 34px; border-radius: 9px; color: #fff; background: #07184b; font-size: 10px; font-weight: 700; }
body.destination-shell-view.theme-dark .brand-mark { background: #0b63f6; }
body.destination-shell-view .brand strong { color: inherit; font-size: 18px; font-weight: 700; }
body.destination-shell-view #nav { gap: 7px; }
body.destination-shell-view #nav p, body.destination-shell-view #nav button:not([data-command-label]) { display: none; }
body.destination-shell-view #nav [data-view="briefing"] { order: 1; }
body.destination-shell-view #nav [data-view="ventures"] { order: 2; }
body.destination-shell-view #nav [data-view="orders"] { order: 3; }
body.destination-shell-view #nav [data-view="notifications"] { order: 4; }
body.destination-shell-view #nav [data-view="portfolio"] { order: 5; }
body.destination-shell-view #nav [data-view="reports"] { order: 6; }
body.destination-shell-view #nav [data-view="product-trends"] { order: 7; }
body.destination-shell-view #nav [data-view="workgraph"] { order: 8; }
body.destination-shell-view #nav [data-view="settings"] { order: 9; }
body.destination-shell-view #nav button { min-height: 46px; padding: 0 14px; border: 0; border-radius: 9px; color: #243965; }
body.destination-shell-view #nav button > span { color: #45618f; font-size: 19px; }
body.destination-shell-view #nav button b { font-size: 13px; font-weight: 520; }
body.destination-shell-view #nav button:hover { color: #07184b; background: #f2f5fa; }
body.destination-shell-view #nav button.active { color: #fff; background: #07184b; border: 0; box-shadow: none; }
body.destination-shell-view #nav button.active > span { color: #fff; }
body.destination-shell-view.theme-dark #nav button { color: #c5d2e7; }
body.destination-shell-view.theme-dark #nav button > span { color: #8ba7d0; }
body.destination-shell-view.theme-dark #nav button:hover { color: #fff; background: #152238; }
body.destination-shell-view.theme-dark #nav button.active { color: #fff; background: #0b63f6; }
body.destination-shell-view .preview-assistant-card { display: block; margin-top: auto; }
body.destination-shell-view .sidebar-footer { margin-top: 14px; color: inherit; }
body.destination-shell-view.theme-light .sidebar-footer { border-top-color: #dce3ed; }
body.destination-shell-view.theme-light .sidebar-footer small { color: #61708f; font-weight: 500; letter-spacing: 0; }
body.destination-shell-view .owner-avatar { color: #fff; background: #07184b; border-color: #07184b; }
body.destination-shell-view.theme-dark .owner-avatar { background: #1c2c47; border-color: #31425e; }
body.destination-shell-view:not(.briefing-view) .views { max-width: none; margin: 0; padding: 0 32px 76px; }
body.destination-shell-view:not(.briefing-view) .page-heading { min-height: 98px; margin-bottom: 24px; }
body.destination-shell-view:not(.briefing-view) .page-heading h1 { font-size: clamp(32px,2.35vw,40px); }
body.destination-shell-view:not(.briefing-view) .page-heading p { font-size: 13px; line-height: 1.6; }
body.destination-shell-view:not(.briefing-view) .eyebrow { font-size: 10px; }
body.destination-shell-view:not(.briefing-view) .scope-chip { min-height: 36px; font-size: 10.5px; }
body.destination-shell-view:not(.briefing-view) .panel-heading h2 { font-size: 16px; }
body.destination-shell-view:not(.briefing-view) .panel-heading { min-height: 68px; }
body.destination-shell-view:not(.briefing-view) .metric > span { font-size: 9.5px; }
body.destination-shell-view:not(.briefing-view) .metric > strong { font-size: 28px; }
body.destination-shell-view:not(.briefing-view) .metric > small { font-size: 9.5px; }
body.destination-shell-view:not(.briefing-view) .research-notice strong,
body.destination-shell-view:not(.briefing-view) .research-notice span { font-size: 11px; }
body.destination-shell-view:not(.briefing-view) button.primary,
body.destination-shell-view:not(.briefing-view) button.secondary,
body.destination-shell-view:not(.briefing-view) .primary,
body.destination-shell-view:not(.briefing-view) .secondary { font-size: 11px; }

@media (max-width: 980px) {
  body.destination-shell-view .app-shell { grid-template-columns: 1fr; }
  body.destination-shell-view .workspace { grid-column: 1; }
  body.destination-shell-view:not(.briefing-view) .owner-destination-header { padding-left: 20px; }
}
@media (max-width: 640px) {
  body.destination-shell-view:not(.briefing-view) .owner-destination-header { align-items: flex-start; flex-direction: column; }
  body.destination-shell-view:not(.briefing-view) .owner-destination-header .owner-heading-tools { width: 100%; }
  body.destination-shell-view:not(.briefing-view) .views { padding: 12px 14px 48px; }
}

/* v29 — Owner-authoritative old full sidebar; rail-only correction. */
body .app-shell,
body.briefing-view:not(.command-dark) .app-shell,
body.destination-shell-view .app-shell { grid-template-columns: 244px minmax(0,1fr); }
body .sidebar,
body.briefing-view:not(.command-dark) .sidebar,
body.destination-shell-view .sidebar {
  width: 244px;
  padding: 18px 14px;
  color: var(--text);
  background: var(--rail);
  border-right: 1px solid var(--line-soft);
  box-shadow: none;
}
body.theme-light .sidebar,
body.briefing-view.theme-light .sidebar,
body.destination-shell-view.theme-light .sidebar { color: #07184b; background: #fff; border-right-color: #dce3ed; }
body.theme-dark .sidebar,
body.briefing-view.theme-dark .sidebar,
body.destination-shell-view.theme-dark .sidebar { color: #f3f7ff; background: #0a1324; border-right-color: #31425e; }
body .workspace,
body.briefing-view:not(.command-dark) .workspace,
body.destination-shell-view .workspace { grid-column: 2; }

body .brand,
body.briefing-view .brand,
body.destination-shell-view .brand { gap: 11px; padding: 2px 7px 18px; }
body .brand-default { display: none; }
body .brand-preview { display: inline; }
body .brand small,
body.briefing-view .brand small,
body.destination-shell-view .brand small { display: block; margin-top: 2px; color: var(--quiet); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
body .brand-mark,
body.briefing-view:not(.command-dark) .brand-mark,
body.destination-shell-view .brand-mark { width: 38px; height: 38px; border-radius: 7px; color: #fff; background: #07184b; font-size: 12px; font-weight: 800; }
body.theme-dark .brand-mark,
body.briefing-view.theme-dark .brand-mark,
body.destination-shell-view.theme-dark .brand-mark { background: #0b63f6; }
body .brand strong,
body.briefing-view .brand strong,
body.destination-shell-view .brand strong { color: inherit; font-size: 16px; font-weight: 700; }

body .system-state,
body.briefing-view .system-state,
body.destination-shell-view .system-state { display: flex; margin: 0 5px 12px; padding: 11px; border-radius: 8px; }
body.theme-light .system-state { color: #07184b; background: #f5f7fb; border-color: #dce3ed; }
body.theme-dark .system-state { color: #f3f7ff; background: #101b2e; border-color: #31425e; }
body .system-state strong { font-size: 10px; }
body .system-state small { font-size: 9px; }

body #nav,
body.briefing-view #nav,
body.destination-shell-view #nav { flex: 1; min-height: 0; gap: 3px; overflow-y: auto; }
body #nav p,
body.briefing-view #nav p,
body.destination-shell-view #nav p { display: block; order: initial; margin: 9px 10px 4px; color: var(--quiet); font-size: 9px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
body #nav button,
body.briefing-view #nav button,
body.destination-shell-view #nav button,
body.briefing-view #nav button:not([data-command-label]),
body.destination-shell-view #nav button:not([data-command-label]) {
  order: initial !important;
  display: grid;
  min-height: 37px;
  padding: 0 10px;
  border: 0;
  border-left: 2px solid transparent;
  border-radius: 0;
  color: var(--muted);
  background: transparent;
}
body #nav button > span,
body.briefing-view #nav button > span,
body.destination-shell-view #nav button > span { color: var(--quiet); font-size: 16px; }
body #nav button b,
body.briefing-view #nav button b,
body.destination-shell-view #nav button b { font-size: 11px; font-weight: 650; }
body.theme-light #nav button:hover { color: #07184b; background: #f5f7fb; }
body.theme-light #nav button.active { color: #07184b; background: #edf3ff; border-left-color: #0b63f6; }
body.theme-light #nav button.active > span { color: #0b63f6; }
body.theme-dark #nav button:hover { color: #f3f7ff; background: #152238; }
body.theme-dark #nav button.active { color: #f3f7ff; background: #1c2c47; border-left-color: #0b63f6; }
body.theme-dark #nav button.active > span { color: #73a6ff; }

body .preview-assistant-card,
body.briefing-view .preview-assistant-card,
body.destination-shell-view .preview-assistant-card { display: none !important; }
body .sidebar-footer,
body.briefing-view .sidebar-footer,
body.destination-shell-view .sidebar-footer { margin-top: 12px; padding: 13px 7px 2px; color: inherit; }
body.theme-light .sidebar-footer { border-top-color: #dce3ed; }
body.theme-dark .sidebar-footer { border-top-color: #31425e; }

@media (max-width: 980px) {
  body .app-shell,
  body.briefing-view:not(.command-dark) .app-shell,
  body.destination-shell-view .app-shell { grid-template-columns: 1fr; }
  body .workspace,
  body.briefing-view:not(.command-dark) .workspace,
  body.destination-shell-view .workspace { grid-column: 1; }
}

body.briefing-view:not(.command-dark).theme-light .brand small { display: block; }
body.briefing-view:not(.command-dark).theme-light #nav p { display: block; }
body.briefing-view:not(.command-dark).theme-light #nav button,
body.briefing-view:not(.command-dark).theme-light #nav button:not([data-command-label]) {
  min-height: 37px;
  padding: 0 10px;
  border: 0;
  border-left: 2px solid transparent;
  border-radius: 0;
  color: #61708f;
  background: transparent;
}
body.briefing-view:not(.command-dark).theme-light #nav button > span { color: #7b89a4; font-size: 16px; }
body.briefing-view:not(.command-dark).theme-light #nav button b { font-size: 11px; font-weight: 650; }
body.briefing-view:not(.command-dark).theme-light #nav button:hover { color: #07184b; background: #f5f7fb; }
body.briefing-view:not(.command-dark).theme-light #nav button.active { color: #07184b; background: #edf3ff; border-left-color: #0b63f6; }
body.briefing-view:not(.command-dark).theme-light #nav button.active > span { color: #0b63f6; }

/* v30 — dashboard-wide calm theme, legibility, Reports visuals, and Meeting Room */
:root {
  --ui-fast: 150ms;
  --ui-ease: cubic-bezier(.2,.7,.2,1);
}

body.theme-light {
  color-scheme: light;
  background: #f6f8fb;
}
body.theme-dark {
  color-scheme: dark;
  background: #07101f;
}

body.theme-light .org-filter-summary {
  color: #61708f;
  background: #ffffff;
  border-color: #dce3ed;
}
body.theme-light .org-roster-toggle {
  color: #10203d;
  background: #f5f7fb;
  border-color: #dce3ed;
}
body.theme-light .org-roster-toggle:hover { background: #edf3ff; }
body.theme-light .org-children {
  color: #10203d;
  background: #f5f7fb;
  border-color: #dce3ed;
}

body .view:not(#briefing) { font-size: 14px; line-height: 1.52; }
body .view:not(#briefing) p { font-size: clamp(13px, .91vw, 14px); line-height: 1.58; }
body .view:not(#briefing) small,
body .view:not(#briefing) time,
body .view:not(#briefing) dt,
body .view:not(#briefing) dd { font-size: max(10.5px, .68rem); line-height: 1.45; }
body .view:not(#briefing) .eyebrow,
body .view:not(#briefing) .scope-chip,
body .view:not(#briefing) .status { font-size: max(10px, .66rem); line-height: 1.25; }
body .view:not(#briefing) h1 { font-size: clamp(28px, 2.35vw, 40px); line-height: 1.08; }
body .view:not(#briefing) h2 { font-size: clamp(17px, 1.35vw, 22px); line-height: 1.2; }
body .view:not(#briefing) h3 { font-size: 15px; line-height: 1.3; }
body .view:not(#briefing) input,
body .view:not(#briefing) textarea,
body .view:not(#briefing) select,
body .view:not(#briefing) button { font-size: 13px; }
body .view:not(#briefing) .metric strong { font-size: clamp(25px, 2vw, 32px); }

/* Legacy destination components used 7–9px utility text. Lift every visible
   text leaf to a calm readable floor while retaining heading/value hierarchy. */
body .view:not(#briefing) :where(span, small, time, dt, dd, em) { font-size: 10.5px !important; }
body .view:not(#briefing) :where(button, input, select, textarea, summary) { font-size: 11.5px !important; }
body .view:not(#briefing) :where(strong, b) { font-size: 11.5px; }
body .view:not(#briefing) .metric > strong { font-size: clamp(25px, 2vw, 32px) !important; }
body .view:not(#briefing) .page-heading h1 { font-size: clamp(28px, 2.35vw, 40px) !important; }
body .view:not(#briefing) .panel-heading h2 { font-size: clamp(17px, 1.35vw, 22px) !important; }

body #nav button b,
body.briefing-view #nav button b,
body.destination-shell-view #nav button b,
body.briefing-view:not(.command-dark).theme-light #nav button b { font-size: 12px; }
body #nav p,
body.briefing-view #nav p,
body.destination-shell-view #nav p { font-size: 9.5px; }
body .system-state strong { font-size: 10.5px; }
body .system-state small { font-size: 9.5px; }

#briefing .owner-metric-copy > span,
#briefing .owner-metric-card > span,
#briefing .preview-chart-legend,
#briefing .owner-product-tabs button,
#briefing .owner-product-source button,
#briefing .theme-segment button,
#briefing .owner-trend-cadence select,
#briefing .command-preview-disclaimer { font-size: 10.5px !important; }
#briefing .owner-metric-copy > small,
#briefing .owner-metric-card small,
#briefing .owner-inbox-item small,
#briefing .owner-inbox-item time,
#briefing .preview-product-name small,
#briefing .preview-product-value small,
#briefing .owner-approval-request-copy time,
#briefing .owner-command-empty span { font-size: 10px !important; }
#briefing .owner-inbox-item strong,
#briefing .preview-product-name strong,
#briefing .preview-product-value strong,
#briefing .owner-approval-request-copy strong,
#briefing .preview-approval-summary strong { font-size: 11.5px !important; }
#briefing .preview-product-head,
#briefing .preview-product-row,
#briefing .owner-approval-filters button,
#briefing .owner-approval-request-type,
#briefing .preview-approval-actions button,
#briefing .owner-approval-actions button,
#briefing .text-button { font-size: 10.5px !important; }
#briefing .owner-product-source > span,
#briefing .preview-approval-summary small,
#briefing .preview-approval-type { font-size: 10px !important; }

button,
a,
input,
select,
textarea,
summary,
[role="button"],
.panel,
.metric,
.org-roster-toggle {
  transition-property: color, background-color, border-color, box-shadow, opacity, transform;
  transition-duration: var(--ui-fast);
  transition-timing-function: var(--ui-ease);
}
button:not(:disabled):active,
[role="button"]:not([aria-disabled="true"]):active { transform: translateY(1px); }
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(11,99,246,.28);
  outline-offset: 2px;
}
html { scroll-behavior: smooth; }
.views { overflow-x: clip; }

body.theme-light .product-report-media {
  color: #0b63f6;
  background: #edf3ff;
  border-color: #cbdaf2;
}
body.theme-dark .product-report-media {
  color: #73a6ff;
  background: #0d1728;
  border-color: #31425e;
}
.product-report-placeholder {
  display: flex;
  min-height: 166px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-align: center;
}
.product-report-placeholder > strong { color: var(--text); font-size: 13px; font-weight: 700; }
.product-report-placeholder > small { color: var(--muted); font-size: 10.5px; }
.report-type-icon {
  display: inline-grid;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 15px;
  color: #0b63f6;
  background: rgba(11,99,246,.08);
}
body.theme-dark .report-type-icon { color: #73a6ff; background: rgba(115,166,255,.1); }
.report-type-svg { width: 32px; height: 32px; }
.product-report-placeholder .report-type-icon { width: 72px; height: 72px; border-radius: 20px; }
.product-report-placeholder .report-type-svg { width: 40px; height: 40px; }
.reports-company-heading { display: flex; min-width: 0; align-items: center; gap: 14px; }
.reports-company-card > header > div:last-child { display: flex; align-items: center; gap: 6px; }
.reports-company-card > p { font-size: 13.5px; }
.reports-company-card h3 { margin-top: 3px; font-size: 16px !important; }
.reports-company-card .eyebrow,
.reports-product-card .eyebrow { font-size: 10px !important; }
.reports-company-card dt,
.reports-company-card dd,
.reports-product-card dt,
.reports-product-card dd { font-size: 11px !important; }

.meeting-room-layout {
  display: grid;
  grid-template-columns: minmax(300px, .78fr) minmax(420px, 1.22fr);
  align-items: start;
  gap: 18px;
}
.meeting-leadership-panel { margin-bottom: 14px; }
.meeting-leader-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; padding: 15px; }
.meeting-leader-card { min-width: 0; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px 11px; border: 1px solid var(--line-soft); border-radius: 10px; background: var(--surface-2); }
.meeting-leader-avatar { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: var(--blue); font-size: 11px !important; font-weight: 700; }
.meeting-leader-card strong, .meeting-leader-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.meeting-leader-card strong { color: var(--text); font-size: 12px; }
.meeting-leader-card small { margin-top: 4px; color: var(--muted); }
.meeting-leader-card > b { padding: 4px 7px; border-radius: 999px; color: var(--green); background: var(--green-soft); font-size: 9px; font-weight: 650; }
.meeting-presence-note { margin: 0; padding: 0 15px 14px; color: var(--muted); font-size: 11px; }
.meeting-session-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 14px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); box-shadow: var(--shadow); }
.meeting-session-bar > div:first-child { min-width: 0; }
.meeting-session-bar strong, .meeting-session-bar span { display: block; }
.meeting-session-bar strong { color: var(--text); font-size: 13px; }
.meeting-session-bar span { margin-top: 4px; color: var(--muted); font-size: 11px; }
.meeting-session-bar > div:last-child { display: flex; gap: 9px; flex: 0 0 auto; }
.meeting-session-bar button { min-height: 42px; }
.meeting-task-state { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 13px 0; }
.meeting-task-state > span { padding: 9px 10px; border: 1px solid var(--line-soft); border-radius: 8px; background: var(--surface-2); }
.meeting-task-state small, .meeting-task-state strong { display: block; }
.meeting-task-state small { color: var(--muted); }
.meeting-task-state strong { margin-top: 4px; color: var(--text); }
.meeting-review-record { padding: 13px 0; border-top: 1px solid var(--line-soft); }
.meeting-review-record:first-of-type { border-top: 0; }
.meeting-review-record > header { display: flex; justify-content: space-between; gap: 12px; }
.meeting-review-record > header strong, .meeting-review-record > header small { display: block; }
.meeting-review-record > header small { margin-top: 4px; color: var(--muted); }
.meeting-review-recommendation { margin: 10px 0; padding: 10px; border-left: 3px solid var(--blue); background: var(--surface-2); }
.meeting-review-recommendation span, .meeting-review-recommendation strong { display: block; }
.meeting-review-recommendation span { color: var(--muted); }
.meeting-review-recommendation strong { margin-top: 4px; color: var(--text); }
.meeting-review-evidence ul { margin: 7px 0 0; padding-left: 18px; color: var(--muted); }
.meeting-review-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.meeting-review-actions button { min-height: 38px; }
button.danger { color: var(--red); border-color: var(--red); background: transparent; }
.meeting-room-submit,
.meeting-room-queue { min-width: 0; }
.meeting-room-form { display: grid; grid-template-columns: 1fr 1.4fr; gap: 15px; }
.meeting-room-form label { display: grid; gap: 7px; }
.meeting-room-form label > span { color: var(--muted); font-size: 11px; font-weight: 700; }
.meeting-room-form label > span small { margin-left: 4px; color: var(--quiet); font-weight: 500; }
.meeting-room-form .wide { grid-column: 1 / -1; }
.meeting-room-form input,
.meeting-room-form select,
.meeting-room-form textarea {
  width: 100%;
  min-height: 44px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--text);
  background: var(--panel);
}
.meeting-room-form textarea { min-height: 132px; resize: vertical; }
.meeting-room-form button { grid-column: 1 / -1; min-height: 44px; justify-self: start; }
.meeting-idea-list { display: grid; gap: 14px; }
.meeting-idea-card {
  display: grid;
  gap: 13px;
  padding: 17px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--panel-soft);
}
.meeting-idea-card > header,
.meeting-owner-review > header,
.meeting-idea-card > footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.meeting-idea-card h3 { margin: 3px 0; font-size: 17px !important; }
.meeting-idea-card > p { margin: 0; color: var(--muted); }
.meeting-audience { display: grid; gap: 3px; }
.meeting-audience span,
.meeting-route > span { color: var(--quiet); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.meeting-route { display: grid; gap: 8px; }
.meeting-route > div { display: flex; flex-wrap: wrap; gap: 7px; }
.meeting-route b {
  padding: 6px 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: var(--panel);
  font-size: 10.5px;
  font-weight: 650;
}
.meeting-owner-review {
  display: grid;
  gap: 11px;
  padding: 14px;
  border: 1px dashed var(--line-strong);
  border-radius: 11px;
  background: var(--panel);
}
.meeting-owner-review h4 { margin: 3px 0 0; font-size: 15px; }
.meeting-review-empty { display: grid; gap: 4px; color: var(--muted); }
.meeting-review-empty strong { color: var(--text); font-size: 12.5px; }
.meeting-artifacts { display: grid; gap: 7px; }
.meeting-artifacts > div { display: flex; flex-wrap: wrap; gap: 8px; }
.meeting-artifacts a,
.meeting-artifacts span { padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; font-size: 11px; }
.meeting-idea-card > footer { padding-top: 3px; color: var(--muted); font-size: 10.5px; }
.meeting-idea-card > footer b { color: #b42318; }
body.theme-dark .meeting-idea-card > footer b { color: #ff8b86; }

@media (max-width: 1080px) {
  .meeting-leader-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .meeting-room-layout { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .meeting-leader-grid { grid-template-columns: 1fr; }
  .meeting-session-bar { align-items: stretch; flex-direction: column; }
  .meeting-session-bar > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
  .meeting-task-state { grid-template-columns: 1fr; }
  .meeting-room-form { grid-template-columns: 1fr; }
  .meeting-room-form .wide,
  .meeting-room-form button { grid-column: 1; }
  .reports-company-heading { align-items: flex-start; }
  .report-type-icon { width: 48px; height: 48px; flex-basis: 48px; }
  .report-type-svg { width: 27px; height: 27px; }
}

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