/* Yoga admin blue palette: admin-side/styles/style.css and css/admin-work-queue.css.
   Dark colours are a matching adaptation; authored email colours remain content-owned. */
:root {
  color-scheme:light;
  --canvas:#f4f6f9;--surface:#fff;--sidebar:#d6e8f6;--surface-raised:#f4f6f9;--header:#d4e7f6;
  --text:#252936;--text-secondary:#225279;--text-muted:#526b8e;
  --border:#96c5ec;--border-soft:#d8dde7;--link:#004882;--accent:#315b9d;
  --selected:#cae2f5;--selected-text:#004882;--mode-active:#153a70;
  --callout:#eaf6ff;--callout-border:#96c5ec;--callout-text:#225279;
  --success-bg:#eaf5ed;--success-text:#3f8355;
  --warning-bg:#fcf4df;--warning-text:#8a681f;--warning-border:#e5d19a;
  --info-bg:#eaf1fa;--info-text:#527393;
  --error-bg:#fbeeed;--error-text:#a65349;
  --rejected-bg:#f2eaf9;--rejected-text:#805297;
  --uncertain-bg:#f7eeeb;--uncertain-text:#95694e;
  --neutral-bg:#e4e9f2;--neutral-text:#526b8e;
  --focus:#315b9d;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --canvas:#101923;--surface:#1b2c3d;--sidebar:#172838;--surface-raised:#23384c;--header:#172838ed;
  --text:#e5eef7;--text-secondary:#c2d5e7;--text-muted:#a5bdd3;
  --border:#3c5b76;--border-soft:#2c4358;--link:#99c9ef;--accent:#315b9d;
  --selected:#244763;--selected-text:#c1e1fa;--mode-active:#0e2340;
  --callout:#203c54;--callout-border:#3f6585;--callout-text:#c0daee;
  --success-bg:#253f2e;--success-text:#a1deb1;
  --warning-bg:#403820;--warning-text:#ead18b;--warning-border:#655832;
  --info-bg:#26384a;--info-text:#afcde8;
  --error-bg:#472e2b;--error-text:#efb5ac;
  --rejected-bg:#3c2c4a;--rejected-text:#d9b7ee;
  --uncertain-bg:#403128;--uncertain-text:#e2bf9e;
  --neutral-bg:#2c4055;--neutral-text:#bed0e2;
  --focus:#99c9ef;
}
@media(prefers-color-scheme:dark) { :root:not([data-theme]) {
  color-scheme:dark;
  --canvas:#101923;--surface:#1b2c3d;--sidebar:#172838;--surface-raised:#23384c;--header:#172838ed;
  --text:#e5eef7;--text-secondary:#c2d5e7;--text-muted:#a5bdd3;
  --border:#3c5b76;--border-soft:#2c4358;--link:#99c9ef;--accent:#315b9d;
  --selected:#244763;--selected-text:#c1e1fa;--mode-active:#0e2340;
  --callout:#203c54;--callout-border:#3f6585;--callout-text:#c0daee;
  --success-bg:#253f2e;--success-text:#a1deb1;
  --warning-bg:#403820;--warning-text:#ead18b;--warning-border:#655832;
  --info-bg:#26384a;--info-text:#afcde8;
  --error-bg:#472e2b;--error-text:#efb5ac;
  --rejected-bg:#3c2c4a;--rejected-text:#d9b7ee;
  --uncertain-bg:#403128;--uncertain-text:#e2bf9e;
  --neutral-bg:#2c4055;--neutral-text:#bed0e2;
  --focus:#99c9ef;
} }

:root{color:var(--text);background:var(--canvas);--green:var(--link);--muted:var(--text-muted);--line:var(--border)}
aside{background:var(--sidebar)}
.panel,.metric{background:var(--surface)}
.metric:hover{border-color:var(--link)}
header{background:var(--header);color:var(--text-muted)}
.brand,h1,h2,h3{color:var(--text)}
.brand-mark{background:#a45f32;color:#fff}
nav a,header strong,p,td,.signals dd,.button.secondary,input,select,textarea{color:var(--text-secondary)}
nav a.active{background:var(--selected);color:var(--selected-text)}
.workspace-label,.sidebar-bottom,footer,.eyebrow,.metric-label,.signals dt,.panel-heading p,
.chart-row small,td small,.empty,.pagination,.subtle,.status-label,label,.editor-form details,
.version-row small,.text-button,.arrow-link,.slash{color:var(--text-muted)}
input,select,textarea,.button.secondary{background:var(--surface-raised);border-color:var(--border)}
input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}
input,select,textarea{caret-color:var(--text)}
:focus-visible{outline:2px solid var(--focus)}
.button{background:var(--accent);border-color:var(--accent);color:#fff}
.button.secondary.editor-mode-toggle[aria-pressed="true"]{background:var(--mode-active);border-color:var(--mode-active);color:#fff}
.callout{background:var(--callout);border-color:var(--callout-border);color:var(--callout-text)}
.environment,.badge.sent{background:var(--success-bg);color:var(--success-text)}
.badge{background:var(--neutral-bg);color:var(--neutral-text)}
.badge.pending,.warning{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}
.badge.preparing,.badge.sending{background:var(--info-bg);color:var(--info-text)}
.badge.failed{background:var(--error-bg);color:var(--error-text)}
.badge.rejected{background:var(--rejected-bg);color:var(--rejected-text)}
.badge.uncertain{background:var(--uncertain-bg);color:var(--uncertain-text)}
.badge.cancelled,.pill{background:var(--neutral-bg);color:var(--neutral-text)}
.error{color:var(--error-text)}
.panel-heading,td{border-color:var(--border-soft)}
th{background:var(--surface-raised);color:var(--text-muted)}
.identity,.healthy,.empty-icon{color:var(--link)}
.empty-icon,.timeline-dot{border-color:var(--border)}
.timeline li:not(:last-child):before{background:var(--border)}
.diagnostic code{background:var(--surface-raised);color:var(--text-secondary)}
.code-block{color:var(--text-secondary)}
#visual-editor{background:var(--surface)}
meter{accent-color:#3583b7}
meter::-webkit-meter-optimum-value{background:#3583b7}
meter::-moz-meter-bar{background:#3583b7}
meter::-webkit-meter-bar{background:var(--surface-raised)}
.timeline-dot{background:#3583b7}
.theme-control{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px}
.theme-control select{width:auto;margin:0;padding:6px 8px;font-size:14px;min-height:36px}
@media(max-width:650px){header{height:auto;min-height:60px;flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px}.header-right{flex-wrap:wrap}.theme-control{gap:5px}.theme-control select{max-width:105px}}