/* Comet Web (WO-1173). Comet's dashboard styles (vault Apps/Comet/app/web/app.css) redrawn on SkyUI: SDS roles only
   (var(--sds-*)), so light and dark come from the theme; SDS type tokens for every size; sentence case; no inline
   style anywhere (the page policy forbids it; the views set widths through the CSSOM). Seat colours are the SDS chart
   slots, fixed per seat by name; status always pairs a colour with a symbol and a word. One column at phone width. */

.cm-boot { padding: var(--sds-space-6) var(--sds-space-4); color: var(--sds-color-muted); }
.cm-page { display: flex; flex-direction: column; gap: var(--sds-space-4); min-inline-size: 0; }
.cm-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sds-space-2) var(--sds-space-4); min-inline-size: 0; }
.cm-top__eyebrow { margin: 0; color: var(--sds-color-muted); font-size: var(--sds-type-footnote); }
.cm-top__name { margin: 0; font-size: var(--sds-type-title); font-weight: var(--sds-weight-semibold); }
.cm-top__right { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sds-space-2); }
.cm-top__right .sds-button { display: inline-flex; align-items: center; gap: var(--sds-space-1); }
.cm-main { min-inline-size: 0; }
.cm-main:focus { outline: none; }
.cm-foot { margin: 0; color: var(--sds-color-muted); font-size: var(--sds-type-footnote); text-align: center; }
.cm-theme { margin-block-start: var(--sds-space-2); }

/* Signed out (GitGate Web's card) */
.cm-signin { display: grid; place-items: center; min-block-size: 100dvh; padding: var(--sds-space-4); }
.cm-signin__card { display: flex; flex-direction: column; gap: var(--sds-space-3); inline-size: min(100%, 26rem); padding: var(--sds-space-6) var(--sds-space-5); border: var(--sds-border-width) solid var(--sds-color-border); border-radius: var(--sds-radius-dialog); background: var(--sds-color-panel); box-shadow: var(--sds-elevation-2); }
.cm-signin__mark { color: var(--sds-color-accent); }
.cm-signin__title { font-size: var(--sds-type-title); font-weight: var(--sds-weight-semibold); }
.cm-signin__token summary { cursor: pointer; color: var(--sds-color-muted); font-size: var(--sds-type-callout); }
.cm-signin__token[open] summary { margin-block-end: var(--sds-space-3); }
.cm-fields { display: flex; flex-direction: column; gap: var(--sds-space-3); min-inline-size: 0; }
.cm-field { display: grid; gap: var(--sds-space-1); min-inline-size: 0; margin: 0; }
.cm-label { font-size: var(--sds-type-control); font-weight: var(--sds-weight-strong); }
.cm-input { inline-size: 100%; min-inline-size: 0; }
.cm-help { color: var(--sds-color-muted); font-size: var(--sds-type-footnote); }

/* Comet's view building blocks */
.cm-main .muted { color: var(--sds-color-muted); }
.cm-main .small { font-size: var(--sds-type-footnote); }
.cm-main .mono { font-family: var(--sds-font-mono); }
.cm-main .wrap { overflow-wrap: anywhere; word-break: break-word; }
.cm-main h2, .cm-main h3, .cm-main h4 { margin: 0 0 var(--sds-space-2); line-height: var(--sds-line-tight); }
.cm-main h3 { font-size: var(--sds-type-headline); }
.cm-main h4 { font-size: var(--sds-type-callout); }
.cm-main a { color: var(--sds-color-accent); text-decoration: none; }
.cm-main a:hover { text-decoration: underline; }
.cm-main .view { display: flex; flex-direction: column; gap: var(--sds-space-4); min-inline-size: 0; }
.cm-main .card { background: var(--sds-color-panel); border: var(--sds-border-width) solid var(--sds-color-border); border-radius: var(--sds-radius-panel); padding: var(--sds-space-4) var(--sds-space-5); min-inline-size: 0; box-shadow: var(--sds-elevation-1); }
.cm-main .card-title { font-size: var(--sds-type-headline); font-weight: var(--sds-weight-semibold); }
.cm-main .card.error { border-color: var(--sds-color-danger); }
.cm-main .card.notice { border-color: var(--sds-color-info); background: var(--sds-color-info-bg); }
.cm-main .tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: var(--sds-space-3); }
.cm-main .card .tiles { margin: var(--sds-space-2) 0; }
.cm-main .tile { background: var(--sds-color-panel); border: var(--sds-border-width) solid var(--sds-color-border); border-radius: var(--sds-radius-panel); padding: var(--sds-space-3) var(--sds-space-4); min-inline-size: 0; }
.cm-main .card .tile { background: var(--sds-color-raised); }
.cm-main .tile-label { color: var(--sds-color-muted); font-size: var(--sds-type-footnote); }
.cm-main .tile-value { font-size: var(--sds-type-title); font-weight: var(--sds-weight-bold); font-variant-numeric: tabular-nums; margin: var(--sds-space-1) 0; overflow-wrap: anywhere; }
.cm-main .tile-sub { color: var(--sds-color-muted); font-size: var(--sds-type-footnote); }
.cm-main .tile-good { box-shadow: inset 3px 0 0 var(--sds-color-success); }
.cm-main .tile-warn { box-shadow: inset 3px 0 0 var(--sds-color-warning); }
.cm-main .tile-bad { box-shadow: inset 3px 0 0 var(--sds-color-danger); }
.cm-main .tile-live { box-shadow: inset 3px 0 0 var(--sds-color-info); }
.cm-main .grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 28rem), 1fr)); gap: var(--sds-space-4); }

