@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

body .machine-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 680px) { body .machine-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

:root {
  --ink: #17211f;
  --muted: #71807b;
  --soft: #a6b0ac;
  --line: #dfe5e0;
  --paper: #f6f7f4;
  --panel: #ffffff;
  --mint: #c5f1d8;
  --green: #2c9b67;
  --teal: #156c69;
  --purple: #7061b6;
  --orange: #d4773e;
  --red: #bd594f;
  --shadow: 0 18px 45px rgba(33, 54, 47, .07);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: 'Manrope', 'Segoe UI', sans-serif; font-size: 14px; }
button { color: inherit; font: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 3px solid rgba(21, 108, 105, .35); outline-offset: 3px; }
.shell { min-height: 100vh; }
.topbar { height: 76px; padding: 0 4.5vw; display: flex; align-items: center; gap: 38px; border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .8); backdrop-filter: blur(14px); position: sticky; top: 0; z-index: 5; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 800; letter-spacing: -.03em; white-space: nowrap; }
.brand-mark { display: grid; place-items: center; width: 28px; height: 28px; color: white; background: var(--teal); border-radius: 8px 8px 8px 2px; font-weight: 800; }
.topnav { display: flex; align-self: stretch; align-items: center; gap: 25px; }
.nav-item { height: 100%; padding: 3px 0 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-size: 13px; font-weight: 700; }
.nav-item:hover, .nav-item.is-active { color: var(--ink); border-bottom-color: var(--teal); }
.nav-count { margin-left: 4px; padding: 2px 6px; border-radius: 99px; background: #edf0ec; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 10px; }
.top-actions { display: flex; align-items: center; gap: 18px; margin-left: auto; }
.mesh-status { color: var(--muted); font-size: 11px; white-space: nowrap; }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(44, 155, 103, .11); }
.avatar { width: 32px; height: 32px; border: 0; border-radius: 50%; background: #e9d9c6; color: #774b36; font-size: 10px; font-weight: 800; }
main { width: min(1440px, 91vw); margin: 0 auto; padding: 66px 0 72px; }
.hero-row { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 43px; }
.eyebrow { margin: 0 0 9px; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 650px; margin-bottom: 10px; font-size: clamp(34px, 4vw, 54px); line-height: 1.04; letter-spacing: -.065em; }
h2 { margin-bottom: 0; font-size: 24px; letter-spacing: -.055em; }
h3 { margin-bottom: 4px; font-size: 14px; letter-spacing: -.025em; }
.hero-copy { margin-bottom: 0; color: var(--muted); font-size: 15px; }
.primary-action, .secondary-action, .danger-action { border: 0; border-radius: 7px; font-weight: 800; }
.primary-action { padding: 13px 18px; color: white; background: var(--teal); box-shadow: 0 10px 20px rgba(21, 108, 105, .18); }
.primary-action span { margin-right: 8px; font-size: 18px; line-height: 0; vertical-align: -1px; }
.primary-action:hover { background: #0d5957; transform: translateY(-1px); }
.metric-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 65px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.metric { min-height: 108px; padding: 20px 22px 16px 0; border-right: 1px solid var(--line); }
.metric + .metric { padding-left: 22px; }
.metric:last-child { border-right: 0; }
.metric-label { display: block; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 700; }
.metric strong { display: block; margin-bottom: 5px; font-size: 30px; letter-spacing: -.06em; }
.metric strong small { color: var(--soft); font-size: 14px; letter-spacing: 0; }
.metric-note { color: var(--muted); font-size: 10px; }
.metric-note.good { color: var(--green); }.metric-note.warm { color: var(--orange); }
.workspace-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(330px, .8fr); gap: 42px; align-items: start; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 21px; }
.filter-group { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 8px; background: #eef1ed; }
.filter { padding: 7px 10px; border: 0; border-radius: 5px; background: transparent; color: var(--muted); font-size: 11px; font-weight: 800; }.filter span { margin-left: 3px; color: var(--soft); font-family: 'DM Mono', monospace; font-size: 10px; }.filter.is-selected { background: white; color: var(--ink); box-shadow: 0 2px 5px rgba(33, 54, 47, .07); }
.worker-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.worker-card { min-height: 206px; padding: 20px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); box-shadow: 0 5px 15px rgba(33, 54, 47, .025); transition: border-color .2s, transform .2s, box-shadow .2s; }.worker-card:hover, .worker-card.is-selected { border-color: rgba(21, 108, 105, .55); box-shadow: var(--shadow); transform: translateY(-2px); }.worker-card.is-offline { background: #f2f3f0; color: var(--muted); }.worker-card.is-offline:hover { border-color: var(--line); transform: none; box-shadow: none; }
.worker-head { display: flex; align-items: center; gap: 10px; }.worker-identity { min-width: 0; flex: 1; }.worker-identity h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.worker-identity p, .worker-task p { margin: 0; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 10px; }.live-pill { padding: 5px 7px; border-radius: 99px; background: #e9f8ee; color: var(--green); font-family: 'DM Mono', monospace; font-size: 9px; white-space: nowrap; }.live-pill .status-dot { width: 5px; height: 5px; margin-right: 3px; box-shadow: none; }.ready-pill { background: #e7f4f2; color: var(--teal); }.offline-pill { background: #e6e9e5; color: var(--muted); }.offline-pill .status-dot { background: var(--soft); box-shadow: none; }
.machine-icon { position: relative; display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 8px; background: #e0f0ec; }.machine-icon::before { content: ''; display: block; width: 15px; height: 10px; border: 2px solid var(--teal); border-radius: 2px; }.machine-icon::after { content: ''; position: absolute; bottom: 7px; width: 8px; height: 2px; background: var(--teal); }.machine-icon.tower { background: #ece8f8; }.machine-icon.tower::before { width: 12px; height: 17px; border-color: var(--purple); }.machine-icon.tower::after { bottom: 10px; width: 3px; height: 3px; border-radius: 50%; background: var(--purple); box-shadow: 0 5px var(--purple); }.machine-icon.deck { background: #f8ecdd; }.machine-icon.deck::before { width: 17px; height: 11px; border-color: var(--orange); border-radius: 5px; }.machine-icon.deck::after { bottom: 5px; width: 18px; height: 2px; background: var(--orange); }.machine-icon.mini { background: #ebedf0; }.machine-icon.mini::before { width: 14px; height: 14px; border-color: #74808a; border-radius: 50%; }.machine-icon.mini::after { bottom: 6px; width: 3px; height: 3px; border-radius: 50%; background: #74808a; }
.worker-task { margin: 27px 0 17px; }.task-kind { display: block; margin-bottom: 5px; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 9px; font-weight: 500; letter-spacing: .08em; }.task-kind.purple { color: var(--purple); }.task-kind.green { color: var(--green); }.task-kind.muted { color: var(--soft); }.branch-mark { color: var(--orange); }.progress-line { height: 4px; overflow: hidden; margin-bottom: 9px; border-radius: 99px; background: #eaf0eb; }.progress-line span { display: block; height: 100%; border-radius: inherit; background: var(--teal); }.progress-line.purple-bar span { background: var(--purple); }.worker-foot { display: flex; justify-content: space-between; gap: 8px; color: var(--soft); font-family: 'DM Mono', monospace; font-size: 9px; }.ready-slot { display: flex; justify-content: space-between; align-items: center; min-height: 30px; margin: 18px 0 17px; padding: 7px 10px; border: 1px dashed #b8d7c7; border-radius: 5px; color: var(--green); font-size: 10px; font-weight: 700; }
.task-heading { margin-top: 56px; }.text-button { padding: 0; border: 0; background: transparent; color: var(--teal); font-size: 11px; font-weight: 800; }.text-button:hover { color: var(--orange); }.task-table { border-top: 1px solid var(--line); }.task-row { display: grid; grid-template-columns: 1.7fr 1fr .8fr .65fr; align-items: center; gap: 14px; min-height: 62px; padding: 10px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; font-size: 11px; }.task-row-head { min-height: 36px; color: var(--soft); font-family: 'DM Mono', monospace; font-size: 9px; text-transform: uppercase; }.task-row-button { width: 100%; }.task-row-button:hover { background: rgba(255, 255, 255, .65); }.task-row strong, .task-row small { display: block; }.task-row small { margin-top: 5px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.state { font-family: 'DM Mono', monospace; font-size: 10px; }.state::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--green); }.state.queued { color: var(--orange); }.state.queued::before { background: var(--orange); }
.detail-panel { position: sticky; top: 105px; padding: 22px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); box-shadow: var(--shadow); }.panel-topline { display: flex; justify-content: space-between; align-items: center; }.icon-button { width: 28px; height: 28px; border: 0; border-radius: 5px; background: #f0f2ef; color: var(--muted); letter-spacing: 2px; }.selected-worker { display: flex; align-items: center; gap: 11px; margin: 18px 0 22px; }.machine-icon.large { width: 42px; height: 42px; }.selected-worker h2 { margin-bottom: 4px; font-size: 18px; }.selected-worker p { margin: 0; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.selected-worker p .status-dot { width: 5px; height: 5px; box-shadow: none; }.detail-tabs { display: flex; gap: 19px; border-bottom: 1px solid var(--line); }.detail-tab { padding: 0 0 11px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-size: 11px; font-weight: 800; }.detail-tab.is-active { color: var(--ink); border-color: var(--teal); }.run-summary { display: flex; justify-content: space-between; gap: 12px; padding: 22px 0 17px; }.run-summary h3 { max-width: 180px; margin-bottom: 6px; font-size: 16px; }.branch-label { margin: 0; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 9px; }.run-clock { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 10px; }.agent-line { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.agent-avatar { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: #e8e3f6; color: var(--purple); font-family: 'DM Mono', monospace; font-size: 8px; font-weight: 500; }.agent-line strong, .agent-line small { display: block; }.agent-line strong { font-size: 10px; }.agent-line small { margin-top: 2px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 8px; }.connected-label { margin-left: auto; color: var(--green); font-family: 'DM Mono', monospace; font-size: 8px; }.log-window { min-height: 160px; margin: 16px 0; padding: 13px; overflow: hidden; border-radius: 5px; background: #1d2927; color: #c8d6d0; font-family: 'DM Mono', monospace; font-size: 9px; line-height: 1.95; }.log-window div { white-space: nowrap; }.log-window em { color: #a8dfc3; font-style: normal; }.log-time { margin-right: 9px; color: #71837b; }.log-ok { margin-right: 5px; color: #8dd6a8; }.log-info { margin-right: 5px; color: #83c4d0; }.log-warn { margin-right: 5px; color: #e4b26e; }.cursor { display: inline-block; width: 5px; height: 10px; background: #a8dfc3; vertical-align: -1px; animation: blink 1s steps(2, jump-none) infinite; }.detail-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-bottom: 19px; }.detail-stats div { padding-right: 8px; border-right: 1px solid var(--line); }.detail-stats div:last-child { border: 0; }.detail-stats span, .detail-stats strong { display: block; }.detail-stats span { margin-bottom: 5px; color: var(--muted); font-size: 9px; }.detail-stats strong { font-family: 'DM Mono', monospace; font-size: 12px; }.stat-good { color: var(--green); }.panel-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.secondary-action, .danger-action { padding: 10px 8px; border: 1px solid var(--line); background: white; font-size: 10px; }.secondary-action:hover { border-color: var(--teal); color: var(--teal); }.danger-action { border-color: #f0d8d5; color: var(--red); background: #fffafa; }.danger-action:hover { background: #fff1ef; }.approval-note { display: flex; gap: 9px; margin-top: 17px; padding: 12px; border-radius: 5px; background: #fff5e8; }.approval-mark { display: grid; place-items: center; flex: 0 0 auto; width: 16px; height: 16px; border-radius: 50%; background: var(--orange); color: white; font-family: 'DM Mono', monospace; font-size: 10px; }.approval-note p { margin: 0; color: #876344; font-size: 9px; line-height: 1.6; }.approval-note strong { color: #6e492b; }
.activity-band { margin-top: 75px; padding: 29px 0 0; border-top: 1px solid var(--line); }.updated-label { color: var(--soft); font-family: 'DM Mono', monospace; font-size: 9px; }.activity-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.activity-item { display: flex; align-items: flex-start; gap: 12px; padding: 17px 0; border-bottom: 1px solid var(--line); }.activity-marker { flex: 0 0 auto; width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: var(--green); }.activity-marker.purple { background: var(--purple); }.activity-marker.orange { background: var(--orange); }.activity-item strong { display: block; margin-bottom: 5px; font-size: 11px; }.activity-item p { margin: 0; color: var(--muted); font-size: 10px; }.activity-item em { color: var(--teal); font-style: normal; }.activity-item time { margin-left: auto; color: var(--soft); font-family: 'DM Mono', monospace; font-size: 9px; }.toast { position: fixed; right: 26px; bottom: 25px; z-index: 10; max-width: 300px; padding: 12px 15px; border: 1px solid #b8d7c7; border-radius: 6px; background: #f1fff5; color: #256b49; box-shadow: var(--shadow); font-size: 11px; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity .2s, transform .2s; }.toast.is-visible { opacity: 1; transform: translateY(0); }
@keyframes blink { 50% { opacity: 0; } }
@media (max-width: 1050px) { .topbar { padding: 0 3vw; gap: 25px; }.mesh-status { display: none; } main { width: 94vw; }.workspace-grid { grid-template-columns: 1fr; }.detail-panel { position: static; }.worker-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px) { .topbar { height: auto; min-height: 68px; flex-wrap: wrap; padding: 13px 5vw 0; gap: 17px; }.topnav { order: 3; width: 100%; height: 38px; gap: 20px; overflow-x: auto; }.top-actions { margin-left: auto; }.avatar { width: 29px; height: 29px; } main { width: 90vw; padding-top: 42px; }.hero-row { display: block; margin-bottom: 34px; }.hero-row .primary-action { margin-top: 22px; }.metric-strip { grid-template-columns: repeat(2, 1fr); margin-bottom: 45px; }.metric { min-height: 94px; padding: 15px 12px 13px 0; }.metric + .metric { padding-left: 12px; }.metric:nth-child(2) { border-right: 0; }.metric:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.metric strong { font-size: 25px; }.section-heading { align-items: flex-start; flex-direction: column; }.filter-group { align-self: stretch; }.filter { flex: 1; }.worker-grid { grid-template-columns: 1fr; }.task-row { grid-template-columns: 1.6fr .8fr; gap: 8px; }.task-row-head span:nth-child(n+3), .task-row-button > span:nth-child(n+3) { display: none; }.activity-list { grid-template-columns: 1fr; }.activity-band { margin-top: 55px; } }

h1 { max-width: 760px; font-size: 48px; letter-spacing: -.055em; }
.hero-row { margin-bottom: 54px; }
.hero-copy { max-width: 620px; }
.task-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .8fr); gap: 42px; align-items: start; }
.task-board { min-width: 0; }
.task-list { border-top: 1px solid var(--line); }
.task-card { display: grid; grid-template-columns: 92px minmax(0, 1.4fr) minmax(140px, .8fr) 18px; align-items: center; gap: 16px; width: 100%; min-height: 84px; padding: 16px 12px 16px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }
.task-card[hidden] { display: none; }
.task-card:hover, .task-card.is-selected { padding-left: 12px; background: white; box-shadow: 0 8px 24px rgba(33, 54, 47, .05); }
.task-card:hover { color: var(--teal); }
.task-state { display: inline-block; width: max-content; padding: 5px 7px; border-radius: 4px; color: var(--green); background: #e9f8ee; font-family: 'DM Mono', monospace; font-size: 9px; line-height: 1; }
.task-state.blocked { color: var(--orange); background: #fff2e4; }.task-state.review { color: var(--purple); background: #eeeafa; }
.task-main, .task-context { min-width: 0; }.task-main strong, .task-main small, .task-context b, .task-context small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.task-main strong { color: var(--ink); font-size: 13px; }.task-main small, .task-context small { margin-top: 6px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.task-context b { color: var(--ink); font-size: 10px; }.task-arrow { color: var(--soft); font-size: 18px; }.task-empty { padding: 35px 0; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 11px; }
.task-title { padding: 20px 0 17px; border-bottom: 1px solid var(--line); }.task-title h2 { margin: 13px 0 7px; font-size: 21px; }.task-title p { margin: 0; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 9px; }
.fact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 17px 0; border-bottom: 1px solid var(--line); }.fact-grid div { min-height: 49px; padding: 4px 12px 8px 0; }.fact-grid div:nth-child(even) { padding-left: 12px; border-left: 1px solid var(--line); }.fact-grid span, .fact-grid strong, .evidence-row span, .evidence-row strong { display: block; }.fact-grid span, .evidence-row span { margin-bottom: 6px; color: var(--muted); font-size: 9px; }.fact-grid strong, .evidence-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'DM Mono', monospace; font-size: 10px; }.fact-good { color: var(--green); }
.current-event { padding: 18px 0 15px; }.current-event p { margin: 0 0 7px; font-size: 12px; font-weight: 700; }.current-event small { color: var(--muted); font-size: 9px; line-height: 1.5; }.evidence-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 14px 0 2px; border-top: 1px solid var(--line); }.evidence-row div { padding-right: 8px; border-right: 1px solid var(--line); }.evidence-row div:last-child { border-right: 0; }
.capacity-band { margin-top: 66px; padding-top: 27px; border-top: 1px solid var(--line); }.capacity-list { border-top: 1px solid var(--line); }.capacity-row { display: grid; grid-template-columns: 12px 1fr 1.2fr 1.5fr 1fr; align-items: center; gap: 10px; min-height: 52px; border-bottom: 1px solid var(--line); font-size: 10px; }.capacity-row .status-dot { width: 6px; height: 6px; margin: 0; box-shadow: none; }.capacity-row > span:not(.status-dot), .capacity-row > small { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.capacity-row b { font-size: 10px; font-weight: 600; }.ready-dot { background: var(--teal); }.offline-row { color: var(--muted); }.offline-row .status-dot { background: var(--soft); }.offline-row .text-button { justify-self: end; }
.detail-panel { top: 105px; }.log-window { min-height: 0; margin: 15px 0; padding: 12px; }.log-window div { overflow: hidden; text-overflow: ellipsis; }.panel-actions { margin-top: 15px; }
.activity-band, .metric-strip, .worker-grid, .detail-tabs, .agent-line, .run-summary, .detail-stats { display: none; }

@media (max-width: 1050px) { .task-layout { grid-template-columns: 1fr; }.detail-panel { position: static; }.capacity-row { grid-template-columns: 12px 1fr 1fr; }.capacity-row > span:not(.status-dot), .capacity-row > small { display: none; } }
@media (max-width: 680px) { h1 { font-size: 38px; }.task-layout { gap: 45px; }.filter-group { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }.filter { min-height: 30px; }.task-card { grid-template-columns: 75px minmax(0, 1fr) 18px; gap: 10px; }.task-context { display: none; }.capacity-row { grid-template-columns: 12px 1fr auto; }.capacity-row b { font-size: 9px; }.offline-row .text-button { justify-self: auto; } }

.screen[hidden] { display: none; }
.view-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 54px; }.view-header h1 { margin-bottom: 12px; }.view-header .hero-copy { margin: 0; }.view-header-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; }.view-header-actions .primary-action { margin-top: 0; }
.project-layout, .schedule-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .8fr); gap: 42px; align-items: start; }.project-list { border-top: 1px solid var(--line); }.project-row { display: grid; grid-template-columns: 40px minmax(0, 1.4fr) minmax(145px, .8fr) 18px; align-items: center; gap: 16px; width: 100%; min-height: 90px; padding: 14px 12px 14px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }.project-row:hover, .project-row.is-selected { padding-left: 12px; background: white; box-shadow: 0 8px 24px rgba(33, 54, 47, .05); }.project-row:hover { color: var(--teal); }.project-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 7px; color: white; background: var(--teal); font-family: 'DM Mono', monospace; font-size: 13px; font-weight: 500; }.netbird-icon { background: var(--orange); }.opencode-icon { background: var(--purple); }.project-main, .project-row > span:nth-child(3) { min-width: 0; }.project-main strong, .project-main small, .project-row > span:nth-child(3) b, .project-row > span:nth-child(3) small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.project-main strong { color: var(--ink); font-size: 13px; }.project-main small, .project-row > span:nth-child(3) small { margin-top: 6px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.project-row > span:nth-child(3) b { color: var(--ink); font-size: 10px; font-weight: 600; }.project-arrow { color: var(--soft); font-size: 18px; }.project-detail { position: sticky; top: 105px; }.project-title { display: flex; align-items: center; gap: 12px; padding: 20px 0 17px; border-bottom: 1px solid var(--line); }.project-title h2 { margin-bottom: 6px; font-size: 21px; }.project-title p { margin: 0; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 9px; }.project-detail .panel-actions .primary-action { padding: 10px 8px; font-size: 10px; box-shadow: none; }
.date-range { display: flex; align-items: center; gap: 12px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 10px; }.date-nav { width: 26px; height: 26px; border: 1px solid var(--line); border-radius: 5px; background: white; color: var(--teal); }.date-nav:hover { border-color: var(--teal); }.timeline { border-top: 1px solid var(--line); }.timeline-day { display: grid; grid-template-columns: 116px 1fr; min-height: 112px; border-bottom: 1px solid var(--line); }.day-label { padding-top: 18px; }.day-label strong, .day-label small { display: block; }.day-label strong { font-size: 12px; }.day-label small { margin-top: 5px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.timeline-events { position: relative; padding: 12px 0 12px 22px; border-left: 1px solid var(--line); }.timeline-events::before { content: ''; position: absolute; top: 25px; left: -4px; width: 7px; height: 7px; border-radius: 50%; background: var(--teal); }.schedule-event { display: grid; grid-template-columns: 54px minmax(0, 1fr) minmax(95px, .65fr); align-items: center; gap: 12px; width: 100%; min-height: 50px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 6px; background: white; text-align: left; }.schedule-event + .schedule-event { margin-top: 8px; }.schedule-event:hover { border-color: var(--teal); box-shadow: 0 7px 20px rgba(33, 54, 47, .06); }.event-time { color: var(--teal); font-family: 'DM Mono', monospace; font-size: 10px; }.schedule-event strong, .schedule-event small, .schedule-event b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.schedule-event strong { color: var(--ink); font-size: 11px; }.schedule-event small { margin-top: 5px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.schedule-event b { color: var(--muted); font-size: 9px; font-weight: 600; }.muted-event { background: #fbfcfa; }.schedule-summary { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 2px 10px; padding: 20px 0; border-bottom: 1px solid var(--line); }.schedule-summary strong { font-size: 24px; letter-spacing: -.05em; }.schedule-summary span { color: var(--muted); font-size: 10px; }.schedule-rules > div { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 15px 0; border-bottom: 1px solid var(--line); }.schedule-state { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }.schedule-state.paused { background: var(--soft); }.schedule-rules strong, .schedule-rules small { display: block; }.schedule-rules strong { font-size: 10px; }.schedule-rules small { margin-top: 5px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 8px; }.schedule-toggle { font-size: 9px; }

@media (max-width: 1050px) { .project-layout, .schedule-layout { grid-template-columns: 1fr; }.project-detail, .schedule-detail { position: static; } }
@media (max-width: 680px) { .topnav { gap: 18px; }.view-header { display: block; margin-bottom: 42px; }.view-header .primary-action { margin-top: 22px; }.project-row { grid-template-columns: 36px minmax(0, 1fr) 18px; gap: 10px; }.project-row > span:nth-child(3) { display: none; }.timeline-day { grid-template-columns: 85px 1fr; }.timeline-events { padding-left: 14px; }.schedule-event { grid-template-columns: 44px minmax(0, 1fr); gap: 7px; }.schedule-event b { display: none; }.date-range { align-self: stretch; justify-content: space-between; width: 100%; } }
@media (max-width: 680px) { .view-header-actions { justify-content: stretch; margin-top: 22px; }.view-header-actions button { flex: 1; }.view-header-actions .primary-action { margin-top: 0; } }

.theme-toggle { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 5px 9px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); color: var(--muted); font-size: 10px; font-weight: 800; }
.theme-toggle:hover { border-color: var(--teal); color: var(--teal); }
.theme-icon { color: var(--teal); font-size: 15px; line-height: 1; }

html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #edf4f0;
  --muted: #9aaba5;
  --soft: #71817b;
  --line: #2d3c38;
  --paper: #121918;
  --panel: #1b2623;
  --mint: #244d3a;
  --green: #63d391;
  --teal: #5bc2b2;
  --purple: #b4a7ec;
  --orange: #e5a06d;
  --red: #eb8980;
  --shadow: 0 18px 45px rgba(0, 0, 0, .24);
}

html[data-theme="dark"] .topbar { background: rgba(18, 25, 24, .9); }
html[data-theme="dark"] .nav-count,
html[data-theme="dark"] .filter-group { background: #24312e; }
html[data-theme="dark"] .avatar { background: #5a4439; color: #f3c2a2; }
html[data-theme="dark"] .filter.is-selected,
html[data-theme="dark"] .task-card:hover,
html[data-theme="dark"] .task-card.is-selected,
html[data-theme="dark"] .project-row:hover,
html[data-theme="dark"] .project-row.is-selected { background: #24312e; }
html[data-theme="dark"] .worker-card.is-offline { background: #1a211f; }
html[data-theme="dark"] .live-pill { background: #1d3b2a; }
html[data-theme="dark"] .ready-pill { background: #1b3a38; }
html[data-theme="dark"] .offline-pill { background: #29312f; }
html[data-theme="dark"] .machine-icon { background: #1d3a36; }
html[data-theme="dark"] .machine-icon.tower { background: #302c4a; }
html[data-theme="dark"] .machine-icon.deck { background: #493727; }
html[data-theme="dark"] .machine-icon.mini { background: #2b3135; }
html[data-theme="dark"] .progress-line { background: #283732; }
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .date-nav { background: #24312e; }
html[data-theme="dark"] .schedule-event { background: #1b2623; }
html[data-theme="dark"] .muted-event { background: #18211f; }
html[data-theme="dark"] .task-state { background: #1d3b2a; }
html[data-theme="dark"] .task-state.blocked { background: #493322; }
html[data-theme="dark"] .task-state.review { background: #302c4a; }
html[data-theme="dark"] .toast { border-color: #376f51; background: #193323; color: #9ae0b3; }
html[data-theme="dark"] .secondary-action,
html[data-theme="dark"] .danger-action { background: var(--panel); color: var(--ink); }
html[data-theme="dark"] .danger-action { border-color: #754b48; color: var(--red); }
html[data-theme="dark"] .account-menu { background: var(--panel); }
html[data-theme="dark"] .schedule-event,
html[data-theme="dark"] .machine-panel { color: var(--ink); }

.task-tabs { display: flex; gap: 15px; margin-top: 17px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.task-tab { flex: 0 0 auto; padding: 0 0 10px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-size: 10px; font-weight: 800; }
.task-tab:hover, .task-tab.is-active { color: var(--ink); border-bottom-color: var(--teal); }
.tab-count { display: inline-block; min-width: 15px; margin-left: 3px; padding: 2px 4px; border-radius: 99px; background: var(--soft); color: var(--ink); font-family: 'DM Mono', monospace; font-size: 8px; text-align: center; }.task-tab.is-active .tab-count { background: var(--teal); color: white; }
.task-tab-panel { min-height: 138px; }.task-tab-panel[hidden] { display: none; }
.breadcrumbs { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.breadcrumbs a { color: var(--teal); }.breadcrumbs a:hover { color: var(--orange); }.breadcrumbs span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-tab-panel > .event-list { height: min(420px, 52vh); min-height: 220px; overflow-y: auto; overscroll-behavior: contain; padding: 0 15px; border: 1px solid var(--line); border-radius: 7px; background: color-mix(in srgb, var(--teal) 2%, var(--panel)); scrollbar-color: var(--soft) transparent; }
.event-row { display: block; padding: 14px 0; border-bottom: 1px solid var(--line); }.event-row:last-child { border-bottom: 0; }.event-row-head { display: flex; justify-content: space-between; align-items: start; gap: 16px; }.event-row-head > div, .event-row-head strong { min-width: 0; }.event-row strong { display: block; color: var(--ink); font-size: 10px; }.event-row small, .event-row time { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.event-row small { display: block; margin-top: 5px; }.event-row time { flex: 0 0 auto; white-space: nowrap; }.event-reason { margin: 10px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.event-payload { margin-top: 10px; border-top: 1px solid var(--line); }.event-payload summary { padding-top: 9px; color: var(--teal); cursor: pointer; font-family: 'DM Mono', monospace; font-size: 9px; font-weight: 500; }.event-payload pre { overflow: auto; max-height: 180px; margin: 8px 0 0; padding: 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--paper); color: var(--ink); font: 9px/1.6 'DM Mono', monospace; white-space: pre-wrap; overflow-wrap: anywhere; }.log-row .event-row-head { align-items: center; }.log-stream { letter-spacing: .04em; text-transform: uppercase; }.log-stream.stdout { color: var(--teal); }.log-stream.stderr { color: var(--red); }.task-log-message { max-width: none; max-height: 220px; overflow: auto; margin: 10px 0 0; padding: 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--paper); color: var(--muted); font: 9px/1.6 'DM Mono', monospace; white-space: pre-wrap; overflow-wrap: anywhere; scrollbar-color: var(--soft) transparent; }.empty-detail { padding: 30px 0; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 10px; }
.quick-task-summary { padding-top: 15px; }.quick-task-summary .current-event { padding-top: 0; border-top: 0; }.quick-task-summary .recovery-status { margin-top: 15px; }
.task-detail-header { margin-bottom: 35px; }.back-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 27px; padding: 0; border: 0; background: transparent; color: var(--teal); font-size: 10px; font-weight: 800; }.back-link:hover { color: var(--orange); }.task-detail-heading { display: flex; justify-content: space-between; align-items: end; gap: 35px; }.task-detail-heading h1 { margin-top: 10px; margin-bottom: 10px; }.task-detail-heading .hero-copy { margin: 0; }.task-detail-actions, .full-panel-actions { display: flex; gap: 8px; flex: 0 0 auto; }.task-detail-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, .7fr); gap: 42px; align-items: start; }.task-workspace { width: auto; max-width: none; min-width: 0; margin: 0; padding: 22px 25px 25px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); box-shadow: var(--shadow); }.task-detail-facts { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; padding-bottom: 19px; border-bottom: 1px solid var(--line); }.task-detail-facts span, .task-detail-facts strong { display: block; }.task-detail-facts span { margin-bottom: 5px; color: var(--muted); font-size: 9px; }.task-detail-facts strong { overflow: hidden; color: var(--ink); font-family: 'DM Mono', monospace; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.task-workspace .task-tabs { margin-top: 22px; }.detail-section-heading { display: flex; justify-content: space-between; align-items: start; gap: 15px; padding-top: 25px; }.detail-section-heading h2 { margin-top: 6px; font-size: 18px; }.state-label { padding: 5px 7px; border-radius: 4px; background: #e9f8ee; color: var(--green); font-family: 'DM Mono', monospace; font-size: 8px; }.full-event { margin-top: 23px; padding: 17px; border: 1px solid var(--line); border-radius: 6px; background: color-mix(in srgb, var(--teal) 4%, var(--panel)); }.full-event p { margin: 8px 0 4px; color: var(--ink); font-size: 15px; font-weight: 700; }.full-event small { color: var(--muted); font-size: 10px; }.full-evidence-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 18px; }.full-evidence-grid div { padding: 13px; border: 1px solid var(--line); border-radius: 5px; }.full-evidence-grid span, .full-evidence-grid strong { display: block; }.full-evidence-grid span { color: var(--muted); font-size: 9px; }.full-evidence-grid strong { margin-top: 8px; font-size: 15px; }.task-detail-aside { display: grid; gap: 14px; }.task-detail-aside .detail-panel { position: static; }.task-detail-aside .detail-panel h2 { margin: 18px 0 10px; font-size: 17px; }.task-detail-aside .detail-panel p { color: var(--muted); font-size: 10px; line-height: 1.6; }.contract-list { display: grid; gap: 11px; margin: 20px 0; }.contract-list div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }.contract-list span, .contract-list strong { font-family: 'DM Mono', monospace; font-size: 8px; }.contract-list span { color: var(--muted); }.contract-list strong { color: var(--ink); text-align: right; }.task-detail-aside .secondary-action { width: 100%; }.full-panel-actions { justify-content: space-between; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }.artifact-policy { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin: 13px 0 3px; padding: 11px; border: 1px solid #b8d7c7; border-radius: 5px; background: color-mix(in srgb, var(--green) 6%, var(--panel)); }.artifact-policy > div { display: flex; align-items: center; gap: 9px; }.policy-icon { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: var(--green); color: white; font-size: 10px; }.artifact-policy strong, .artifact-policy small { display: block; }.artifact-policy strong { color: var(--ink); font-size: 9px; }.artifact-policy small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.task-context-row { display: flex; flex-wrap: wrap; gap: 7px 12px; padding: 12px 0 2px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.task-context-row b { color: var(--teal); font-weight: 500; }
.account-menu { position: absolute; top: 58px; right: 4.5vw; z-index: 25; display: grid; min-width: 190px; padding: 9px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); box-shadow: var(--shadow); }.account-menu[hidden] { display: none; }.account-menu strong, .account-menu small { display: block; padding: 4px 8px; }.account-menu strong { font-size: 11px; }.account-menu small { padding-bottom: 9px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.account-menu button { padding: 8px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--muted); text-align: left; font-size: 10px; font-weight: 700; }.account-menu button:hover { color: var(--teal); }
.conversation-preview { display: grid; gap: 9px; padding: 15px 0 10px; }
.chat-message { padding: 10px 11px; border-left: 2px solid var(--teal); background: color-mix(in srgb, var(--teal) 7%, var(--panel)); }
.chat-message strong { display: block; margin-bottom: 5px; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 9px; text-transform: uppercase; }
.chat-message p { margin: 0; color: var(--ink); font-size: 10px; line-height: 1.5; }
.user-message { border-left-color: var(--orange); }.user-message strong { color: var(--orange); }
.task-chat-action { margin-top: 2px; }
.recovery-status { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding: 10px; border: 1px solid #b8d7c7; border-radius: 5px; background: color-mix(in srgb, var(--green) 7%, var(--panel)); }.recovery-status .status-dot { flex: 0 0 auto; width: 6px; height: 6px; margin: 0; box-shadow: none; }.recovery-status div { min-width: 0; flex: 1; }.recovery-status strong, .recovery-status small { display: block; }.recovery-status strong { font-size: 10px; }.recovery-status small { margin-top: 3px; color: var(--muted); font-size: 9px; }.recovery-status .text-button { flex: 0 0 auto; font-size: 9px; }
.history-list { padding: 14px 0 9px; }.history-list > div { display: flex; gap: 10px; min-height: 48px; }.history-dot { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 4px; border: 1px solid var(--soft); border-radius: 50%; }.history-dot.done { border-color: var(--green); background: var(--green); }.history-list strong, .history-list small { display: block; }.history-list strong { font-size: 10px; }.history-list small { margin-top: 4px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.archive-action { margin-top: 3px; }
.artifact-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 12px; padding: 15px 0 9px; }.artifact-toolbar strong { display: block; margin-top: 5px; font-size: 11px; }.artifact-list { border-top: 1px solid var(--line); }.artifact-row { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); }.artifact-type { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 5px; background: #e8f4f1; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 8px; font-weight: 700; }.artifact-type.log { background: #fff1db; color: var(--orange); }.artifact-type.hash { background: #e9e9f0; color: #686477; }.artifact-info { min-width: 0; }.artifact-info strong, .artifact-info small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.artifact-info strong { color: var(--ink); font-size: 10px; }.artifact-info small { margin-top: 3px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 8px; }.artifact-info .artifact-provenance { color: var(--teal); }.artifact-row .primary-action, .artifact-row .secondary-action { padding: 8px 9px; font-size: 9px; white-space: nowrap; }.artifact-note { display: flex; gap: 8px; margin-top: 15px; padding: 10px; border: 1px solid #d4c79f; border-radius: 5px; background: #fffaf0; }.artifact-note .approval-mark { flex: 0 0 auto; }.artifact-note p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; }.artifact-note strong { color: var(--ink); }
.artifact-row { align-items: start; }.artifact-row > .artifact-type { align-self: start; }.artifact-row > .icon-button { align-self: start; margin-top: 2px; }.artifact-info strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.artifact-info .artifact-path { margin-top: 4px; color: var(--muted); overflow-wrap: anywhere; white-space: normal; }.artifact-meta { display: flex; flex-wrap: wrap; gap: 5px 9px; margin-top: 9px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 8px; }.artifact-meta > span { min-width: 0; overflow-wrap: anywhere; }.artifact-status { padding: 3px 5px; border: 1px solid transparent; border-radius: 3px; font-weight: 700; text-transform: uppercase; }.artifact-status.available { border-color: #b8d7c7; background: color-mix(in srgb, var(--green) 8%, var(--panel)); color: var(--green); }.artifact-status.unavailable { border-color: #e4c791; background: color-mix(in srgb, var(--orange) 8%, var(--panel)); color: var(--orange); }.artifact-status.expired { border-color: #e5b9b1; background: color-mix(in srgb, var(--red) 8%, var(--panel)); color: var(--red); }.artifact-info .artifact-provenance { margin-top: 7px; overflow-wrap: anywhere; line-height: 1.5; white-space: normal; }
.stream-window { margin-top: 15px; }
.terminal-preview { margin: 15px 0 10px; border: 1px solid #354740; border-radius: 6px; overflow: hidden; background: #101716; color: #b8d5c4; font-family: 'DM Mono', monospace; font-size: 9px; }
.terminal-head { padding: 8px 10px; border-bottom: 1px solid #354740; color: #d6e5dc; }.terminal-head .status-dot { width: 5px; height: 5px; margin-right: 5px; box-shadow: none; }.terminal-preview code { display: block; padding: 12px 10px; line-height: 1.7; }.terminal-muted { color: #728b80; }
.task-terminal-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }.terminal-preview[hidden] { display: none; }.terminal-head { display: flex; align-items: center; gap: 7px; }.terminal-head small { margin-left: auto; overflow: hidden; color: #728b80; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.terminal-preview #task-terminal-output { min-height: 220px; max-height: min(440px, 52vh); overflow: auto; margin: 0; padding: 13px 10px; border: 0; background: #101716; color: #b8d5c4; font: 9px/1.7 'DM Mono', monospace; white-space: pre-wrap; overflow-wrap: anywhere; }.terminal-input-form { display: flex; gap: 7px; padding: 9px; border-top: 1px solid #354740; }.terminal-input-form input { min-width: 0; flex: 1; padding: 8px 9px; border: 1px solid #354740; border-radius: 4px; background: #18211e; color: #d6e5dc; font: 9px 'DM Mono', monospace; }.terminal-input-form input::placeholder { color: #728b80; }.terminal-input-form button { padding: 8px 10px; font-size: 9px; }
.handoff-controls { display: grid; gap: 6px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }.handoff-controls .secondary-action { justify-self: start; padding: 9px 11px; font-size: 9px; }.handoff-session-link { color: var(--teal); font-size: 10px; font-weight: 800; }.handoff-controls small { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }
.assistant-launcher { position: fixed; right: 25px; bottom: 24px; z-index: 20; display: inline-flex; align-items: center; gap: 8px; padding: 12px 15px; border: 0; border-radius: 7px; color: white; background: var(--teal); box-shadow: 0 12px 30px rgba(21, 108, 105, .25); font-size: 11px; font-weight: 800; }.assistant-launcher:hover { transform: translateY(-2px); }.assistant-launcher span:first-child { font-size: 17px; line-height: .7; }
.assistant-drawer { position: fixed; right: 25px; bottom: 76px; z-index: 19; display: flex; flex-direction: column; width: min(380px, calc(100vw - 32px)); min-height: 430px; padding: 20px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); box-shadow: 0 24px 65px rgba(0, 0, 0, .18); }.assistant-drawer[hidden] { display: none; }.drawer-header { display: flex; justify-content: space-between; gap: 18px; }.drawer-header h2 { margin-bottom: 0; font-size: 21px; }.drawer-copy { margin: 13px 0 18px; color: var(--muted); font-size: 11px; line-height: 1.5; }.drawer-messages { flex: 1; }.drawer-prompts { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0; }.prompt-chip, .context-chip { padding: 7px 9px; border: 1px solid var(--line); border-radius: 5px; background: transparent; color: var(--muted); font-size: 9px; font-weight: 800; }.prompt-chip:hover, .context-chip:hover { border-color: var(--teal); color: var(--teal); }.chat-composer, .planner-input { display: flex; gap: 7px; }.chat-composer input, .planner-input input, .draft-fields textarea, .draft-fields select { width: 100%; border: 1px solid var(--line); border-radius: 5px; background: var(--paper); color: var(--ink); font: inherit; }.chat-composer input, .planner-input input { min-width: 0; padding: 10px; font-size: 10px; }.chat-composer .primary-action { padding: 9px 12px; font-size: 10px; }
.modal-backdrop { position: fixed; inset: 0; z-index: 30; display: grid; place-items: center; padding: 25px; background: rgba(8, 16, 14, .58); }.modal-backdrop[hidden] { display: none; }.task-draft { width: min(920px, 100%); max-height: min(720px, calc(100vh - 50px)); overflow: auto; padding: 25px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); box-shadow: 0 30px 90px rgba(0, 0, 0, .28); }.draft-header { display: flex; justify-content: space-between; gap: 25px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.draft-header h2 { margin-bottom: 8px; font-size: 27px; }.draft-header p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 11px; }.draft-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(290px, .95fr); gap: 25px; padding-top: 23px; }.draft-fields { display: grid; gap: 15px; align-content: start; }.draft-fields label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 800; }.draft-fields textarea, .draft-fields select { padding: 10px; resize: vertical; }.draft-fields textarea::placeholder, .chat-composer input::placeholder, .planner-input input::placeholder { color: var(--soft); }.draft-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.draft-links { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }.draft-links .eyebrow { width: 100%; margin-bottom: 0; }.draft-footer { display: flex; justify-content: flex-end; gap: 8px; padding-top: 6px; }.planner-pane { display: flex; flex-direction: column; min-height: 350px; padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: color-mix(in srgb, var(--teal) 4%, var(--panel)); }.planner-label { display: grid; grid-template-columns: 10px 1fr; align-items: center; column-gap: 7px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }.planner-label .status-dot { grid-row: span 2; width: 6px; height: 6px; margin: 0; box-shadow: none; }.planner-label strong { font-size: 11px; }.planner-label small { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.planner-messages { display: grid; gap: 10px; flex: 1; padding: 16px 0; }.planner-input button { padding: 9px 11px; font-size: 10px; }
@media (max-width: 680px) { .assistant-launcher { right: 16px; bottom: 16px; }.assistant-drawer { right: 16px; bottom: 68px; }.task-draft { padding: 18px; }.draft-layout { grid-template-columns: 1fr; }.planner-pane { min-height: 280px; }.draft-grid { grid-template-columns: 1fr; }.draft-footer { justify-content: stretch; }.draft-footer button { flex: 1; } }

.task-queue-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .8fr); gap: 42px; align-items: start; }.queue-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 21px; }.queue-summary { display: flex; align-items: baseline; gap: 7px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.queue-summary strong { margin-left: 9px; color: var(--ink); font-family: 'Manrope', sans-serif; font-size: 23px; letter-spacing: -.05em; }.queue-summary strong:first-child { margin-left: 0; }.queue-filter { padding: 7px 10px; border: 0; border-radius: 5px; background: transparent; color: var(--muted); font-size: 10px; font-weight: 800; }.queue-filter.is-selected { background: var(--panel); color: var(--ink); box-shadow: 0 2px 5px rgba(33, 54, 47, .07); }.queue-list { border-top: 1px solid var(--line); }.queue-row { display: grid; grid-template-columns: 82px minmax(0, 1.4fr) minmax(110px, .7fr) 70px 18px; align-items: center; gap: 14px; width: 100%; min-height: 78px; padding: 12px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }.queue-row[hidden] { display: none; }.queue-row:hover { padding-left: 12px; background: var(--panel); }.queue-row > span:nth-child(2), .queue-row b, .queue-row em { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.queue-row strong, .queue-row small { display: block; }.queue-row strong { color: var(--ink); font-size: 12px; }.queue-row small { margin-top: 5px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.queue-row b, .queue-row em { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; font-style: normal; font-weight: 500; }.queue-detail { position: sticky; top: 105px; }.queue-detail h2 { margin: 20px 0 10px; font-size: 19px; }.queue-copy { color: var(--muted); font-size: 11px; line-height: 1.6; }.queue-rules { display: grid; gap: 10px; margin: 22px 0; }.queue-rules div { display: grid; grid-template-columns: 9px 30px 1fr; align-items: center; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }.queue-rules .status-dot { width: 6px; height: 6px; margin: 0; box-shadow: none; }.queue-rules strong { font-size: 17px; }.queue-rules small { color: var(--muted); font-size: 9px; }
.machine-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }.machine-panel { padding: 20px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: 0 5px 15px rgba(33, 54, 47, .025); }.machine-panel-head { display: flex; align-items: center; gap: 11px; }.machine-panel-head > div { min-width: 0; flex: 1; }.machine-panel h2 { margin-bottom: 4px; font-size: 16px; }.machine-panel p { margin: 0; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.machine-status { padding: 5px 7px; border-radius: 99px; font-family: 'DM Mono', monospace; font-size: 9px; }.machine-status.live { background: #e9f8ee; color: var(--green); }.machine-status.ready { background: #e7f4f2; color: var(--teal); }.machine-status.offline { background: #e6e9e5; color: var(--muted); }.machine-status.failed { background: #fff0ed; color: var(--red); }.machine-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 24px 0 17px; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.machine-facts span, .machine-facts b { display: block; }.machine-facts span { color: var(--muted); font-size: 9px; }.machine-facts b { margin-bottom: 4px; color: var(--ink); font-family: 'DM Mono', monospace; font-size: 9px; }.machine-capabilities { display: flex; flex-wrap: wrap; gap: 5px; min-height: 27px; margin-bottom: 17px; }.machine-capabilities span { padding: 5px 7px; border-radius: 4px; background: #eef1ed; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 8px; }.machine-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }.machine-actions button { width: 100%; }.offline-machine { opacity: .8; }
.provider-layout, .deployment-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .8fr); gap: 42px; align-items: start; }.provider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }.provider-panel { display: block; width: 100%; min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: 0 5px 15px rgba(33, 54, 47, .025); text-align: left; }.provider-panel:hover, .provider-panel.is-selected { border-color: rgba(21, 108, 105, .55); box-shadow: var(--shadow); transform: translateY(-2px); }.provider-panel-head { display: flex; align-items: center; gap: 11px; }.provider-panel-head > div { min-width: 0; flex: 1; }.provider-panel h2 { margin-bottom: 4px; font-size: 16px; }.provider-panel p { margin: 0; overflow: hidden; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.provider-icon { display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 8px; background: #e7f4f2; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 13px; }.provider-icon.local { background: #f8ecdd; color: var(--orange); }.provider-icon.hosted { background: #eeeafa; color: var(--purple); }.provider-status, .deployment-status { padding: 5px 7px; border-radius: 99px; font-family: 'DM Mono', monospace; font-size: 9px; white-space: nowrap; }.provider-status.healthy, .deployment-status.passed { background: #e9f8ee; color: var(--green); }.provider-status.degraded, .deployment-status.active { background: #fff2e4; color: var(--orange); }.provider-status.offline, .provider-status.disabled, .deployment-status.failed { background: #e6e9e5; color: var(--muted); }.provider-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 24px 0 17px; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.provider-facts span, .provider-facts b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.provider-facts span { color: var(--muted); font-size: 9px; }.provider-facts b { margin-bottom: 4px; color: var(--ink); font-family: 'DM Mono', monospace; font-size: 9px; }.provider-budget { display: grid; gap: 8px; margin-bottom: 17px; }.provider-budget > div:first-child { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.provider-budget strong { color: var(--ink); font-weight: 500; }.provider-budget-bar { height: 5px; overflow: hidden; border-radius: 99px; background: #eaf0eb; }.provider-budget-bar span { display: block; height: 100%; border-radius: inherit; background: var(--teal); }.provider-capabilities { display: flex; flex-wrap: wrap; gap: 5px; min-height: 27px; }.provider-capabilities span { padding: 5px 7px; border-radius: 4px; background: #eef1ed; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 8px; }.provider-detail, .deployment-detail { position: sticky; top: 105px; }.provider-detail-title, .deployment-detail-title { display: flex; align-items: center; gap: 12px; padding: 20px 0 17px; border-bottom: 1px solid var(--line); }.provider-detail-title > div, .deployment-detail-title > div { min-width: 0; }.provider-detail-title h2, .deployment-detail-title h2 { margin-bottom: 6px; font-size: 19px; }.provider-detail-title p, .deployment-detail-title p { margin: 0; overflow: hidden; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.provider-detail .fact-grid, .deployment-detail .fact-grid { margin-top: 0; }.provider-detail .current-event, .deployment-detail .current-event { border-bottom: 1px solid var(--line); }.provider-detail .detail-section-heading, .deployment-detail .detail-section-heading { padding-top: 20px; }.provider-detail .detail-section-heading h2, .deployment-detail .detail-section-heading h2 { font-size: 16px; }.record-event-list { height: min(390px, 46vh); min-height: 160px; overflow-y: auto; margin-top: 14px; padding: 0 12px; border: 1px solid var(--line); border-radius: 7px; background: color-mix(in srgb, var(--teal) 2%, var(--panel)); scrollbar-color: var(--soft) transparent; }.record-event-list .event-row { padding: 12px 0; }.fact-status.passed { color: var(--green); }.fact-status.active { color: var(--orange); }.fact-status.failed { color: var(--red); }
.deployment-list { border-top: 1px solid var(--line); }.deployment-row { display: grid; grid-template-columns: minmax(150px, 1.2fr) minmax(150px, 1fr) minmax(150px, .9fr) minmax(170px, 1.2fr); align-items: center; gap: 18px; width: 100%; min-height: 94px; padding: 15px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }.deployment-row:hover, .deployment-row.is-selected { padding-left: 12px; background: var(--panel); box-shadow: 0 8px 24px rgba(33, 54, 47, .05); }.deployment-version strong, .deployment-version small, .deployment-machine strong, .deployment-machine small, .deployment-state small, .deployment-result strong, .deployment-result small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.deployment-version strong { margin-top: 8px; color: var(--ink); font-size: 15px; }.deployment-version small, .deployment-machine small, .deployment-state small, .deployment-result small { margin-top: 5px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.deployment-channel { display: inline-block; padding: 4px 6px; border-radius: 4px; background: #e7f4f2; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 8px; text-transform: uppercase; }.deployment-machine .eyebrow { margin-bottom: 5px; }.deployment-machine strong, .deployment-result strong { font-size: 10px; }.deployment-state small { margin-top: 8px; }.deployment-result strong { color: var(--ink); }
.small-dialog { width: min(560px, 100%); max-height: min(760px, calc(100vh - 50px)); overflow: auto; padding: 25px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); box-shadow: 0 30px 90px rgba(0, 0, 0, .28); }.simple-form { display: grid; gap: 15px; padding-top: 22px; }.simple-form label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 800; }.simple-form input, .simple-form select { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--paper); color: var(--ink); font: inherit; }.simple-form .draft-footer { margin-top: 2px; }.settings-note { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.settings-note code { color: var(--teal); font-family: 'DM Mono', monospace; font-size: .9em; }.enrollment-reveal { margin-top: 22px; padding: 14px; border: 1px solid #d4c79f; border-radius: 6px; background: #fffaf0; }.enrollment-reveal[hidden] { display: none; }.enrollment-reveal .panel-topline { align-items: center; }.enrollment-reveal .secondary-action { padding: 7px 9px; font-size: 9px; }.enrollment-token { overflow: auto; margin: 13px 0 10px; padding: 11px; border: 1px solid #d4c79f; border-radius: 4px; background: #fffdf7; color: var(--ink); font: 10px/1.5 'DM Mono', monospace; white-space: pre-wrap; overflow-wrap: anywhere; user-select: all; }.enrollment-reveal .settings-note { color: #6e6246; }.enrollment-history { margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--line); }.enrollment-history .detail-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 12px; }.enrollment-history .detail-section-heading h2 { margin: 5px 0 0; font-size: 16px; }.enrollment-list { margin-top: 12px; border-top: 1px solid var(--line); }.enrollment-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--line); }.enrollment-row > div { min-width: 0; }.enrollment-row strong, .enrollment-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.enrollment-row strong { color: var(--ink); font-size: 11px; }.enrollment-row small { margin-top: 4px; color: var(--muted); font: 8px 'DM Mono', monospace; text-transform: capitalize; }.enrollment-row .secondary-action { flex: 0 0 auto; padding: 7px 9px; font-size: 9px; }
@media (max-width: 1050px) { .task-queue-layout { grid-template-columns: 1fr; }.queue-detail { position: static; }.provider-layout, .deployment-layout { grid-template-columns: 1fr; }.provider-detail, .deployment-detail { position: static; }.machine-grid, .provider-grid { grid-template-columns: 1fr 1fr; }.deployment-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .account-menu { top: 52px; right: 5vw; }.queue-toolbar { display: block; }.queue-toolbar .filter-group { margin-top: 15px; }.queue-row { grid-template-columns: 75px minmax(0, 1fr) 18px; gap: 10px; }.queue-row b, .queue-row em { display: none; }.machine-grid, .provider-grid { grid-template-columns: 1fr; }.machine-facts, .provider-facts { gap: 4px; grid-template-columns: repeat(2, 1fr); }.deployment-row { grid-template-columns: 1fr; gap: 10px; }.deployment-state, .deployment-result { display: grid; grid-template-columns: max-content 1fr; align-items: center; gap: 8px; }.deployment-state small, .deployment-result small { margin-top: 0; }.small-dialog { padding: 18px; } }
@media (max-width: 1050px) { .task-detail-layout { grid-template-columns: 1fr; }.task-detail-aside { grid-template-columns: 1fr 1fr; }.task-detail-facts { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 680px) { .task-detail-header { margin-bottom: 28px; }.task-detail-heading { display: block; }.task-detail-actions { margin-top: 22px; }.task-detail-actions button { flex: 1; }.task-workspace { padding: 16px; }.task-detail-aside { grid-template-columns: 1fr; }.task-detail-facts { grid-template-columns: repeat(2, 1fr); }.full-evidence-grid { grid-template-columns: repeat(2, 1fr); }.artifact-policy { align-items: start; flex-direction: column; }.artifact-row { grid-template-columns: 35px minmax(0, 1fr); }.artifact-row > button { grid-column: 2; justify-self: start; }.full-panel-actions { align-items: stretch; flex-direction: column; }.full-panel-actions button { width: 100%; } }
@media (max-width: 680px) { .artifact-row > .icon-button { grid-column: 2; justify-self: start; } }

.archive-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .8fr); gap: 42px; align-items: start; }.archive-list { border-top: 1px solid var(--line); }.archive-heading, .archive-row { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(110px, .7fr) minmax(95px, .55fr); align-items: center; gap: 16px; }.archive-heading { min-height: 38px; color: var(--soft); font-family: 'DM Mono', monospace; font-size: 9px; text-transform: uppercase; }.archive-row { width: 100%; min-height: 78px; padding: 12px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }.archive-row:hover { padding-left: 12px; background: var(--panel); box-shadow: 0 8px 24px rgba(0, 0, 0, .07); }.archive-row strong, .archive-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.archive-row strong { color: var(--ink); font-size: 12px; }.archive-row small { margin-top: 6px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; }.archive-row b { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 9px; font-weight: 500; }.archive-row em { font-size: 10px; font-style: normal; font-weight: 800; }.archive-good { color: var(--green); }.archive-warn { color: var(--orange); }.archive-detail { position: sticky; top: 105px; }.archive-detail h2 { margin: 20px 0 10px; font-size: 19px; }.archive-copy { color: var(--muted); font-size: 11px; line-height: 1.6; }.retention-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 22px 0; }.retention-list div { padding: 11px 7px; border-top: 1px solid var(--line); }.retention-list strong, .retention-list span { display: block; }.retention-list strong { font-size: 20px; letter-spacing: -.04em; }.retention-list span { margin-top: 4px; color: var(--muted); font-size: 9px; }
@media (max-width: 1050px) { .archive-layout { grid-template-columns: 1fr; }.archive-detail { position: static; } }
@media (max-width: 680px) { .archive-heading { display: none; }.archive-row { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }.archive-row b { display: none; }.archive-layout { gap: 45px; } }

.docs-meta { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 10px; }
.docs-layout { display: grid; grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr); gap: 42px; align-items: start; }
.docs-index { position: sticky; top: 105px; border-top: 1px solid var(--line); }
.docs-count { color: var(--soft); font-family: 'DM Mono', monospace; font-size: 10px; }
.docs-list { display: grid; }
.docs-nav-item { display: grid; gap: 7px; width: 100%; padding: 16px 12px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }
.docs-nav-item:hover, .docs-nav-item.is-selected { background: var(--panel); color: var(--teal); }
.docs-nav-item strong { font-size: 12px; }
.docs-nav-item small { color: var(--muted); font-size: 10px; line-height: 1.5; }
.docs-article { min-width: 0; max-width: 900px; padding-bottom: 40px; }
.docs-article h1 { max-width: none; margin: 0 0 18px; font-size: 38px; }
.docs-article h2 { margin: 38px 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line); font-size: 23px; }
.docs-article h3 { margin: 25px 0 8px; font-size: 16px; }
.docs-article p, .docs-article li { color: var(--ink); font-size: 13px; line-height: 1.75; }
.docs-article ul, .docs-article ol { padding-left: 24px; }
.docs-article li + li { margin-top: 6px; }
.docs-article a { color: var(--teal); font-weight: 700; }
.docs-article code { padding: 2px 4px; border-radius: 3px; background: #edf1ed; color: var(--teal); font-family: 'DM Mono', monospace; font-size: .9em; }
.docs-article pre { overflow: auto; margin: 18px 0; padding: 16px; border: 1px solid var(--line); border-radius: 7px; background: #e9eeea; }
.docs-article pre code { padding: 0; background: transparent; color: var(--ink); font-size: 11px; line-height: 1.65; }
.docs-article pre.mermaid { min-height: 120px; color: var(--ink); font-family: 'DM Mono', monospace; font-size: 11px; line-height: 1.6; white-space: pre; }
.mermaid-diagram { overflow: auto; margin: 18px 0; padding: 20px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); }
.mermaid-diagram svg { display: block; width: max-content; min-width: min(100%, 520px); max-width: 100%; height: auto; margin: 0 auto; }
.docs-article pre.mermaid.is-error { border-color: #e7b8a4; background: #fff8f3; }
.docs-article blockquote { margin: 18px 0; padding: 2px 18px; border-left: 3px solid var(--teal); color: var(--muted); }
.docs-article blockquote p { color: var(--muted); }
.docs-article table { display: block; overflow-x: auto; width: 100%; margin: 18px 0; border-collapse: collapse; font-size: 11px; }
.docs-article th, .docs-article td { min-width: 120px; padding: 9px 11px; border: 1px solid var(--line); text-align: left; vertical-align: top; line-height: 1.5; }
.docs-article th { background: #edf1ed; font-family: 'DM Mono', monospace; font-size: 10px; }
.docs-empty { padding: 40px 0; color: var(--muted); }
.docs-empty h2 { margin: 0 0 10px; border: 0; }
.docs-empty p { margin: 0; }
html[data-theme="dark"] .docs-nav-item:hover, html[data-theme="dark"] .docs-nav-item.is-selected { background: #24312e; }
html[data-theme="dark"] .enrollment-reveal { border-color: #75643d; background: #302b20; }
html[data-theme="dark"] .enrollment-token { border-color: #75643d; background: #24221b; color: var(--ink); }
html[data-theme="dark"] .enrollment-reveal .settings-note { color: #d0bd84; }
html[data-theme="dark"] .docs-article code { background: #24312e; }
html[data-theme="dark"] .docs-article pre, html[data-theme="dark"] .docs-article th, html[data-theme="dark"] .mermaid-diagram { background: #202c29; }
html[data-theme="dark"] .docs-article pre.mermaid.is-error { border-color: #754b48; background: #302522; }
@media (max-width: 1050px) { .docs-layout { grid-template-columns: 1fr; }.docs-index { position: static; }.docs-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }.docs-nav-item { border-right: 1px solid var(--line); } }
@media (max-width: 680px) { .docs-layout { gap: 35px; }.docs-list { grid-template-columns: 1fr; }.docs-nav-item { border-right: 0; }.docs-article h1 { font-size: 32px; }.docs-article h2 { font-size: 21px; }.docs-meta { display: block; margin-top: 18px; } }
.machine-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .8fr); gap: 42px; align-items: start; }.machine-panel[data-machine-id] { cursor: pointer; }.machine-panel:hover, .machine-panel.is-selected { border-color: rgba(21, 108, 105, .55); box-shadow: var(--shadow); transform: translateY(-2px); }.machine-detail { position: sticky; top: 105px; }.machine-detail-title { display: flex; align-items: center; gap: 12px; padding: 20px 0 17px; border-bottom: 1px solid var(--line); }.machine-detail-title > div { min-width: 0; }.machine-detail-title h2 { margin-bottom: 6px; font-size: 19px; }.machine-detail-title p { margin: 0; overflow: hidden; color: var(--teal); font-family: 'DM Mono', monospace; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.machine-detail .fact-grid { margin-top: 0; }.machine-detail-actions { display: flex; justify-content: flex-end; padding-top: 15px; }.machine-detail-actions button[hidden] { display: none; }.machine-detail .detail-section-heading { padding-top: 20px; }.machine-detail .detail-section-heading h2 { font-size: 16px; }.machine-status.requested { background: #fff2e4; color: var(--orange); }
@media (max-width: 1050px) { .machine-layout { grid-template-columns: 1fr; }.machine-detail { position: static; } }