/* OCOMX V3.6 shared experience layer. Existing page styles remain the source of
   truth; these rules provide the cross-page interaction and accessibility floor. */
:root { --oc-bg:#f7f8f7; --oc-surface:#fff; --oc-surface-muted:#eff2f0; --oc-text:#182a2a; --oc-text-muted:#61716f; --oc-accent:#146b63; --oc-border:#dce4e0; --oc-radius-sm:8px; --oc-radius-md:12px; --oc-radius-lg:18px; }
button, a, input, select, textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid color-mix(in srgb, var(--oc-accent) 55%, #fff); outline-offset:3px; }
[aria-busy="true"] { cursor:progress; }
.oc-status { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--oc-border); border-radius:999px; padding:5px 9px; font-size:11px; }
.oc-status[data-state="blocked"], .oc-status[data-state="error"] { color:#9a3412; background:#fff7ed; }
.oc-status[data-state="partial"], .oc-status[data-state="stale"] { color:#854d0e; background:#fefce8; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; } }