/* Badges: symbol plus word, never colour alone */
.badge { display: inline-flex; align-items: center; gap: var(--sds-space-1); padding: 0 var(--sds-space-2); border-radius: var(--sds-radius-pill); font-size: var(--sds-type-footnote); font-weight: var(--sds-weight-semibold); white-space: nowrap; color: var(--sds-color-text); border: var(--sds-border-width) solid var(--sds-color-control-border); background: var(--sds-color-raised); }
.badge-sym { font-weight: var(--sds-weight-bold); }
.badge-good .badge-sym { color: var(--sds-color-success); }
.badge-good { border-color: color-mix(in srgb, var(--sds-color-success) 55%, transparent); }
.badge-warn .badge-sym { color: var(--sds-color-warning); }
.badge-warn { border-color: color-mix(in srgb, var(--sds-color-warning) 55%, transparent); }
.badge-bad .badge-sym { color: var(--sds-color-danger); }
.badge-bad { border-color: color-mix(in srgb, var(--sds-color-danger) 60%, transparent); }
.badge-info .badge-sym, .badge-live .badge-sym { color: var(--sds-color-info); }
.badge-live { border-color: color-mix(in srgb, var(--sds-color-info) 60%, transparent); }
.badge-live .badge-sym { animation: cm-pulse 1.6s ease-in-out infinite; }
@keyframes cm-pulse { 50% { opacity: 0.25; } }
@media (prefers-reduced-motion: reduce) { .badge-live .badge-sym { animation: none; } }
.cm-main .seat { display: inline-flex; align-items: center; gap: var(--sds-space-1); font-weight: var(--sds-weight-semibold); }
.cm-main .seat-dot { inline-size: 10px; block-size: 10px; border-radius: 50%; flex: none; }
.cm-main .s1 { background: var(--sds-color-chart-1); }
.cm-main .s2 { background: var(--sds-color-chart-2); }
.cm-main .s3 { background: var(--sds-color-chart-3); }
.cm-main .s4 { background: var(--sds-color-chart-4); }
.cm-main .s5 { background: var(--sds-color-chart-5); }
.cm-main .s6 { background: var(--sds-color-chart-6); }
.cm-main .s7 { background: var(--sds-tone-purple-fg); }
.cm-main .s8 { background: var(--sds-tone-magenta-fg); }
.cm-main .agree { font-weight: var(--sds-weight-semibold); }
.cm-main .disagree { font-weight: var(--sds-weight-semibold); text-decoration: underline wavy var(--sds-color-warning); text-underline-offset: 3px; }

