/* Opus B4 visual study. Original DOM, typography, geometry and behavior are retained. */
:root {
  --bg:#f3f4f2;
  --panel:#fff;
  --panel2:#f8f9f7;
  --panel3:#eef0ec;
  --card:#fff;
  --th:#f0f2ee;
  --ink:#161a19;
  --ink2:#434d47;
  --ink3:#5f6862;
  --tx:#161a19;
  --tx2:#434d47;
  --tx3:#5f6862;
  --line:#d4d9d2;
  --line2:#e6e9e3;
  --line-soft:#e6e9e3;
  --brand:#87580f;
  --tab-bg:#fbf1de;
  --tab-bd:#d5b16c;
  --tab-ink:#80520b;
  --ui-edge:#d6dcd4;
  --ui-elevation:inset 0 0 0 1px #d6dcd4,0 2px 5px #17211a06;
}

/* B4's charcoal rail, porcelain canvas and single amber accent. */
body>.main {
  background-color:#f3f4f2;
  background-image:linear-gradient(#161a1907 1px,transparent 1px),linear-gradient(90deg,#161a1907 1px,transparent 1px);
  background-size:28px 28px;
  background-position:-1px -1px;
}
#side { background:#151a18; color:#d5ddd7; box-shadow:inset -1px 0 0 #29322d; }
#side .brand i { background:#f2f4f1; color:#151a18; border-radius:7px; }
#side .nav-item { color:#c8d2cb; border-radius:9px; }
#side .nav-item:hover,#side .nav-area:hover { background:#222b25; color:#fff; }
#side .nav-item.on { background:#2a322d; color:#fff; box-shadow:inset 3px 0 0 #e6a940; }
#side .nav-item .cnt { background:#e6a940; color:#2a1d05; }
#side .nav-item.on .cnt { background:#e6a940; color:#2a1d05; }
#side .nav-item.muted,#side .nav-label,#side .side-foot { color:#aab7ae; }
#side .nav-area { color:#c8d2cb; border-radius:8px; }
#side .hist-scope-side { color:#d5ddd7; }
#side .nav-area small,#side .hist-scope-side span,#sideAreas .ns-nav small { color:#aab7ae; }
#sideAreas .nav-area.on { background:#2a322d; color:#fff; box-shadow:inset 2px 0 0 #e6a940; }
#top { background:#fff; border-bottom-color:#d4d9d2; box-shadow:0 1px 4px #17211a04; }
#top .datepill,#roleSelect { border-color:#c5cdc3; background:#fff; color:#434d47; border-radius:8px; }
#top .who i { background:#fbf1de; color:#80520b; }
.demo { color:#5f6862; background-color:#f3f4f2; }

/* White modules retain their original footprint, with B4's softer edges. */
:is(.panel,.card,.goal,.uik-card,.uik-ai,.uik-wide),.home-b .card,
#page.uik .card,#page .w3 .card,#page .uik-card,#page .hist-card,#page .hist-catalog,
#page .cs-card,#page .cs-banner,#page .rail,#page .workflow-inbox,#page .store-queue,#page .uik-ai {
  border-color:var(--ui-edge);
  border-radius:14px;
  box-shadow:var(--ui-elevation);
}
#page.uik .banner,#page .cs-banner {
  background:#fff;
  border-radius:18px;
  box-shadow:inset 0 0 0 1px #d6dcd4,0 2px 5px #17211a06;
}
#page.uik .banner .live { background:#e6a940; }
.od-home .od-priorities>a,.od-home .od-focus-card { border-color:var(--ui-edge); border-radius:11px; }
#page.uik .od-priorities>a:hover { background:#fffaf0; box-shadow:inset 0 0 0 1px #d5b16c,0 2px 5px #17211a06; }
.w3 .it.on { background:#fbf1de; border-left-color:#c78c2a; box-shadow:inset 0 1px 0 #efdbb3,inset 0 -1px 0 #efdbb3; }
.w3 .it:hover { background:#f8f9f7; }
.w3 .it.on .t { color:#2a1d05; }

/* Amber is reserved for selected controls and the existing primary action. */
button.primary,.btn.primary,.w3 .btn.primary,.uik .uik-btn.primary,.hist .uik-btn.primary,.uik-drawer .uik-dbtn,.drawer-actions button.primary {
  background:#e6a940;
  border-color:#cf922e;
  color:#2a1d05;
  border-radius:9px;
  box-shadow:inset 0 1px 0 #fff5d64d,0 2px 5px #ad741b14;
}
button.primary:hover,.btn.primary:hover,.w3 .btn.primary:hover,.uik .uik-btn.primary:hover,.hist .uik-btn.primary:hover,.uik-drawer .uik-dbtn:hover,.drawer-actions button.primary:hover {
  background:#edb653;
  border-color:#c78c2a;
}
.btn:not(.primary):hover,.w3 .btn:not(.primary):hover { background:#f5f7f2; border-color:#9da99f; }
.seg,.btn,.w3 .btn { border-radius:9px; }
.seg button.on,.w3 .seg button.on { background:#fff; color:#2a332c; box-shadow:inset 0 0 0 1px #bac5b8,0 1px 3px #17211a0d; }
#page .btn:not(.primary),#page .uik-btn:not(.primary) { border-color:#b9c3b7; color:#303d32; }
#page :is(input,select,textarea) { border-color:#8f9e90; background-color:#fff; color:#263329; border-radius:8px; }
#page :is(input,select,textarea):focus { border-color:#9a6210; box-shadow:0 0 0 2px #e6a94033; }
#page :is(input,select,textarea):focus-visible { outline-color:#9a6210; }

/* Dense data surfaces use neutral dividers and legible supporting text. */
.uik-list-table,.uik .ut,.uik-drawer table { color:var(--ink); }
.uik-list-table th,.uik .ut th,.uik-drawer th,.w3 .t th,.w3 .lg th { background:#f0f2ee; color:#434d47; border-bottom-color:#cbd2c7; }
.uik-list-table td,.uik .ut td,.uik-drawer td,.w3 .t td,.w3 .lg td { border-bottom-color:#e0e5dc; }
.uik-list-table td small,.uik .ut td small,.uik-drawer td small,.uik-drawer .uik-ds,
.uik-drawer .uik-dfoot,.uik-card-h .meta,.uik-ai-prov,.uik-ai-note { color:#5f6862; }
.uik .ut tbody tr:hover td,.uik-drawer tbody tr:hover td,.uik-list-table tbody tr:hover td { background:#f7f9f3; }
.uik .unum:hover,.uik .ut a:hover,.uik-drawer td a:hover,.uik .uik-more,.uik-drawer .uik-more { color:#80520b; text-decoration-color:#cba458; }
.uik .ut-tag.sel { color:#80520b; background:#fbf1de; box-shadow:inset 0 0 0 1px #d5b16c; }
.uik .uik-steps:hover,.uik-drawer .uik-steps:hover { background:#fbf1de; }
.uik-drawer { border-left-color:#bec8bb; box-shadow:-10px 0 32px #17211a20; }
.uik-pop,#tip { border-color:#c9d1c5; box-shadow:0 10px 30px #17211a1a; border-radius:12px; }
.hist-tabs .on,.hist-thread button,.hist-condition-editor>summary,.hist-source-button,.hist-source-meta summary { color:#80520b; }
.hist-tabs { background:#e8ece5; }
.hist-tabs.small .on,.hist-catalog button.on,.hist-examples button:hover { background:#fbf1de; color:#80520b; }
.hist .hist-table th,.hist .hist-table .hist-total td { background:#f0f2ee; }
.hist .hist-table tbody tr:hover { background:#f7f9f3; }

/* B4's original tertiary copy is too pale for this data density; deepen it. */
.hist-heading p,.hist-muted,.hist-foot,.hist-examples>span,.hist-pagination,.hist-ai-caveat,
.hist-result-count,.hist-number small,.hist-thread,.hist-dict-item dt,.hist-day-picker>span,
.hist-version,.hist-saved-kpis span,.hist-summary-kpis span,.hist-source,.hist-saved-event>b,
.hist-catalog-group h4,.hist-examples-saved,.hist-source-coverage,
.uik .flat,.uik-drawer .uik-step-list b,.uik .uik-card-h .meta,.uik .uik-wk a small,.uik .uik-i,
.uik-trk-list>div>span small,.uik-trk-list .ax,.uik-ramp-r .st,.uik-goal-h small,.uik-goal-f .lg,
.uik.uik-ddir .ddx-foot,.uik-cs .cs-src,.uik-cs .cs-empty,.uik-drawer .cs-empty,
.uik-cs .cs-pipeline>i,.uik-cs .cs-pipeline small,.uik-cs .cs-lg,.uik-drawer .cs-lg,
.uik-cs .cs-date,.uik-cs .cs-k span,.uik-cs .cs-k small,.uik-cs .cs-mx td small,
.uik-cs .cs-q,.uik-cs .cs-foot,.uik-cs .cs-qh,.uik-cs .cs-qi small,.uik-cs .cs-city,
.uik-cs .cs-meta,.uik-cs .cs-big small,.uik-cs .cs-tn small,.uik-cs .cs-tn em,
.uik-cs .cs-sh,.uik-cs .cs-form label,.uik-drawer .cs-dl dt { color:#5f6862; }
:is(.uik,.uik-drawer) .uik-ai-prov,:is(.uik,.uik-drawer) .uik-ai-note,
:is(.uik,.uik-drawer) .uik-caret,:is(.uik,.uik-drawer) details.uik-j dt,
:is(.uik,.uik-drawer) .uik-steps i { color:#5f6862; }

/* Existing business status meanings and chart encodings stay intact. */
#page.uik .neg,#page .w3 .neg,.uik-drawer .neg { color:#b02f2b; }
#page.uik .pos,#page .w3 .pos,.uik-drawer .pos { color:#136744; }
#page.uik .tag.red,#page .w3 .tag.red,#page.uik .ut-tag.r { color:#a92e2a; background:#faeceb; }
#page.uik .tag.green,#page .w3 .tag.green,#page.uik .ut-tag.g { color:#136744; background:#e8f3ed; }
#page.uik .tag.amber,#page .w3 .tag.amber,#page.uik .ut-tag.y { color:#80520b; background:#fbf1df; }