/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4
 * Hallmark · genre: modern-minimal · macrostructure: Workbench · theme: Midnight · enrichment: none · nav: N3 · contrast: pass (40–41) · slop: pass (42–49) · mobile: pass (34,49–57)
 */
html,body{overflow-x:clip}.ops-toolbar,.ops-filter{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end}.ops-toolbar{justify-content:space-between;margin-block-end:var(--space-5)}.ops-filter label{min-width:9.5rem}.ops-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.ops-grid.asymmetric{grid-template-columns:minmax(0,1fr)}.ops-panel{background:var(--color-paper-raised);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-5);min-width:0}.ops-panel>h2,.ops-panel>h3{margin-block-start:0;overflow-wrap:anywhere;min-width:0}.ops-panel .section-head{margin-block-start:0}.ops-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-block-end:var(--space-6)}.ops-kpi{border-block-start:2px solid var(--color-rule);padding-block-start:var(--space-3);min-width:0}.ops-kpi span{display:block;color:var(--color-muted);font-size:.8rem}.ops-kpi b{display:block;margin-block-start:var(--space-2);font-family:var(--font-display);font-size:clamp(1.3rem,5vw,2.2rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ops-kpi[data-tone=attention] b{color:var(--color-focus)}.ops-kpi[data-tone=critical] b{color:var(--color-error)}.ops-table{width:100%;font-variant-numeric:tabular-nums}.ops-table td,.ops-table th{vertical-align:top}.ops-empty{padding:var(--space-7);text-align:start;color:var(--color-muted)}.ops-status{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.ops-status::before{content:"";inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-pill);background:var(--color-muted)}.ops-status[data-status=active]::before,.ops-status[data-status=completed]::before,.ops-status[data-status=healthy]::before,.ops-status[data-status=resolved]::before{background:var(--color-success)}.ops-status[data-status=failed]::before,.ops-status[data-status=urgent]::before{background:var(--color-error)}.ops-code{font-family:var(--font-mono);font-size:.8rem;overflow-wrap:anywhere}.ops-chart{display:flex;align-items:end;gap:var(--space-2);block-size:12rem;padding-block-start:var(--space-4);border-block-end:1px solid var(--color-rule)}.ops-bar{flex:1;min-inline-size:.35rem;max-inline-size:2rem;background:var(--color-accent);color:var(--color-accent-ink);block-size:calc(var(--value,0)*1%);min-block-size:.25rem;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.ops-form{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.ops-form label{display:grid;gap:var(--space-2);color:var(--color-muted)}.ops-form input,.ops-form select,.ops-form textarea{inline-size:100%;min-block-size:44px;border:1px solid var(--color-rule);outline:2px solid transparent;outline-offset:1px;background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-sm);padding:var(--space-3);font:inherit}.ops-form textarea{min-block-size:6rem;resize:vertical}.ops-form input:hover,.ops-form select:hover,.ops-form textarea:hover{background:var(--color-paper-soft)}.ops-form input:focus-visible,.ops-form select:focus-visible,.ops-form textarea:focus-visible{outline-color:var(--color-focus)}.ops-form input:disabled,.ops-form select:disabled,.ops-form textarea:disabled{opacity:.55;cursor:not-allowed}.ops-form .wide{grid-column:1/-1}.ops-inline-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ops-inline-actions button,.ops-toolbar button,.ops-form button{min-block-size:44px;white-space:nowrap}.ops-inline-actions button:focus-visible,.ops-toolbar button:focus-visible,.ops-form button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ops-inline-actions button:active,.ops-toolbar button:active,.ops-form button:active{transform:translateY(1px)}.ops-inline-actions button:disabled,.ops-toolbar button:disabled,.ops-form button:disabled{opacity:.55;cursor:not-allowed}.ops-alerts{display:grid;gap:var(--space-2)}.ops-alert{display:flex;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3);border-block-end:1px solid var(--color-rule)}.ops-alert:last-child{border-block-end:0}.ops-list{display:grid;gap:var(--space-3)}.ops-list article{display:grid;gap:var(--space-2);padding-block-end:var(--space-3);border-block-end:1px solid var(--color-rule)}.ops-list article:last-child{border-block-end:0}.ops-list small{color:var(--color-muted)}.ops-note{color:var(--color-muted);max-inline-size:70ch}.ops-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-4)}.ops-tabs button{white-space:nowrap}.ops-tabs button[aria-selected=true]{border-color:var(--color-focus);color:var(--color-focus)}
@media (hover:hover) and (pointer:fine){.ops-inline-actions button:hover,.ops-toolbar button:hover,.ops-form button:hover{transform:translateY(-1px)}}
@media (min-width:48rem){.ops-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid.asymmetric{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr)}.ops-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:150ms!important;animation-iteration-count:1!important;transition-duration:150ms!important}}
.sidebar nav{overflow-y:auto;min-height:0}
@media(max-width:56.25rem){.console{grid-template-columns:minmax(0,1fr)}.sidebar,main{min-width:0;max-width:100%}.sidebar nav{max-width:100%;overflow-x:auto}}