/* Tables: scroll sideways inside their card, never the page */
.cm-main .table-wrap { overflow-x: auto; margin-block-start: var(--sds-space-2); max-inline-size: 100%; }
.cm-main table { border-collapse: collapse; inline-size: 100%; font-size: var(--sds-type-callout); font-variant-numeric: tabular-nums; overflow-wrap: normal; }
.cm-main td { white-space: nowrap; }
.cm-main td .wrap { display: inline-block; white-space: normal; overflow-wrap: anywhere; min-inline-size: 30ch; max-inline-size: 64ch; }
.cm-main caption { text-align: start; color: var(--sds-color-muted); padding-block-end: var(--sds-space-1); }
.cm-main th, .cm-main td { padding: var(--sds-space-2) var(--sds-space-3); border-block-end: var(--sds-border-width) solid var(--sds-color-border); text-align: start; vertical-align: top; }
.cm-main th { font-weight: var(--sds-weight-semibold); color: var(--sds-color-muted); white-space: nowrap; position: sticky; inset-block-start: 0; background: var(--sds-color-panel); }
.cm-main th.num, .cm-main td.num { text-align: end; }
.cm-main .th-btn { all: unset; cursor: pointer; }
.cm-main .th-btn:focus-visible { outline: var(--sds-focus-width) solid var(--sds-color-focus); }
.cm-main tr.clickable { cursor: pointer; }
.cm-main tr.clickable:hover td, .cm-main tr.clickable:focus td { background: var(--sds-color-raised); }
.cm-main .filters { display: flex; flex-wrap: wrap; gap: var(--sds-space-2) var(--sds-space-4); align-items: center; margin: var(--sds-space-1) 0; }
.cm-main select, .cm-main input[type="checkbox"], .cm-main input[type="radio"] { accent-color: var(--sds-color-accent); }
.cm-main select { background: var(--sds-color-raised); color: var(--sds-color-text); border: var(--sds-border-width) solid var(--sds-color-control-border); border-radius: var(--sds-radius-small); padding: var(--sds-space-1) var(--sds-space-2); font-family: inherit; font-size: inherit; max-inline-size: 60vw; }

/* Live runs */
.cm-main .live-run { padding: var(--sds-space-3) 0; border-block-end: var(--sds-border-width) solid var(--sds-color-border); }
.cm-main .live-run:last-child { border-block-end: 0; }
.cm-main .live-head { display: flex; flex-wrap: wrap; gap: var(--sds-space-3); align-items: center; margin-block-end: var(--sds-space-2); }
.cm-main .live-facts { display: flex; flex-wrap: wrap; gap: var(--sds-space-1) var(--sds-space-4); margin-block-start: var(--sds-space-2); font-size: var(--sds-type-callout); color: var(--sds-color-muted); }
.cm-main .live-facts b { color: var(--sds-color-text); font-variant-numeric: tabular-nums; }
.cm-main .progress { block-size: 8px; background: var(--sds-color-raised); border-radius: var(--sds-radius-pill); overflow: hidden; border: var(--sds-border-width) solid var(--sds-color-border); }
.cm-main .progress-fill { block-size: 100%; background: var(--sds-brand-gradient); border-radius: var(--sds-radius-pill); transition: inline-size 0.6s ease; }
.cm-main .bug-mini { margin: var(--sds-space-2) 0 0; padding-inline-start: var(--sds-space-5); display: flex; flex-direction: column; gap: var(--sds-space-1); font-size: var(--sds-type-callout); }
.cm-main .bug-mini li { display: list-item; overflow-wrap: anywhere; }
.cm-main .bug-mini .badge { margin-inline-start: var(--sds-space-2); }

/* Bars: one series, direct labels, a tooltip */
.cm-main .bars { display: flex; flex-direction: column; gap: var(--sds-space-1); margin-block-start: var(--sds-space-2); }
.cm-main .bar-row { display: grid; grid-template-columns: minmax(5.5rem, 32%) 1fr auto; gap: var(--sds-space-3); align-items: center; border-radius: var(--sds-radius-small); padding: 2px var(--sds-space-1); }
.cm-main .bar-row:hover, .cm-main .bar-row:focus { background: var(--sds-color-raised); outline: none; }
.cm-main .bar-label { color: var(--sds-color-muted); font-size: var(--sds-type-footnote); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--sds-font-mono); }
.cm-main .bar-track { block-size: 14px; }
.cm-main .bar-fill { block-size: 100%; border-radius: 0 var(--sds-radius-small) var(--sds-radius-small) 0; min-inline-size: 2px; }
.cm-main .bar-value { font-variant-numeric: tabular-nums; font-size: var(--sds-type-footnote); color: var(--sds-color-text); }
body > .tooltip { position: fixed; z-index: var(--sds-z-popover); display: none; pointer-events: none; background: var(--sds-color-panel); color: var(--sds-color-text); border: var(--sds-border-width) solid var(--sds-color-control-border); border-radius: var(--sds-radius-small); padding: var(--sds-space-1) var(--sds-space-3); font-size: var(--sds-type-footnote); box-shadow: var(--sds-shadow-popover); max-inline-size: 22rem; }
body > .tooltip .tooltip-head { font-weight: var(--sds-weight-semibold); margin-block-end: 2px; }

