.flow-top{min-block-size:58px;padding:var(--sp-3) 22px;display:flex;justify-content:space-between;align-items:center;border-block-end:1px solid var(--line);gap:var(--sp-2-5)}
.flow-top>div{display:flex;align-items:center;gap:var(--sp-2-5)}
.triage-layout{display:grid;grid-template-columns:310px minmax(0,1fr);block-size:calc(100% - 58px);min-block-size:560px}
.triage-queue{border-inline-end:1px solid var(--line);background:var(--bg);overflow:auto}
.triage-queue-label{display:flex;justify-content:space-between;font-size:var(--fs-xs);padding:18px 18px var(--sp-2-5);color:var(--ink-3)}
.triage-row{display:flex;align-items:start;gap:var(--sp-2-5);inline-size:100%;padding:17px var(--sp-4);text-align:start;border-block-end:1px solid var(--line);transition:background var(--dur-2)}
.triage-row>div{min-inline-size:0;flex:1}
.triage-row:hover{background:var(--hover)}
.triage-row.selected{background:var(--brand-soft);box-shadow:inset -3px 0 var(--brand)}
[dir=rtl] .triage-row.selected{box-shadow:inset 3px 0 var(--brand)}
.source-icon{color:var(--ink-3);font-size: var(--fs-h2)}
.triage-row-top{display:flex;gap:var(--sp-2);justify-content:space-between}
.triage-row-top strong{font-size:var(--fs-sm)}
.triage-row-top small{font-size: var(--fs-xs);white-space:nowrap;color:var(--ink-3)}
.triage-row p{margin:var(--sp-1-5) 0 var(--sp-2-5);color:var(--ink-2);font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.triage-processed{padding:18px;font-size:var(--fs-sm);color:var(--ink-3)}
.triage-detail{overflow:auto;min-inline-size:0;position:relative;background:var(--surface)}
.triage-detail-top{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-4) 26px;font-size:var(--fs-xs);border-block-end:1px solid var(--line)}
.triage-content{max-inline-size:800px;padding:26px 42px 36px;margin:auto}
.triage-content h1{font-size: var(--fs-h1);font-weight:600;margin:0 0 18px}
.triage-from{display:flex;gap:9px;align-items:center;font-size:var(--fs-sm)}
.conversation{display:grid;gap:14px;margin:30px 0}
.message-bubble{background:var(--surface-2);padding:var(--sp-5);border:1px solid var(--line);border-radius:3px 14px 14px 14px;line-height:1.9;white-space:normal}
.message-image{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-2);border:1px solid var(--line);border-radius: var(--radius)}
.message-image img{max-block-size:180px;max-inline-size:100%;object-fit:contain}
.image-sketch{font-size:48px;color:var(--ink-3)}
.linked-order{border-inline-start:3px solid var(--brand);display:grid;gap:var(--sp-2-5)}
.manual-review{border-block-start:1px solid var(--line);padding-block-start:16px}
.manual-review h3{font-size:var(--fs-lg);margin:0}
.manual-review label,.flow-field{display:grid;gap:7px;margin-block-start:16px}
.manual-review textarea,.flow-sheet textarea{inline-size:100%;padding:var(--sp-3);border:1px solid var(--line-strong);border-radius: var(--radius-sm);background:var(--surface);resize:vertical}
.manual-warning{padding:var(--sp-2-5) 14px;background:var(--attention-soft);border:1px solid var(--attention-line);border-radius: var(--radius-sm);color:var(--attn);margin-block-end:12px}
.triage-actions{position:sticky;inset-block-end:0;background:var(--surface);padding:15px 22px;border-block-start:1px solid var(--line);display:flex;gap:var(--sp-2);justify-content:end;flex-wrap:wrap}
.triage-empty-mark{font-size:70px;color:var(--ink-3)}
.triage-back{display:none!important}
.flow-overlay{position:fixed;inset:0;z-index: var(--z-dialog);background:var(--scrim);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--sp-6)}
.flow-sheet{inline-size:540px;max-inline-size:100%;max-block-size:88vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius: var(--radius-lg);box-shadow:var(--shadow-pop)}
.flow-sheet>header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-4) 22px;border-block-end:1px solid var(--line);position:sticky;inset-block-start:0;background:var(--surface);z-index: var(--z-header)}
.flow-sheet h2{font-size: var(--fs-h3);margin:0}
.flow-sheet-body{padding:22px}
.flow-sheet-body>.btn{margin-block-start:18px}
.flow-list-button{display:flex;align-items:center;gap:var(--sp-3);min-block-size:48px;inline-size:100%;padding:var(--sp-3) var(--sp-1);text-align:start;border-block-end:1px solid var(--line)}
.flow-list-button span:first-of-type{flex:1}
.flow-list-button:hover{background:var(--hover)}
.flow-textarea{min-block-size:110px}
.flow-subtitle{color:var(--ink-3);font-size:var(--fs-sm);margin-block-start:5px}
.flow-page{max-inline-size:1000px;margin:auto;padding:var(--sp-8)}
.flow-page h1{font-size: var(--fs-h1);font-weight:600}
.flow-tabs{display:flex;gap:var(--sp-2);border-block-end:1px solid var(--line);margin-block-end:26px}
.flow-tabs button{padding:var(--sp-2-5) 18px;color:var(--ink-3);border-block-end:2px solid transparent}
.flow-tabs .active{color:var(--ink);border-color:var(--brand)}
.settings-section{margin-block-end:30px}
.settings-section h2{font-size: var(--fs-h3)}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding:15px 0;border-block-end:1px solid var(--line)}
.settings-row>div:first-child{flex:1}
.settings-row .input{max-inline-size:230px}
.settings-inline{display:flex;align-items:center;gap:var(--sp-2)}
.settings-inline .input{inline-size:100px}
.settings-table{inline-size:100%;border-collapse:collapse}
.settings-table td,.settings-table th{padding:var(--sp-3);text-align:start;border-block-end:1px solid var(--line);font-weight:400}
.status-category{padding:14px 0;border-block-end:1px solid var(--line)}
.status-category>strong{display:block;margin-block-end:9px;color:var(--ink-3);font-size:var(--fs-xs)}
.status-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}
.onboarding{max-inline-size:690px;margin:7vh auto;padding:var(--sp-6) 28px 70px}
.onboarding h1{font-family:var(--font-display);font-size: var(--fs-h1);font-weight:500;line-height:1.5}
.onboarding .flow-subtitle{font-size:var(--fs)}
.onboard-choices{display:grid;gap:var(--sp-3);margin-block-start:30px}
.onboard-choice{padding:18px 22px;border:1px solid var(--line-strong);border-radius: var(--radius-frame);display:flex;align-items:center;gap:14px;text-align:start;background:var(--surface)}
.onboard-choice:hover,.onboard-choice.selected{border-color:var(--brand);background:var(--brand-soft)}
.onboard-choice strong{display:block}
.onboard-choice small{color:var(--ink-3)}
.onboard-progress{display:flex;gap:5px;margin:25px 0}
.onboard-progress span{flex:1;block-size:3px;background:var(--line)}
.onboard-progress .done{background:var(--brand)}
.onboard-footer{display:flex;gap:var(--sp-3);margin-block-start:30px}
.onboard-fields{display:grid;gap:17px;margin-block-start:28px}
.onboard-fields label{display:grid;gap:var(--sp-2)}
.week-days{display:flex;gap:var(--sp-1-5);flex-wrap:wrap}
.week-days button{padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius: var(--radius-sm)}
.week-days .selected{background:var(--brand-soft);border-color:var(--brand)}
.tour-intro{max-inline-size:760px;margin:8vh auto;padding:28px}
.tour-intro h1{font-family:var(--font-display);font-size: var(--fs-num-xl);font-weight:500;line-height:1.5}
.tour-intro p{font-size: var(--fs-lg);color:var(--ink-2);line-height:1.9}
.tour-intro-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-block:28px}
.tour-intro-list span{padding:13px;border-block-start:1px solid var(--line);color:var(--ink-2)}
.tour-card{position:fixed;z-index: var(--z-dialog);inset-inline-end:24px;inset-block-end:24px;inline-size:365px;padding:22px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-pop);border-radius: var(--radius-lg)}
.tour-card header{display:flex;justify-content:space-between;align-items:center;color:var(--ink-3);font-size:var(--fs-xs)}
.tour-card h2{font-size: var(--fs-h2);margin:14px 0 var(--sp-2-5)}
.tour-card p{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.8}
.tour-citation{font-size: var(--fs-xs)!important;color:var(--ink-3)!important}
.tour-dots{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}
.tour-dots button{block-size:5px;inline-size:15px;background:var(--line-strong);border-radius: var(--radius-xs)}
.tour-dots button.active{background:var(--brand)}
.tour-controls{display:flex;justify-content:space-between;gap:var(--sp-3)}
.tour-card.minimized p,.tour-card.minimized .tour-dots,.tour-card.minimized h2{display:none}
@media(max-width: 639px){.flow-top{padding:var(--sp-3);flex-wrap:wrap}
.flow-top .chip{font-size: var(--fs-xs)}
.triage-layout{grid-template-columns:1fr;block-size:auto;min-block-size:0}
.triage-queue{display:none}
.triage-layout.queue-visible .triage-queue{display:block}
.triage-layout.queue-visible .triage-detail{display:none}
.triage-back{display:inline-flex!important}
.triage-content{padding:22px 18px}
.triage-content h1{font-size: var(--fs-h2)}
.triage-detail-top{padding:var(--sp-3);gap:7px;flex-wrap:wrap}
.triage-actions{justify-content:start;padding:var(--sp-3);position:static}
.triage-actions .btn{block-size:38px}
.flow-overlay{padding:0;align-items:end}
.flow-sheet{inline-size:100%;max-block-size:90dvh;border-radius:18px 18px 0 0}
.flow-sheet-body{padding:var(--sp-5)}
.flow-page{padding:22px 18px}
.settings-row{gap:var(--sp-3);align-items:start;flex-wrap:wrap}
.settings-table{font-size: var(--fs-xs)}
.settings-table td,.settings-table th{padding:var(--sp-2) 3px}
.settings-inline{flex-wrap:wrap}
.onboarding{margin:2vh auto;padding:var(--sp-6) 22px 80px}
.onboarding h1{font-size: var(--fs-h1)}
.tour-intro{margin:3vh auto;padding:var(--sp-6)}
.tour-intro h1{font-size: var(--fs-h1)}
.tour-intro-list{grid-template-columns:1fr}
.tour-card{inset-inline:12px;inset-block-end:82px;inline-size:auto;max-block-size:45vh;overflow:auto;padding:var(--sp-4)}
.tour-card h2{font-size: var(--fs-lg)}
.tour-card p{font-size: var(--fs-xs);margin:var(--sp-2) 0}
.tour-citation{display:none}
.tour-dots{margin:var(--sp-2-5) 0}
}
:root[data-device=phone] .flow-top{padding:var(--sp-3);flex-wrap:wrap}
:root[data-device=phone] .triage-layout{grid-template-columns:1fr}
:root[data-device=phone] .triage-queue{display:none}
:root[data-device=phone] .triage-back{display:inline-flex!important}
:root[data-device=phone] .triage-layout.queue-visible .triage-queue{display:block}
:root[data-device=phone] .triage-layout.queue-visible .triage-detail{display:none}
:root[data-device=phone] .triage-content{padding:22px 18px}
:root[data-device=phone] .triage-actions{justify-content:start;padding:var(--sp-3);position:static}
.flow-page,.onboarding,.tour-intro{inline-size:100%;flex-shrink:0}
.triage-from .avatar{display:grid;place-items:center;flex-shrink:0}
.flow-page{margin-block:0}
.triage-layout{flex:1;min-block-size:0}
.flow-top{flex-shrink:0}
@media(max-width: 639px){.triage-layout{overflow:auto}
.triage-detail{overflow:visible}
.triage-actions .btn{min-block-size:44px}
.triage-content{padding-block-end:18px}
.settings-row>.input{max-inline-size:100%}
.settings-row{gap:var(--sp-3)}
.onboard-choice{min-block-size:48px}
}