/* Presentation only. Does not replace the responsive candidate's layout rules. */
:root { color:var(--cimer-text); background:var(--cimer-paper); font-family:Arial,Helvetica,system-ui,sans-serif; }
body { background:var(--cimer-paper); line-height:1.5; }
.login { background:var(--cimer-paper); }
.login-card { background:var(--cimer-surface); border-radius:10px; border-top:4px solid var(--cimer-saffron); box-shadow:0 20px 60px var(--cimer-shadow); }
.brand-mark,.brand .brand-mark { background:var(--cimer-saffron); color:var(--cimer-ink); border-radius:5px; }
.login h1 { letter-spacing:-.035em; line-height:1.15; }
.eyebrow { color:var(--cimer-saffron-text); font-size:10px; letter-spacing:.16em; }
h1,h2,h3 { color:var(--cimer-ink); line-height:1.25; }
h1 { letter-spacing:-.035em; } h2,h3 { letter-spacing:-.015em; }
.shell > aside { background:var(--cimer-deep-ink); color:var(--cimer-inverse); }
.brand strong { letter-spacing:.025em; font-size:18px; }
.brand small,.aside-foot { color:var(--cimer-inverse-muted); }
.brand { border-bottom:1px solid var(--cimer-hover-ink); margin-bottom:16px; }
nav button { color:var(--cimer-inverse-muted); border-left:3px solid transparent; border-radius:4px; font-size:13px; }
nav button:hover { background:var(--cimer-hover-ink); color:var(--cimer-inverse); }
nav button.active { background:var(--cimer-hover-ink); color:var(--cimer-inverse); border-left-color:var(--cimer-saffron); }
.aside-foot { border-top:1px solid var(--cimer-hover-ink); }
.aside-foot .link { color:var(--cimer-inverse); text-decoration:underline; text-underline-offset:4px; }
.env { background:var(--cimer-hover-ink); color:var(--cimer-inverse); border-radius:4px; }
.shell header { padding-bottom:18px; border-bottom:1px solid var(--cimer-border); }
.shell header h1 { font-size:30px; }
button { background:var(--cimer-ink); color:var(--cimer-inverse); border:1px solid transparent; border-radius:5px; line-height:1.35; }
button:hover:not(:disabled) { box-shadow:inset 0 0 0 1px var(--cimer-border-strong); }
button.secondary { background:var(--cimer-surface); color:var(--cimer-ink); border-color:var(--cimer-border-strong); }
button.secondary:hover:not(:disabled) { background:var(--cimer-saffron-soft); }
#login-form button,#manual-save,#save-article,#save-version,#discovery-refresh { background:var(--cimer-saffron); color:var(--cimer-ink); }
button.danger,[data-action="REJECT"] { background:var(--status-danger); color:var(--cimer-inverse); }
button[data-action="REQUEST_REVISION"],button[data-action="HOLD"] { background:var(--cimer-saffron-soft); color:var(--status-warning); border-color:var(--cimer-saffron); }
button:disabled { cursor:not-allowed; opacity:.6; border-style:dashed; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.ProseMirror:focus { outline:2px solid var(--cimer-saffron-text); outline-offset:3px; box-shadow:0 0 0 1px var(--cimer-surface-elevated); }
nav button:focus-visible,#logout:focus-visible { outline-color:var(--cimer-gold); }
a { color:var(--cimer-saffron-text); text-decoration:underline; text-underline-offset:3px; }
label,.quality-checklist legend { color:var(--cimer-ink-soft); }
input,select,textarea { color:var(--cimer-text); background:var(--cimer-surface-elevated); border-color:var(--cimer-border-strong); border-radius:5px; }
input::placeholder,textarea::placeholder { color:var(--cimer-text-secondary); opacity:1; }
input[type="checkbox"],input[type="radio"],input[type="range"] { accent-color:var(--cimer-ink); }
input:disabled,select:disabled,textarea:disabled { background:var(--cimer-neutral); color:var(--cimer-text-secondary); }
.card,.panel,.queue-health-item { color:var(--cimer-text); background:var(--cimer-surface); border-color:var(--cimer-border); border-radius:7px; box-shadow:0 2px 6px var(--cimer-shadow); }
.card { border-top:2px solid var(--cimer-saffron); }
.card strong,.metric-value { font-variant-numeric:tabular-nums; letter-spacing:-.035em; }
.card span,.muted,th { color:var(--cimer-text-secondary); }
th { background:var(--cimer-paper); font-size:10px; letter-spacing:.09em; }
td { border-bottom-color:var(--cimer-border); }
tbody tr:hover { background:var(--cimer-saffron-soft); }
.pill { background:var(--cimer-neutral); color:var(--cimer-ink-soft); border-radius:4px; line-height:1.5; }
.pill.green { background:var(--traffic-green-soft); color:var(--traffic-green); }
.pill.amber { background:var(--cimer-saffron-soft); color:var(--status-warning); }
.pill.red { background:var(--status-danger-soft); color:var(--status-danger); }
.editorial-queue .queue-row,.editorial-queue .queue-green,.editorial-queue .queue-amber,.editorial-queue .queue-red { background:var(--cimer-surface); }
.editorial-queue .queue-row:hover { background:var(--cimer-paper); }
.editorial-queue .queue-green td:first-child { border-left-color:var(--traffic-green); }
.queue-green .queue-strip { background:var(--traffic-green); }
.tabs button { color:var(--cimer-text-secondary); background:transparent; border-radius:0; border-bottom:2px solid transparent; }
.tabs button.active { color:var(--cimer-ink); border-bottom-color:var(--cimer-saffron); }
.fact,.quality-gate,.review-status-panel { background:var(--cimer-paper); border-color:var(--cimer-border); }
.fact,.editorial-body blockquote,.eic-summary { border-left-color:var(--cimer-saffron); }
.notice,.notice.success,.discovery-summary,.discovery-summary.success { background:var(--status-success-soft); color:var(--status-success); border-color:var(--cimer-border); border-left:3px solid var(--cimer-saffron); }
.notice.success::before,.discovery-summary.success::before { content:'✓ '; font-weight:700; }
.notice.error,.discovery-summary.error,#login-error { color:var(--status-danger); background:var(--status-danger-soft); border-color:var(--status-danger); }
.review-attention,.safety { background:var(--cimer-saffron-soft); color:var(--status-warning); }
.rejected-card { background:var(--cimer-surface); border-left-color:var(--cimer-gold); }
.article-reference-open,.snippet-toggle { color:var(--cimer-saffron-text); background:transparent; }
.article-reference-open:hover,.snippet-toggle:hover { color:var(--cimer-ink); background:var(--cimer-saffron-soft); }
.display-reference > label:first-child { color:var(--cimer-ink); }
.trend-row>div { background:var(--cimer-neutral); }
.trend-row i { background:var(--cimer-ink-soft); }
.trend-row.ready i { background:var(--cimer-saffron); }
.trend-row.published i { background:var(--status-info); }
.image-preview img { background:var(--cimer-neutral); }
.eic-featured-image img { background:var(--cimer-ink); }
.editor-toolbar { background:var(--cimer-paper); border:1px solid var(--cimer-border); padding:8px; border-radius:5px; }
.editor-toolbar button { background:var(--cimer-surface); color:var(--cimer-ink); border-color:var(--cimer-border-strong); }
.editor-toolbar button[aria-pressed="true"],.editor-toolbar button.active { background:var(--cimer-saffron-soft); border-bottom:3px solid var(--cimer-saffron); }
.ProseMirror { color:var(--cimer-text); background:var(--cimer-surface-elevated); border-color:var(--cimer-border); line-height:1.75; }
.ProseMirror-selectednode { outline-color:var(--cimer-saffron-text); }
.ProseMirror blockquote { border-left-color:var(--cimer-saffron); }
.article-editor ~ details,details:has(#body) { background:var(--cimer-paper); border:1px solid var(--cimer-border); padding:12px; color:var(--status-info); }
details:has(#body) summary { cursor:pointer; font-weight:700; }
#body { font-family:ui-monospace,SFMono-Regular,monospace; font-size:13px; }
body .publishing-control { background:var(--cimer-neutral); color:var(--status-info); border-color:var(--cimer-border-strong); }
body .publishing-control[data-enabled="true"] { background:var(--cimer-saffron-soft); color:var(--status-warning); border-color:var(--cimer-saffron); }
body .publishing-feedback { color:var(--status-info); }
.cms-status { color:var(--status-info); font-size:12px; }
body .publishing-dialog,dialog { background:var(--cimer-surface); color:var(--cimer-text); border-color:var(--cimer-border); box-shadow:0 24px 70px var(--cimer-shadow); }
body .publishing-dialog::backdrop,dialog::backdrop { background:var(--cimer-backdrop); }
body .runtime-environment[data-environment="production"] { color:var(--cimer-inverse); }
body .runtime-environment[data-environment="production"] .runtime-dot { background:var(--environment-production); box-shadow:none; animation:none; }
#environment-banner { background:var(--cimer-ink-soft); color:var(--cimer-inverse); }
#environment-banner[data-environment="production"] { background:var(--environment-production); color:var(--cimer-inverse); }
#environment-banner[data-environment="staging"] { background:var(--cimer-saffron-soft); color:var(--cimer-ink); border-bottom:1px solid var(--cimer-border); }
/* Vertical accents occupy markers only, never application or row backgrounds. */
[data-id="CIMER-CONSTRUCTION"], [data-vertical="CIMER-CONSTRUCTION"] { --vertical-accent:var(--vertical-construction); }
[data-id="CIMER-INFRASTRUCTURE"], [data-vertical="CIMER-INFRASTRUCTURE"] { --vertical-accent:var(--vertical-infrastructure); }
[data-id="CIMER-MINING"], [data-vertical="CIMER-MINING"] { --vertical-accent:var(--vertical-mining); }
[data-id="CIMER-ENERGY"], [data-vertical="CIMER-ENERGY"] { --vertical-accent:var(--vertical-energy); }
button.discovery-filter { border-top:3px solid var(--vertical-accent,var(--cimer-border-strong)); }
.discovery-filter[aria-pressed="true"] { background:var(--cimer-saffron-soft); box-shadow:inset 0 -2px var(--cimer-ink); }
.vertical-marker { display:inline-block; border-left:3px solid var(--vertical-accent,var(--cimer-border)); padding-left:6px; }
select:has(option[value="CIMER-CONSTRUCTION"]:checked) { border-left:4px solid var(--vertical-construction); }
select:has(option[value="CIMER-INFRASTRUCTURE"]:checked) { border-left:4px solid var(--vertical-infrastructure); }
select:has(option[value="CIMER-MINING"]:checked) { border-left:4px solid var(--vertical-mining); }
select:has(option[value="CIMER-ENERGY"]:checked) { border-left:4px solid var(--vertical-energy); }
/* Keep compact operational labels legible inside locally scrolling tables. */
table:has(.team-status) th { white-space:nowrap; }
table:has(.team-status) { min-width:1040px; }
table:has(.team-status) td:nth-child(4),table:has(.team-status) td:nth-child(5) { white-space:nowrap; }
button[data-team-action="SEND_BACK"] { background:var(--cimer-saffron-soft); color:var(--cimer-ink); border-color:var(--cimer-gold); }
button.team-status[data-status="INACTIVE"] { color:var(--status-danger); border-color:var(--status-danger); }

/* Official Owner asset: preserve all source pixels, transparency and aspect ratio. */
.cimer-logo { display:block; width:128px; max-width:100%; height:auto; object-fit:contain; flex-shrink:0; }
.brand .cimer-logo { width:80px; }
.brand > div { min-width:0; }