/* One run */
.cm-main .run-head { display: flex; flex-wrap: wrap; gap: var(--sds-space-2) var(--sds-space-4); align-items: center; }
.cm-main .run-head h2 { display: flex; flex-wrap: wrap; gap: var(--sds-space-2); align-items: center; margin: 0; font-size: var(--sds-type-section); overflow-wrap: anywhere; }
.cm-main .matrix { display: grid; grid-template-columns: minmax(5.25rem, auto) repeat(3, minmax(4rem, 1fr)); gap: 2px; margin-block-start: var(--sds-space-2); }
.cm-main .mx-corner { color: var(--sds-color-muted); font-size: var(--sds-type-footnote); align-self: end; padding: var(--sds-space-1); }
.cm-main .mx-head { font-weight: var(--sds-weight-semibold); font-size: var(--sds-type-footnote); color: var(--sds-color-muted); padding: var(--sds-space-1); text-align: center; }
.cm-main .mx-row { text-align: end; align-self: center; }
.cm-main .mx-cell { display: flex; flex-direction: column; align-items: center; justify-content: center; min-block-size: 58px; border-radius: var(--sds-radius-small); background: color-mix(in srgb, var(--sds-color-accent) calc(var(--mx) * 80%), var(--sds-color-raised)); color: var(--sds-color-text); }
.cm-main .mx-cell b { font-size: var(--sds-type-headline); font-variant-numeric: tabular-nums; }
.cm-main .mx-diag { outline: 2px solid var(--sds-color-control-border); outline-offset: -2px; }
.cm-main .rows-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sds-space-4); }
@media (min-width: 1280px) { .cm-main .rows-split { grid-template-columns: minmax(0, 3fr) minmax(18rem, 2fr); } .cm-main .row-detail { position: sticky; inset-block-start: var(--sds-space-12); align-self: start; } }
.cm-main .row-detail, .cm-main .review-detail { background: var(--sds-color-raised); border-radius: var(--sds-radius-panel); padding: var(--sds-space-3) var(--sds-space-4); min-inline-size: 0; overflow-wrap: anywhere; }
.cm-main .review-detail { margin-block-start: var(--sds-space-3); }
.cm-main .facts { display: grid; grid-template-columns: max-content 1fr; gap: var(--sds-space-1) var(--sds-space-4); margin: var(--sds-space-2) 0 0; }
.cm-main .facts dt { color: var(--sds-color-muted); font-size: var(--sds-type-footnote); }
.cm-main .facts dd { margin: 0; min-inline-size: 0; overflow-wrap: anywhere; }

/* Bugs, audits */
.cm-main .bug-list { display: flex; flex-direction: column; gap: var(--sds-space-3); margin-block-start: var(--sds-space-2); }
.cm-main .bug { border: var(--sds-border-width) solid var(--sds-color-border); border-radius: var(--sds-radius-panel); padding: var(--sds-space-3) var(--sds-space-4); background: var(--sds-color-raised); min-inline-size: 0; }
.cm-main .bug-head, .cm-main .bug-foot { display: flex; flex-wrap: wrap; gap: var(--sds-space-1) var(--sds-space-3); align-items: center; }
.cm-main .bug-loc { font-weight: var(--sds-weight-semibold); }
.cm-main .bug-foot { margin-block-start: var(--sds-space-2); font-size: var(--sds-type-footnote); color: var(--sds-color-muted); }
.cm-main .audit-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 10.5rem), 1fr)); gap: var(--sds-space-2); margin: var(--sds-space-2) 0 var(--sds-space-4); }
.cm-main .audit-tile { background: var(--sds-color-raised); border: var(--sds-border-width) solid var(--sds-color-border); border-radius: var(--sds-radius-small); padding: var(--sds-space-2) var(--sds-space-3); display: flex; flex-direction: column; gap: var(--sds-space-1); align-items: flex-start; }
.cm-main .audit-name { font-weight: var(--sds-weight-semibold); }
.cm-main .runs { display: flex; flex-direction: column; gap: var(--sds-space-1); }
.cm-main details.run { border: var(--sds-border-width) solid var(--sds-color-border); border-radius: var(--sds-radius-small); padding: var(--sds-space-1) var(--sds-space-3); background: var(--sds-color-raised); min-inline-size: 0; }
.cm-main details.run summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: var(--sds-space-1); align-items: center; }
.cm-main details.run[open] summary { margin-block-end: var(--sds-space-2); }
.cm-main .audit { margin: var(--sds-space-3) 0 var(--sds-space-4); }

