@layer reset, tokens, layout, components, responsive;
@layer reset {
  * { box-sizing:border-box; }
  body { margin:0; }
  button,input,select,textarea { font:inherit; }
  button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
  button { cursor:pointer; }
  button:disabled { cursor:not-allowed; opacity:.45; }
  a { color:inherit; }
  svg { width:19px; height:19px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
  h1,h2,h3,p { margin:0; }
  :focus-visible { outline:2px solid #c1c8d6; outline-offset:4px; }
  [hidden] { display:none!important; }
}
@layer tokens {
  :root { color-scheme:dark; --void:#0c0d0f; --rail:#101113; --surface:#121416; --raised:#191b1e; --hover:#202226; --line:#25272b; --ink:#ededef; --muted:#979ba4; --quiet:#686e78; --white:#ededf0; --warn:#e9bc76; --danger:#ee9a9f; --safe:#a2b9ac; --radius:10px; --ease:cubic-bezier(.2,.8,.2,1); }
  body { background:var(--void); color:var(--ink); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; line-height:1.55; -webkit-font-smoothing:antialiased; }
  .mono,code,pre,.eyebrow { font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
  h1 { font-size:29px; font-weight:550; letter-spacing:-1.1px; line-height:1.25; text-wrap:balance; }
  h2 { font-size:15px; font-weight:550; letter-spacing:-.2px; }
  h3 { font-size:14px; font-weight:550; }
  .muted { color:var(--muted); }
  .quiet { color:var(--quiet); }
  .small-copy { font-size:11px; line-height:1.9; }
  .eyebrow { font-size:10px; text-transform:uppercase; letter-spacing:1.8px; color:var(--quiet); }
  .mono { font-size:12px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
}
@layer layout {
  .app { min-height:100dvh; display:grid; grid-template-columns:226px minmax(0,1fr); }
  .rail { background:var(--rail); border-right:1px solid var(--line); padding:30px 16px 18px; position:sticky; top:0; height:100dvh; display:flex; flex-direction:column; }
  .brand { display:flex; gap:12px; align-items:center; padding:0 10px 28px; }
  .brand-mark { width:34px; height:34px; border-radius:9px; background:var(--white); color:#111; display:grid; place-items:center; font-weight:800; font-size:23px; letter-spacing:-2px; }
  .brand strong { font-size:13px; letter-spacing:2.5px; font-weight:650; }
  .brand small { display:block; font-size:10px; color:var(--quiet); letter-spacing:.35px; }
  .rail .eyebrow { padding:18px 12px 10px; }
  .nav { display:grid; gap:5px; }
  .nav button { display:flex; align-items:center; gap:11px; height:42px; padding:0 12px; border:0; color:var(--muted); text-align:left; background:transparent; border-radius:7px; font-size:12px; }
  .nav button:hover { background:var(--raised); color:var(--ink); }
  .nav button[aria-current=page] { color:var(--ink); background:#27292d; }
  .nav .count { margin-left:auto; font-size:10px; background:var(--void); padding:1px 6px; border-radius:4px; color:var(--muted); }
  .rail-bottom { margin-top:auto; }
  .policy { margin:24px 7px 20px; border:1px solid var(--line); padding:13px; border-radius:8px; }
  .policy svg { width:15px; height:15px; }
  .policy p { display:flex; gap:7px; align-items:center; font-size:11px; color:#c4c7cd; }
  .policy small { display:block; margin-top:7px; color:var(--quiet); font-size:10px; line-height:1.6; }
  .owner { border-top:1px solid var(--line); padding:17px 8px 0; display:flex; gap:10px; align-items:center; }
  .avatar { border:1px solid #363941; width:29px; height:29px; border-radius:7px; display:grid; place-items:center; font-size:10px; color:#cdd0d5; }
  .owner strong { font-size:11px; font-weight:500; }
  .owner small { display:block; color:var(--quiet); font-size:10px; }
  .main { min-width:0; }
  .topbar { height:69px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 36px; gap:14px; }
  .breadcrumb { color:var(--quiet); display:flex; align-items:center; gap:12px; font-size:11px; }
  .breadcrumb span:last-child { color:#b3b6bd; }
  .top-actions { display:flex; gap:14px; align-items:center; }
  .live { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:10px; }
  .live::before { content:""; width:5px; height:5px; background:var(--safe); border-radius:50%; }
  .live.error::before { background:var(--danger); }
  .content { max-width:1530px; margin:auto; padding:37px 36px 24px; }
  .page-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:30px; }
  .page-heading .eyebrow { margin-bottom:9px; }
  .page-heading p { color:var(--muted); font-size:12px; margin-top:9px; max-width:670px; }
  .columns { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr); gap:20px; }
  .stack { display:grid; gap:20px; align-content:start; }
  .footer { display:flex; justify-content:space-between; gap:14px; margin-top:28px; border-top:1px solid var(--line); padding-top:16px; color:var(--quiet); font-size:10px; }
  .boot { grid-column:1/-1; min-height:100dvh; display:flex; gap:18px; align-items:center; justify-content:center; color:var(--muted); }
}
@layer components {
  .button { min-height:38px; border-radius:7px; padding:8px 13px; display:inline-flex; gap:8px; align-items:center; justify-content:center; background:var(--raised); border:1px solid #303238; color:var(--ink); font-size:11px; font-weight:500; text-decoration:none; white-space:nowrap; transition:background .15s,transform .15s var(--ease); }
  .button:hover { background:#25282d; }
  .button:active { transform:scale(.98); }
  .button.primary { background:var(--white); color:#151619; border-color:var(--white); }
  .button.primary:hover { background:white; }
  .button.danger { color:var(--danger); }
  .button.ghost { background:transparent; border-color:transparent; }
  .icon-button { padding:8px; width:36px; height:36px; }
  .button svg { width:15px; height:15px; }
  .link-button { color:var(--muted); background:none; border:0; font-size:11px; padding:7px 0; display:inline-flex; gap:8px; align-items:center; }
  .link-button:hover { color:var(--ink); }
  .link-button svg { width:14px; height:14px; }
  .stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:26px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
  .stat { padding:21px 23px; border-right:1px solid var(--line); }
  .stat:last-child { border:0; }
  .stat-label { font-size:11px; color:var(--muted); display:flex; justify-content:space-between; gap:8px; }
  .stat-label svg { width:14px; height:14px; color:var(--quiet); }
  .stat-value { margin-top:15px; font-size:30px; letter-spacing:-1.5px; font-variant-numeric:tabular-nums; line-height:1; }
  .stat-note { margin-top:10px; font-size:10px; color:var(--quiet); }
  .panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; min-width:0; }
  .panel-head { padding:18px 21px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); }
  .panel-head h2 { font-size:12px; }
  .panel-body { padding:21px; }
  .panel-head small { font-size:10px; color:var(--quiet); }
  .tag { display:inline-flex; align-items:center; gap:5px; border:1px solid #34363c; padding:2px 7px; border-radius:5px; font-size:9px; font-family:monospace; letter-spacing:.3px; color:#b6bac1; white-space:nowrap; }
  .tag.warn { color:var(--warn); border-color:#59472f; background:#241e16; }
  .tag.red { color:var(--danger); border-color:#58353a; background:#25191c; }
  .tag.safe { color:var(--safe); border-color:#35453c; background:#16201b; }
  .empty { padding:35px 25px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; }
  .empty-symbol { width:58px; height:58px; background:var(--raised); border:1px solid #303238; border-radius:15px; display:grid; place-items:center; margin-bottom:3px; }
  .empty-symbol svg { width:25px; height:25px; color:#a0a6af; }
  .empty h3 { font-size:13px; }
  .empty p { max-width:370px; color:var(--muted); font-size:11px; line-height:1.8; }
  .empty .button { margin-top:5px; }
  .engine-map { min-height:197px; display:grid; place-items:center; position:relative; background:radial-gradient(ellipse at center,#20232855,transparent 70%); }
  .engine-map svg { width:100%; height:190px; stroke:#464b55; stroke-width:1; }
  .engine-map text { fill:#a4aab4; stroke:none; font:9px monospace; letter-spacing:1px; }
  .engine-map .core { fill:#191c20; stroke:#737b88; }
  .engine-map .core-text { fill:#e4e7ed; font-size:11px; letter-spacing:2px; }
  .engine-map .node { fill:#131517; stroke:#373d45; }
  .engine-meta { display:grid; gap:0; }
  .meta-row { display:flex; justify-content:space-between; gap:18px; padding:12px 0; font-size:11px; border-bottom:1px solid var(--line); }
  .meta-row:last-child { border:0; }
  .meta-row span:first-child { color:var(--muted); }
  .meta-row span:last-child { text-align:right; }
  .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:18px 10px; padding:22px; }
  .step { font-size:10px; color:var(--quiet); display:grid; gap:8px; }
  .step span { width:22px; height:22px; border:1px solid #34363b; border-radius:50%; display:grid; place-items:center; font-size:9px; }
  .step.current { color:var(--ink); }
  .step.current span { background:#e5e6e8; color:#111; border-color:#e5e6e8; }
  .step.done span { color:var(--ink); border-color:#626873; }
  .progress-line { padding:0 22px 20px; }
  progress { width:100%; height:3px; border:0; appearance:none; background:#292c31; border-radius:4px; overflow:hidden; }
  progress::-webkit-progress-bar { background:#292c31; }
  progress::-webkit-progress-value { background:#afb6c2; transition:width .4s; }
  progress::-moz-progress-bar { background:#afb6c2; }
  .note { display:flex; gap:11px; padding:14px 17px; background:#141619; border:1px solid var(--line); border-radius:8px; color:var(--muted); font-size:11px; line-height:1.75; margin:22px 0; }
  .note svg { color:var(--quiet); width:17px; height:17px; margin-top:2px; }
  .toolbar { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom:18px; flex-wrap:wrap; }
  .filters { display:flex; gap:6px; flex-wrap:wrap; }
  .filter { padding:6px 11px; border-radius:6px; border:1px solid transparent; background:none; color:var(--muted); font-size:11px; min-height:34px; }
  .filter[aria-pressed=true] { background:var(--raised); border-color:#373a40; color:var(--ink); }
  .filter:hover { color:white; }
  .table-wrap { overflow:auto; }
  table { border-collapse:collapse; width:100%; text-align:left; }
  th { color:var(--quiet); font-size:9px; font-weight:500; letter-spacing:.5px; text-transform:uppercase; background:#141619; }
  td,th { padding:14px 20px; border-bottom:1px solid var(--line); }
  td { font-size:11px; vertical-align:middle; }
  tr:last-child td { border:0; }
  tbody tr:hover { background:#181a1e; }
  .table-title { display:block; background:none; color:var(--ink); border:0; padding:0; text-align:left; font-size:12px; font-weight:500; }
  .table-title:hover { text-decoration:underline; }
  .subline { display:block; color:var(--quiet); font-size:10px; margin-top:4px; max-width:420px; overflow-wrap:anywhere; }
  .row-actions { display:flex; gap:7px; align-items:center; justify-content:flex-end; }
  .run-select { max-width:290px; min-height:36px; background:var(--surface); color:var(--muted); border:1px solid var(--line); border-radius:6px; padding:7px 30px 7px 11px; font-size:11px; }
  .log { font-family:monospace; font-size:10px; padding:15px 20px; line-height:1.9; max-height:310px; overflow:auto; }
  .log-line { display:grid; grid-template-columns:65px 1fr; gap:12px; padding:4px 0; }
  .log time { color:var(--quiet); }
  .log .error { color:var(--danger); }
  .coverage-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
  .coverage-item { padding:14px 0; border-bottom:1px solid var(--line); min-width:0; }
  .coverage-item header { display:flex; gap:10px; align-items:center; justify-content:space-between; margin-bottom:6px; }
  .coverage-item h3 { font-size:11px; }
  .coverage-item p { color:var(--quiet); font-size:10px; line-height:1.7; }
  .report-list { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; }
  .report-file { display:flex; gap:10px; align-items:center; border-bottom:1px solid var(--line); padding:13px 0; font-size:10px; color:var(--muted); }
  .report-file svg { width:15px; height:15px; color:var(--quiet); }
  .report-file .mono { font-size:10px; }
  .tool-status { font-size:11px; color:var(--muted); }
  .error-banner { border:1px solid #58353a; background:#24191c; padding:13px 17px; font-size:11px; color:var(--danger); border-radius:7px; margin-bottom:20px; }
  .skip { position:fixed; left:16px; top:-70px; background:white; color:black; padding:12px; z-index:20; }
  .skip:focus { top:15px; }
  dialog { border:1px solid #393c43; border-radius:14px; background:#141619; color:var(--ink); padding:0; width:min(620px,calc(100vw - 30px)); max-height:90dvh; overflow:auto; box-shadow:0 30px 100px #0009; }
  dialog::backdrop { background:#0009; backdrop-filter:blur(4px); }
  dialog[open] { animation:surface-in .18s var(--ease); }
  .dialog-header { padding:22px 26px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:start; gap:20px; position:sticky; top:0; background:#141619; z-index:1; }
  .dialog-header h2 { font-size:18px; letter-spacing:-.4px; }
  .dialog-header p { font-size:11px; color:var(--muted); margin-top:7px; }
  .dialog-body { padding:24px 26px; }
  .dialog-footer { padding:18px 26px; display:flex; justify-content:flex-end; gap:10px; border-top:1px solid var(--line); }
  .field { display:grid; gap:7px; margin-bottom:18px; }
  .field label,.field-label { font-size:11px; color:#c6c9cf; }
  .field small { color:var(--quiet); font-size:10px; }
  .field input,.field textarea,.field select { width:100%; border:1px solid #383b42; background:#0f1113; color:var(--ink); border-radius:6px; padding:10px 12px; min-height:42px; font-size:12px; }
  .field textarea { resize:vertical; min-height:80px; }
  .field input:focus,.field textarea:focus,.field select:focus { border-color:#9ca5b4; }
  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
  .check { display:flex; gap:10px; font-size:11px; color:#b5b9c2; line-height:1.8; align-items:start; margin:15px 0; cursor:pointer; }
  .check input { margin-top:4px; width:16px; height:16px; accent-color:#cdd1d8; flex-shrink:0; }
  .form-error { color:var(--danger); font-size:11px; line-height:1.8; margin-bottom:13px; }
  #detail-dialog { width:min(820px,calc(100vw - 30px)); }
  .detail-block { padding:17px 0; border-bottom:1px solid var(--line); }
  .detail-block h3 { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.8px; margin-bottom:9px; }
  .detail-block p { font-size:12px; color:#c4c8d0; line-height:1.9; white-space:pre-wrap; }
  pre { background:#0c0e10; border:1px solid var(--line); border-radius:7px; padding:17px; overflow:auto; font-size:11px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
  .notice { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); background:#eceef1; color:#141619; border-radius:8px; font-size:12px; padding:12px 20px; max-width:calc(100vw - 30px); z-index:40; box-shadow:0 8px 30px #0005; }
  .notice:empty { display:none; }
  .mobile-menu { display:none; }
  .welcome-label { display:inline-flex; align-items:center; gap:6px; margin-bottom:13px; }
  .welcome-label svg { width:13px; height:13px; }
  .welcome { padding:28px; }
  .welcome h2 { font-size:20px; letter-spacing:-.5px; margin-bottom:10px; }
  .welcome p { font-size:12px; color:var(--muted); max-width:470px; line-height:1.9; }
  .welcome-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:21px; }
  .session-title { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:21px; }
  .session-title h3 { font-size:15px; }
  .run-target { margin-top:8px; font-size:11px; color:var(--muted); }
  .run-summary { display:flex; gap:12px; flex-wrap:wrap; padding:0 21px 19px; }
  .run-summary span { font-size:10px; color:var(--quiet); }
  @keyframes surface-in { from { opacity:0; transform:translateY(6px) scale(.99); } to { opacity:1; transform:none; } }
}
@layer responsive {
  @media(min-width:1600px) { .content { padding-top:48px; } .columns { gap:26px; } }
  @media(max-width:1150px) { .app { grid-template-columns:200px minmax(0,1fr); } .content { padding:28px 25px; } .topbar { padding:0 25px; } .columns { grid-template-columns:1fr; } .stat { padding:18px 15px; } .stat-label { font-size:10px; } .stats { margin-bottom:20px; } }
  @media(max-width:760px) { .app { display:block; } .rail { display:none; } .rail.is-open { display:flex; position:fixed; width:240px; z-index:9; box-shadow:30px 0 100px #000b; } .topbar { height:60px; padding:0 18px; } .breadcrumb { gap:8px; font-size:10px; } .breadcrumb>span:first-of-type { display:none; } .mobile-menu { display:inline-flex; } .top-actions { gap:5px; } .live { font-size:9px; } .live .live-extra { display:none; } .content { padding:25px 18px; } .page-heading { align-items:start; gap:16px; margin-bottom:24px; } .page-heading>.button { font-size:0; width:39px; height:39px; padding:0; } .page-heading>.button svg { width:18px; height:18px; } h1 { font-size:25px; } .page-heading p { font-size:11px; } .stats { grid-template-columns:1fr 1fr; } .stat { padding:17px; } .stat:nth-child(2) { border-right:0; } .stat:nth-child(-n+2) { border-bottom:1px solid var(--line); } .stat-value { font-size:26px; margin-top:11px; } .stat-note { font-size:9px; } .panel-head,.panel-body { padding:17px; } .welcome { padding:23px 20px; } .welcome h2 { font-size:18px; } .steps { padding:19px; gap:19px 8px; } .step { font-size:9px; } .report-list,.coverage-grid { grid-template-columns:1fr; } .footer { font-size:9px; flex-direction:column; gap:5px; } .form-row { grid-template-columns:1fr; gap:0; } .dialog-body,.dialog-header { padding:20px; } .dialog-footer { padding:17px 20px; } td,th { padding:12px 14px; } .run-select { max-width:100%; } .toolbar { align-items:stretch; } .toolbar .run-select { width:100%; } .row-actions { flex-wrap:wrap; } .mobile-hide { display:none; } }
  @media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
}

/* Dependency inventory uses the established CZ panels and semantic states. */
.dependency-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.dependency-summary>div{border-left:1px solid var(--border,#252c36);padding-left:16px;display:flex;flex-direction:column;gap:5px}
.dependency-summary strong{font:600 32px Rajdhani,sans-serif;line-height:1.1}
.dependency-summary span{color:var(--muted,#929ba9);font-size:12px}
.dependency-coordinate{padding:20px 0;border-top:1px solid var(--border,#252c36)}
.dependency-coordinate h3{font-size:14px;margin:0;overflow-wrap:anywhere}
.dependency-coordinate .toolbar{flex-wrap:wrap;gap:10px}
.dependency-advisory{margin-top:10px;padding:12px 14px;border:1px solid var(--border,#252c36);border-radius:8px;background:rgba(255,255,255,.015)}
.dependency-advisory summary{cursor:pointer;line-height:1.6;overflow-wrap:anywhere}
.dependency-advisory summary .quiet{font-size:12px}
.dependency-graph p{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border,#252c36);overflow-wrap:anywhere}
.dependency-graph svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
@media(max-width:600px){.dependency-summary{gap:10px}.dependency-summary>div{padding-left:9px}.dependency-summary strong{font-size:26px}.dependency-summary span{font-size:11px}.dependency-coordinate .toolbar{align-items:flex-start}.dependency-graph p{flex-wrap:wrap}}

.dependency-table table{min-width:640px}
.dependency-table-hint{display:none;padding:0 17px}
@media(max-width:760px){.dependency-table-hint{display:block}}

/* Cartography shares the established CZ inventory and evidence patterns. */
.rail{overflow-y:auto;scrollbar-width:thin}
.rail>.brand,.rail>.nav,.rail>.eyebrow,.rail-bottom{flex-shrink:0}
.surface-table table{min-width:720px}
.surface-filters{display:flex;flex-wrap:wrap;gap:6px;padding-top:0}
.surface-filters [aria-pressed=true]{background:var(--hover);color:var(--ink);border-color:var(--line)}
.lab-controls{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:20px 0}
.lab-controls .field{flex:1;min-width:200px;margin:0}
.scope-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);background:var(--raised);border-radius:7px;font-size:10px;letter-spacing:.5px;margin:18px 0}
.lab-actors{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.surface-plan,.surface-links{display:grid;gap:10px;margin:16px 0}
.surface-plan article,.surface-links article{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere}
.surface-plan article>span,.surface-plan code{color:var(--muted);font-size:11px}
.surface-links article{grid-template-columns:minmax(0,1fr) minmax(140px,.7fr) minmax(0,1fr);align-items:center}
.surface-links small{color:var(--muted);font-size:10px;text-align:center}
.surface-history .meta-row{gap:16px;flex-wrap:wrap}
@media(max-width:760px){.lab-controls{align-items:stretch}.lab-controls>.button{width:100%}.surface-links article{grid-template-columns:1fr}.surface-links small{text-align:left}.scope-banner{align-items:flex-start}.surface-history .meta-row{align-items:flex-start}}

@media(min-width:761px) and (max-height:900px){.rail{padding-top:24px}.rail>.brand{padding-bottom:18px}.rail .policy{margin:18px 7px 14px;padding:10px}.rail .policy small{display:none}}

.dynamic-controls{display:grid;grid-template-columns:minmax(200px,1fr) minmax(120px,180px) auto;align-items:end;gap:14px;margin:20px 0}
.dynamic-controls .field{margin:0}.dynamic-health{margin:22px 0}.dynamic-health>.engine-meta{margin-top:15px}
.health-chart{margin:18px 0;border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--void)}
.health-chart svg{display:block;width:100%;height:auto;fill:none;stroke:none}
.health-chart text{fill:var(--muted);font:10px ui-monospace,monospace;stroke:none}.health-axis{stroke:var(--line)}.health-threshold{stroke:var(--warn);stroke-dasharray:4 4}.health-bar{fill:#9ba4b1}.health-slow{fill:var(--danger)}
@media(max-width:900px){.dynamic-controls{grid-template-columns:1fr 140px}.dynamic-controls>.row-actions{grid-column:1/-1}}
@media(max-width:600px){.dynamic-controls{grid-template-columns:1fr}.dynamic-controls>.row-actions>.button{width:100%}.health-chart{padding:4px}}
@media(min-width:761px) and (max-height:900px){.rail .nav{gap:3px}.rail .nav button{height:38px}}

.cause-path{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}.cause-path li{display:flex;gap:16px;padding:12px 16px;border-left:2px solid var(--border,#252c36);background:rgba(255,255,255,.02)}.cause-path li>span{min-width:42px;color:var(--muted)}.cause-path li small{display:block;margin-top:4px}.cause-table table{min-width:720px}.cause-table small{display:block;margin-top:6px}#cause-review-form fieldset{border:1px solid #252c36;border-radius:6px;padding:12px;display:grid;gap:10px}#cause-review-form legend{padding:0 6px;color:#aeb7c5;font-size:12px}#cause-review-form .check{margin:0;display:flex;align-items:center;gap:8px;font-size:13px}#cause-review-form input[type=checkbox]{width:16px;height:16px;accent-color:#ddd}#cause-error{color:#e7a5a5;margin:0}