/* Shared first-arrival case: same story, room for thumbs and keyboards. */
#triage.triage-dialog{--triage-bg:#12161c;--triage-text:#eeeef3;--triage-muted:#a7aebc;--triage-line:#303640;--triage-pink:#ff79b6;--triage-green:#b9e889;--triage-edge:16px;--triage-safe-top:env(safe-area-inset-top,0px);--triage-safe-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;width:min(720px,calc(100vw - 32px));max-width:720px;max-height:calc(var(--triage-viewport-height,var(--app-height,100dvh)) - var(--triage-edge)*2 - var(--triage-safe-top) - var(--triage-safe-bottom));position:fixed;inset-inline:0;top:calc(var(--triage-viewport-top,0px) + var(--triage-viewport-height,var(--app-height,100dvh))/2 + var(--triage-safe-top)/2 - var(--triage-safe-bottom)/2);bottom:auto;margin:0 auto;transform:translateY(-50%);padding:28px;border:1px solid var(--triage-line);border-radius:20px;background:var(--triage-bg);color:var(--triage-text);box-shadow:0 30px 120px #0009;overflow:hidden;font:14px/1.55 Open,system-ui,sans-serif}
#triage.triage-dialog[open]{display:flex;flex-direction:column;gap:16px}
.triage-dialog .triage-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px;margin:-2px}
.triage-dialog .triage-body:focus-visible{outline:1px solid var(--triage-pink);outline-offset:0}
[data-palette=paper] #triage.triage-dialog{--triage-bg:#faf8f3;--triage-text:#24232a;--triage-muted:#65626f;--triage-line:#d8d4dc;--triage-pink:#af2766;--triage-green:#436823}
#triage.triage-dialog::backdrop{background:#06090dbb;backdrop-filter:blur(9px)}
.triage-dialog .triage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0;flex:none}
.triage-dialog .triage-kicker,.triage-dialog .triage-case{font:9px/1.6 ui-monospace,monospace;letter-spacing:1px;color:var(--triage-muted)}
.triage-dialog .triage-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--triage-line);border-radius:12px;background:transparent;color:var(--triage-muted);font:26px/1 system-ui;cursor:pointer}
.triage-dialog .triage-alert{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--triage-pink) 35%,transparent);border-radius:8px;background:color-mix(in srgb,var(--triage-pink) 5%,transparent);color:var(--triage-pink);font:10px/1.6 ui-monospace,monospace}
.triage-dialog .triage-alert i{width:5px;height:5px;flex:none;background:currentColor;border-radius:50%;box-shadow:0 0 12px currentColor}
.triage-dialog .triage-alert small{margin-left:auto;font:8px ui-monospace,monospace;color:var(--triage-muted)}
.triage-dialog .triage-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0}
.triage-dialog .triage-heading h2{font:600 clamp(25px,4vw,36px)/1.2 Open,system-ui;letter-spacing:-1.2px;margin:9px 0;color:var(--triage-text)}
.triage-dialog .triage-heading p{margin:0;color:var(--triage-muted);font-size:12px}
.triage-dialog .triage-heading .triage-case{font-size:9px}
.triage-dialog .triage-pulse{font:48px/1 system-ui;color:var(--triage-pink)}
.triage-dialog .triage-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border:1px solid var(--triage-line);border-radius:12px;overflow:hidden}
.triage-dialog .triage-signals>div{padding:12px 14px;min-width:0;border-bottom:1px solid var(--triage-line)}
.triage-dialog .triage-signals>div:nth-child(odd){border-right:1px solid var(--triage-line)}
.triage-dialog .triage-signals>div:nth-last-child(-n+2){border-bottom:0}
.triage-dialog dt{font:8px/1.4 ui-monospace,monospace;letter-spacing:1px;color:var(--triage-muted)}
.triage-dialog dd{margin:5px 0 0;font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--triage-text)}
.triage-dialog .triage-pipeline{margin:17px 0}
.triage-dialog .triage-pipeline p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:6px 0;font:10px/1.6 ui-monospace,monospace;color:var(--triage-muted)}
.triage-dialog .triage-pipeline b{font-weight:400;text-align:right;color:var(--triage-text)}
.triage-dialog .triage-pipeline .complete b{color:var(--triage-green)}
.triage-dialog .triage-verdict{border-top:1px solid var(--triage-line);padding:17px 0 10px;min-height:60px}
.triage-dialog .triage-verdict>span{font:600 15px/1.5 ui-monospace,monospace;letter-spacing:1px;color:var(--triage-muted)}
.triage-dialog[data-phase=verdict] .triage-verdict>span{color:var(--triage-green)}
.triage-dialog .triage-verdict p{font-size:12px;color:var(--triage-muted);margin:6px 0}
.triage-dialog .triage-bottom{display:flex;gap:16px;align-items:center;justify-content:space-between;flex:none}
.triage-dialog .triage-bottom>span{font:9px/1.6 ui-monospace,monospace;color:var(--triage-muted)}
.triage-dialog .triage-continue{min-height:48px;padding:11px 17px;border:1px solid var(--triage-pink);border-radius:10px;background:var(--triage-pink);color:#190811;font:600 11px Open,system-ui;cursor:pointer}
.triage-dialog button:focus-visible{outline:2px solid var(--triage-pink);outline-offset:4px}
@media(max-width:520px){#triage.triage-dialog{--triage-edge:10px;padding:18px;width:calc(100vw - 20px);border-radius:17px}.triage-dialog .triage-kicker{font-size:8px}.triage-dialog .triage-close{width:48px;height:48px}.triage-dialog .triage-heading{margin:16px 0}.triage-dialog .triage-alert small{display:none}.triage-dialog .triage-signals>div{padding:9px 10px}.triage-dialog .triage-bottom{align-items:stretch;flex-direction:column;gap:10px}.triage-dialog .triage-bottom>span br{display:none}.triage-dialog .triage-verdict{padding-top:12px;min-height:50px}.triage-dialog .triage-pipeline{margin:12px 0}.triage-dialog .triage-heading p{font-size:11px}}

/* Short browser viewports keep both exit controls visible; intake details scroll. */
@media(max-height:420px){#triage.triage-dialog{--triage-edge:8px;padding:12px}#triage.triage-dialog[open]{gap:10px}.triage-dialog .triage-bottom>span{display:none}.triage-dialog .triage-close{width:44px;height:44px}.triage-dialog .triage-heading{margin:12px 0}}

#triage.triage-dialog[data-compact-viewport]{--triage-edge:8px;padding:12px}
#triage.triage-dialog[data-compact-viewport][open]{gap:10px}
.triage-dialog[data-compact-viewport] .triage-bottom>span{display:none}
.triage-dialog[data-compact-viewport] .triage-close{width:44px;height:44px}
.triage-dialog[data-compact-viewport] .triage-heading{margin:12px 0}