.cm-main .empty { padding: var(--sds-space-5); text-align: center; border: var(--sds-border-width) dashed var(--sds-color-control-border); border-radius: var(--sds-radius-panel); }
.cm-main .empty-title { font-weight: var(--sds-weight-semibold); margin: 0 0 var(--sds-space-1); }
.cm-main pre.cmd { background: var(--sds-color-raised); border: var(--sds-border-width) solid var(--sds-color-border); border-radius: var(--sds-radius-small); padding: var(--sds-space-3); font-family: var(--sds-font-mono); font-size: var(--sds-type-footnote); line-height: var(--sds-line-body); white-space: pre-wrap; overflow-wrap: anywhere; margin: var(--sds-space-1) 0; }
.cm-main ul.api { columns: 2 17rem; padding-inline-start: var(--sds-space-5); }

/* Phone width */
@media (max-width: 700px) {
  .cm-main .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sds-space-2); }
  .cm-main .tile { padding: var(--sds-space-2) var(--sds-space-3); }
  .cm-main .tile-value { font-size: var(--sds-type-headline); }
  .cm-main .facts { grid-template-columns: 1fr; }
  .cm-main .facts dt { margin-block-start: var(--sds-space-1); }
  .cm-main .matrix { grid-template-columns: minmax(4rem, auto) repeat(3, minmax(3.25rem, 1fr)); }
  .cm-main .card { padding: var(--sds-space-3) var(--sds-space-4); }
}

/* WO-1691: evidence board and bound package. */
.cm-job-controls,.cm-job-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}
.cm-job-controls input{flex:2;min-width:200px}.cm-job-controls select{flex:1;min-width:140px}
.cm-job-button{font:inherit;background:transparent;color:inherit;border:1px solid var(--sds-color-border);border-radius:7px;padding:7px 10px;cursor:pointer}
.cm-job-button:hover,.cm-job-button:focus-visible{background:var(--sds-color-raised);outline:2px solid var(--sds-color-accent)}
.cm-job-board{overflow:auto;max-height:72vh;border:1px solid var(--sds-color-border);border-radius:10px}
.cm-job-board table{border-collapse:separate;border-spacing:0;min-width:100%;width:max-content}
.cm-job-board th,.cm-job-board td{padding:14px;border-bottom:1px solid var(--sds-color-border);border-right:1px solid var(--sds-color-border);min-width:220px;max-width:300px;vertical-align:top;text-align:left}
.cm-job-board thead th{position:sticky;top:0;background:var(--sds-color-panel);z-index:2}
.cm-job-board .cm-job-rowlabel{position:sticky;left:0;background:var(--sds-color-panel);z-index:1;min-width:200px}
.cm-job-board thead .cm-job-rowlabel{z-index:3}
.cm-job-board th p{font-weight:normal;margin:7px 0}.cm-job-board th a{font-size:var(--sds-type-headline)}
.cm-job-cell--fail{box-shadow:inset 3px 0 var(--sds-color-danger)}.cm-job-cell--running{box-shadow:inset 3px 0 var(--sds-color-info)}
.cm-job-cell--pass{box-shadow:inset 3px 0 var(--sds-color-success)}
.cm-job-menu{display:inline-block;margin-left:8px;position:relative}.cm-job-menu summary{cursor:pointer;font-size:var(--sds-type-headline)}
.cm-job-menu[open]>div{position:absolute;right:0;z-index:4;min-width:180px;background:var(--sds-color-panel);border:1px solid var(--sds-color-border);padding:10px;display:grid;gap:10px}
.cm-job-json{white-space:pre-wrap;overflow-wrap:anywhere;max-height:32rem;overflow:auto;padding:14px;background:var(--sds-color-raised);border-radius:8px;font-size:var(--sds-type-footnote)}
.cm-job-dialog{color:inherit;background:var(--sds-color-panel);border:1px solid var(--sds-color-border);border-radius:12px;max-width:640px;padding:24px}
.cm-job-dialog::backdrop{background:var(--sds-color-scrim)}.cm-job-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.cm-job-checks article{padding:14px;border:1px solid var(--sds-color-border);border-radius:8px}.cm-job-link{display:inline-block;margin:8px 16px 8px 0}
.cm-jobs details>summary{cursor:pointer;padding:10px 0}.cm-jobs h3{font-size:var(--sds-type-callout)}
.cm-job-board td{white-space:normal}.cm-job-board .cm-job-rowlabel button{white-space:nowrap}
/* Prompt catalog and proposals use the shared SkyUI shell/tokens. */
.cm-prompt-layout { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(0, 3fr); gap: var(--sds-space-4); align-items: start; }
.cm-prompt-list { display: flex; flex-direction: column; gap: var(--sds-space-2); }
.cm-prompt-list .sds-button { justify-content: flex-start; white-space: normal; text-align: start; }
.cm-prompt-inspector { min-width: 0; overflow-wrap: anywhere; }
.cm-prompt-inspector textarea { width: 100%; box-sizing: border-box; resize: vertical; }
.cm-prompt-inspector dd { margin-inline-start: 0; overflow-wrap: anywhere; }
.cm-prompt-diff { white-space: pre-wrap; overflow: auto; max-height: 32rem; }
.cm-prompt-proposal, .cm-prompt-run { margin-block-start: var(--sds-space-4); }
@media (max-width: 760px) { .cm-prompt-layout { grid-template-columns: minmax(0, 1fr); } }

