/* Shared module chrome for pages that keep their own markup: one light sidebar and one
   light header across Data, Registry, Work and Research. Scoped by each page's root class. */

.transform-app .sidebar,.registry-app .registry-nav,.research-app .research-nav{
  background:var(--surface,#fff);color:var(--text,#142033);border-right:1px solid var(--border,#e2e8f0)}
.transform-app .sidebar button,.transform-app .sidebar a,.registry-app .registry-nav button,.registry-app .registry-nav a{
  color:var(--text,#142033);font-family:inherit}
.transform-app .sidebar button:hover,.registry-app .registry-nav button:hover,
.transform-app .sidebar a:hover,.registry-app .registry-nav a:hover{
  background:color-mix(in srgb,var(--accent2,#14b8a6) 9%,transparent);color:var(--text,#142033)}
.transform-app .sidebar button.active,.transform-app .sidebar a.active,
.registry-app .registry-nav button.active,.registry-app .registry-nav a.active,
.registry-app .registry-nav button[aria-current="page"],.registry-app .registry-nav a[aria-current="page"]{
  background:color-mix(in srgb,var(--accent2,#14b8a6) 14%,transparent);color:var(--accent,#0f766e)}
.transform-app .sidebar :is(.eyebrow,small,.muted,.hint),.registry-app .registry-nav :is(small,.muted,.eyebrow){
  color:var(--muted,#64748b)}

.transform-app .topbar{background:var(--surface,#fff);color:var(--text,#142033);border-bottom:1px solid var(--border,#e2e8f0)}
.transform-app .topbar :is(.brand small,.stage-badge,.top-actions a:not(.primary-link)){color:var(--muted,#64748b)}
.transform-app .topbar .brand b,.transform-app .topbar .brand strong{color:var(--text,#142033)}

.work-app .work-topbar{background:var(--surface,#fff);color:var(--text,#142033);border-bottom:1px solid var(--border,#e2e8f0)}
.work-app .work-topbar :is(small,.brand small){color:var(--muted,#64748b)}
.work-app .work-topbar .brand b,.work-app .work-topbar .brand strong{color:var(--text,#142033)}
.work-app .work-topbar .tcp-breadcrumb,.work-app .work-topbar .tcp-breadcrumb a,.work-app .work-topbar .tcp-breadcrumb span{color:var(--muted,#64748b)}
.work-app .work-topbar .tcp-breadcrumb [aria-current]{color:var(--text,#142033)}
.transform-app .stage-badge{background:color-mix(in srgb,var(--accent2,#14b8a6) 12%,transparent);color:var(--accent,#0f766e);border:1px solid color-mix(in srgb,var(--accent2,#14b8a6) 35%,transparent)}

/* The shared header is owned by platform-shell.css; page stylesheets must not recolour it. */
#tcp-global-header button,#tcp-global-header .tcp-avatar-button,#tcp-global-header .tcp-language-switch button{
  background:var(--surface,#fff);color:var(--text,#142033);border:1px solid var(--border,#dbe4eb);border-radius:999px}
#tcp-global-header .tcp-avatar-button span{background:var(--accent,#0f766e);color:#fff;border:0}
#tcp-global-header .tcp-language-switch{border:0;background:transparent}
#tcp-global-header .tcp-language-switch button{border:0;background:transparent;color:var(--text,#142033);padding:5px 2px}