/* WO-1728: named-check sections, row expand markers, identity block and the narrow-screen list. */
.cm-job-board .cm-job-section th{background:var(--sds-color-raised);font-weight:var(--sds-weight-semibold);font-size:var(--sds-type-callout);border-right:0}
.cm-job-board .cm-job-section .cm-job-button{border:0;padding:var(--sds-space-1) 0;font-weight:inherit}
.cm-job-button[aria-expanded]::before{content:"+" / "";display:inline-block;width:1.2em;color:var(--sds-color-muted)}
.cm-job-button[aria-expanded="true"]::before{content:"−" / ""}
.cm-job-rowlabel .cm-job-button{border:0;padding:var(--sds-space-1) 0;text-align:left}
.cm-job-cell .cm-job-button{padding:var(--sds-space-1) var(--sds-space-2)}
.cm-job-words{color:var(--sds-color-muted)}
.cm-job-detail{margin-top:var(--sds-space-2);border-top:1px solid var(--sds-color-border);padding-top:var(--sds-space-2)}
.cm-job-detail p{margin:var(--sds-space-1) 0}
.cm-job-cell--unavailable,.cm-job-cell--inapplicable,.cm-job-cell--skipped{box-shadow:inset 3px 0 var(--sds-color-unknown)}
.cm-job-cell--waiting{box-shadow:inset 3px 0 var(--sds-color-warning)}.cm-job-cell--stopped{box-shadow:inset 3px 0 var(--sds-color-danger)}
.cm-job-identity{display:grid;grid-template-columns:max-content 1fr;gap:var(--sds-space-1) var(--sds-space-4);margin:var(--sds-space-2) 0}
.cm-job-identity dt{color:var(--sds-color-muted)}.cm-job-identity dd{margin:0}
.cm-job-list{display:none}
.cm-job-list ul{list-style:none;padding:0;margin:0}.cm-job-list li{padding:var(--sds-space-2) 0;border-bottom:1px solid var(--sds-color-border)}
.cm-job-list summary{cursor:pointer}
@media (max-width: 720px){
  .cm-jobs .cm-job-board{display:none}
  .cm-jobs .cm-job-list{display:block}
  .cm-job-identity{grid-template-columns:1fr}
}
/* WO-1728: the hosts and human-review views, mounted. */
.cm-hosts,.cm-human-review{display:grid;gap:var(--sds-space-4)}
.cm-host-layout{display:grid;grid-template-columns:minmax(200px,1fr) 3fr;gap:var(--sds-space-4);align-items:start}
.cm-host-layout>nav{display:grid;gap:var(--sds-space-2)}
.cm-host-layout dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--sds-space-1) var(--sds-space-4)}.cm-host-layout dd{margin:0}
.cm-human-list,.cm-human-actions{display:flex;flex-wrap:wrap;gap:var(--sds-space-2)}
.cm-human-inspector,.cm-human-original,.cm-human-form{border:1px solid var(--sds-color-border);border-radius:var(--sds-radius-small);padding:var(--sds-space-4)}
.cm-human-preview img{max-inline-size:100%;block-size:auto}
@media (max-width: 720px){.cm-host-layout{grid-template-columns:1fr}}