:root { color-scheme:light; --ink:#18212b; --muted:#667385; --line:#dce3ea; --bg:#f3f6f8; --panel:#fff; --brand:#075e54; --warning:#a85c00; --danger:#a33636; }
 .facts { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; padding:10px; border:1px solid var(--line); border-radius:8px; background:#f8fafb; } .fact { display:flex; align-items:baseline; gap:6px; min-width:120px; padding:4px 10px; border-right:1px solid var(--line); } .fact:last-child { border-right:0; } .fact-label { color:var(--muted); font-size:12px; } .fact strong { overflow-wrap:anywhere; } .latest-message,.ai-suggestion,.draft-editor,.draft-empty { margin-top:14px; padding:14px; border:1px solid var(--line); border-radius:8px; background:#fff; } .latest-message h3,.ai-suggestion h3,.draft-editor h3,.draft-empty h3 { margin-bottom:10px; } .ai-suggestion { background:#f1f8f6; border-color:#c6e3dc; } .ai-suggestion p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; } .draft-editor { background:#fbfcfd; } .draft-empty p { margin:0 0 12px; color:var(--muted); } .section-title { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px; } .draft-editor label { display:block; margin-top:10px; color:var(--muted); font-size:12px; } .draft-editor input,.draft-editor textarea { display:block; width:100%; margin-top:5px; border:1px solid #b8c4ce; border-radius:6px; padding:9px; color:var(--ink); background:#fff; } .draft-editor textarea { min-height:220px; resize:vertical; line-height:1.55; }
* { box-sizing:border-box; } body { margin:0; min-width:320px; background:var(--bg); color:var(--ink); font:14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif; } a { color:inherit; }.page { max-width:1400px; margin:0 auto; padding:24px; }.topbar { display:flex; gap:18px; align-items:flex-start; justify-content:space-between; margin-bottom:18px; }.brand { text-decoration:none; }.brand h1 { margin:0 0 4px; font-size:24px; }.subtle,.meta { color:var(--muted); }.meta { font-size:12px; }.nav { display:flex; flex-wrap:wrap; gap:4px; }.nav a { padding:7px 10px; border-radius:6px; color:var(--muted); text-decoration:none; }.nav a:hover,.nav a.active { color:var(--brand); background:#e7f3f1; font-weight:650; }h2 { margin:0; font-size:17px; } h3 { margin:0 0 8px; font-size:14px; } button,input,select,textarea { font:inherit; } button { border:0; border-radius:6px; padding:9px 12px; background:var(--brand); color:#fff; cursor:pointer; } button:hover { filter:brightness(.94); } button:disabled { cursor:wait; opacity:.55; } button.secondary { background:#5b6775; } button.danger { background:var(--danger); }.toolbar,.filters,.chips,.actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }.toolbar { justify-content:space-between; padding:12px; background:var(--panel); border:1px solid var(--line); border-radius:10px; margin-bottom:14px; }.filter { border:1px solid var(--line); border-radius:6px; padding:8px; background:#fff; min-width:126px; }.chip { border:1px solid var(--line); border-radius:999px; padding:4px 9px; color:var(--muted); background:#fbfcfd; font-size:12px; }.chip strong { color:var(--ink); }.summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:14px; }.summary-card { padding:13px; border:1px solid var(--line); border-radius:8px; background:var(--panel); }.summary-card strong { display:block; margin-top:3px; font-size:22px; }.summary-card.warn strong { color:var(--warning); }.workbench { display:grid; grid-template-columns:minmax(290px,.8fr) minmax(0,2fr); min-height:620px; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--panel); }.queue { border-right:1px solid var(--line); min-width:0; }.queue-head { padding:14px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:8px; align-items:center; }#queue-items { max-height:720px; overflow:auto; }.queue-item { display:block; width:100%; text-align:left; color:var(--ink); background:#fff; border-radius:0; border-bottom:1px solid var(--line); padding:13px 14px; }.queue-item.active { box-shadow:inset 3px 0 var(--brand); background:#eff8f6; }.queue-item .subject { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:650; margin-bottom:4px; }.queue-item .summary { display:flex; gap:5px; flex-wrap:wrap; }.badge { display:inline-block; border-radius:4px; padding:2px 5px; background:#eaf0f5; color:#455463; font-size:11px; }.badge.action { background:#fff2dd; color:var(--warning); }.badge.low { background:#fff1f1; color:var(--danger); }.detail { padding:18px; min-width:0; }.empty { color:var(--muted); padding:32px 8px; }.detail-grid { display:grid; grid-template-columns:minmax(210px,.85fr) minmax(260px,1.15fr); gap:18px; align-items:start; }.panel { min-width:0; padding:14px; border:1px solid var(--line); border-radius:8px; background:#fff; }.mail { white-space:pre-wrap; overflow-wrap:anywhere; max-height:380px; overflow:auto; background:#f8fafb; border-radius:6px; padding:10px; }.input { width:100%; border:1px solid #b8c4ce; border-radius:6px; padding:9px; margin:5px 0; }.draft-body { min-height:260px; resize:vertical; }.fact-list { display:grid; gap:8px; margin:0; }.fact-list div { display:grid; grid-template-columns:88px 1fr; gap:8px; }.fact-list dt { color:var(--muted); }.fact-list dd { margin:0; overflow-wrap:anywhere; }.inventory { margin-top:12px; }.inventory ul { margin:6px 0 0; padding-left:20px; }.notice { margin-top:12px; padding:8px; border-radius:6px; background:#fff8e8; color:#795400; }.pager { display:flex; justify-content:flex-end; align-items:center; gap:8px; padding:12px; border-top:1px solid var(--line); }.progress { margin-bottom:14px; }.progress[hidden] { display:none; }.progress-head { display:flex; justify-content:space-between; gap:12px; margin-bottom:8px; }.progress-track { height:10px; overflow:hidden; border-radius:999px; background:#e7edf1; }.progress-bar { width:0; height:100%; background:var(--brand); transition:width .25s ease; }.progress-meta { margin-top:7px; }.data-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }.data-list { background:var(--panel); border:1px solid var(--line); border-radius:10px; overflow:hidden; }.data-row { display:grid; grid-template-columns:90px minmax(220px,1.4fr) minmax(160px,1fr) 100px 120px; gap:10px; padding:10px 12px; border-top:1px solid var(--line); font-size:12px; }.data-row:first-child { border-top:0; }.data-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.data-row.heading { color:var(--muted); background:#f8fafb; font-weight:650; }.route-summary { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }.route-group { margin-top:8px; padding:0 14px; border:1px solid var(--line); border-radius:8px; background:var(--panel); }.route-group summary { cursor:pointer; padding:11px 0; font-weight:650; }.route-row { display:grid; grid-template-columns:100px minmax(180px,1fr) minmax(160px,.9fr) 90px; gap:8px; padding:8px 0; border-top:1px solid #eef2f5; font-size:12px; }.route-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }@media (max-width:760px) { .page { padding:16px; }.topbar { display:block; }.nav { margin-top:10px; }.summary-grid { grid-template-columns:1fr; }.workbench { grid-template-columns:1fr; min-height:0; }.queue { border-right:0; border-bottom:1px solid var(--line); }#queue-items { max-height:255px; }.detail-grid { grid-template-columns:1fr; }.detail { padding:14px; }.filter { min-width:0; flex:1 1 130px; }.data-row,.route-row { grid-template-columns:1fr; gap:3px; }.data-row.heading { display:none; }.data-row span { white-space:normal; }.toolbar { align-items:flex-start; } }
.progress-current{margin-top:10px;font-weight:600;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-events{margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 回复草稿改由 Codex 对话生成；保留旧数据，但不在案件详情页显示旧编辑器。 */
.draft-editor,.draft-empty{display:none!important}

/* 首页以人工方案和 Codex 指令为主；旧的自由文本 AI 建议仅保留在历史/Trace 中。 */
.ai-suggestion{display:none!important}

/* 案件列表在桌面端独立滚动，分页固定在面板底部；窄屏恢复页面自然滚动。 */
.workbench{overflow:visible}
.queue{position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;height:min(76vh,760px);min-height:420px;overflow:hidden}
#queue-items{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
.queue-item{padding:9px 11px}
.queue-item .subject{margin-bottom:3px}
.queue-item .summary{gap:4px}
.queue .pager{position:relative;z-index:1;flex:0 0 auto;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:auto;padding:8px;background:#fff;border-top:1px solid var(--line)}
.queue .pager button{padding:7px 9px;font-size:12px}
.pager-size{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;white-space:nowrap}
.pager-size select{padding:5px 6px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font:inherit}
#page-info{min-width:110px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:760px){.workbench{overflow:hidden}.queue{position:static;height:auto;min-height:0;max-height:none}#queue-items{flex:initial;max-height:255px}.queue .pager{position:static}}
.attachment-evidence-panel{margin:14px 0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.attachment-evidence-panel summary{cursor:pointer;font-weight:650}.attachment-evidence-body{display:grid;gap:10px;margin-top:10px}.attachment-evidence-item{padding:10px;border:1px solid #e4e9ee;border-radius:7px;background:#fff}.attachment-evidence-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:7px}.attachment-evidence-item p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#334155}
.attachment-evidence-preview{margin:8px 0;max-width:100%}.attachment-evidence-preview img{display:block;max-width:min(100%,560px);max-height:420px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#f8fafc}.attachment-evidence-preview figcaption{margin-top:4px;color:#64748b;font-size:.9em}
.routing-context-panel{margin-bottom:14px}.routing-context-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#f8fafb}.routing-context-head strong{display:block;overflow-wrap:anywhere}.routing-context-excerpt{margin-top:10px;max-height:210px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;border-radius:6px;background:#fff;border:1px solid var(--line);color:#334155}.routing-result-list{margin-top:14px}.routing-result-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,1fr) minmax(150px,.8fr) 110px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:12px}.routing-result-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:760px){.routing-context-head{display:block}.routing-context-head .actions{margin-top:8px}.routing-result-row{grid-template-columns:1fr;gap:4px}.routing-result-row>span{white-space:normal}}
.case-replay-context{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafb}.case-replay-context .context-message{margin-top:7px}.case-replay-context .context-message:first-of-type{margin-top:0}
.case-event-history{margin-top:14px;padding:14px;border:1px solid #d8ebe6;border-radius:8px;background:#f5fbf9}.case-event-history-list{display:grid;gap:9px}.case-event-group{border:1px solid #e1e7e6;border-radius:7px;background:#fbfdfc}.case-event-group>summary{padding:10px;cursor:pointer;color:var(--brand);font-size:13px;font-weight:600}.case-event-group-list{display:grid;gap:9px;padding:0 9px 9px}.case-event-item{padding:10px;border:1px solid #d8e5e3;border-radius:7px;background:#fff}.case-event-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.case-event-head strong{overflow-wrap:anywhere}.case-event-type{margin-top:4px;color:var(--muted);font-size:12px}.case-event-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;color:#405b57;font-size:12px}.case-event-facts span{padding:3px 6px;border-radius:5px;background:#f0f7f5}.case-event-item details{margin-top:8px}.case-event-item summary{cursor:pointer;color:var(--brand);font-size:12px}.case-event-item pre{max-height:320px;overflow:auto;margin:7px 0 0;padding:9px;border-radius:6px;background:#f6f8fa;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#344150}.case-inventory-evidence{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:8px;border:1px solid #d8ebe6;border-radius:6px;background:#f3faf8;color:#405b57;font-size:12px}.case-inventory-evidence strong{color:#075e54}.case-inventory-evidence span{padding:3px 6px;border-radius:5px;background:#fff}.case-inventory-evidence .warning{flex-basis:100%;margin:0}
.case-replay-context h3{margin-bottom:10px}.case-replay-context .reference-pane{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.case-replay-context .reference-pane>h3{color:var(--brand)}.case-replay-context .context-message{padding:9px;border:1px solid #dce8e5;border-radius:7px;background:#f6fbfa}.case-replay-context .context-message.from-us{border-color:#e2e6eb;background:#fafbfc}.case-replay-context .context-label{display:inline-block;font-weight:650;color:var(--brand)}.case-replay-context .from-us .context-label{color:var(--muted)}.case-replay-context .context-id{display:inline-block;margin-left:8px;color:var(--muted);font-size:12px}.case-replay-context .context-subject{margin-top:4px;font-weight:650;overflow-wrap:anywhere}.case-replay-context .context-body{margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.case-replay-context .context-body a{color:var(--brand);text-decoration:underline}.case-replay-context .model-json{max-height:360px;margin:8px 0 0;padding:10px;border-radius:6px;background:#f6f8fa;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#344150}.case-replay-context details{margin-top:8px}.case-replay-context summary{cursor:pointer;color:#435465}.case-replay-context .reference-history{margin-top:10px}
.manual-decision-panel{margin-top:14px;padding:14px;border:1px solid #c6e3dc;border-radius:8px;background:#f5fbf9}.manual-decision-panel .section-title{align-items:flex-start}.manual-decision-panel .section-title p{margin:3px 0 0;max-width:680px}.manual-decision-panel .badge{white-space:nowrap}.decision-evidence{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;padding:9px 10px;border-radius:6px;background:#fff;border:1px solid #d8ebe6;color:#48645f;font-size:12px}.decision-evidence span{padding-right:8px;border-right:1px solid #d8ebe6}.decision-evidence span:last-child{border-right:0}.business-options{display:grid;gap:12px;margin:14px 0}.business-option-group{padding-top:10px;border-top:1px solid #d8ebe6}.business-option-group-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.business-option-group-head strong{color:#48645f;font-size:12px}.business-option-mode{padding:2px 6px;border-radius:999px;background:#e4f1ee;color:#58736d;font-size:11px}.business-option-group-help{margin:0 0 7px;color:var(--muted);font-size:12px}.business-option-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.business-option{display:block;padding:10px;border:1px solid #d6e4e1;border-radius:7px;background:#fff;cursor:pointer}.business-option:has(input[data-option-select]:checked){border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:#f0faf7}.business-option>input[data-option-select]{float:left;margin:3px 8px 18px 0;accent-color:var(--brand)}.business-option-title{display:block;font-weight:650}.business-option-title em{margin-left:7px;color:var(--brand);font-size:11px;font-style:normal}.business-option-title em.human-choice{color:#9a6700}.business-option small{display:block;margin-top:3px;color:var(--muted);line-height:1.4}.business-option-param{display:flex;align-items:center;gap:5px;margin-top:8px;color:var(--muted);font-size:12px}.business-option-param input{width:86px;border:1px solid #b8c4ce;border-radius:5px;padding:4px 6px;color:var(--ink);background:#fff}.business-option-param input:focus{outline:2px solid #b8ddd5;outline-offset:1px}.business-decision-summary{padding:8px 10px;border-radius:6px;background:#eaf5f2;color:#48645f;font-size:12px;min-height:18px}.improvement-panel{background:#fbfdfd}.improvement-directions,.improvement-regression{display:grid;gap:6px;margin-top:10px}.improvement-item{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:12px}.improvement-item strong{color:var(--brand)}.improvement-item small{display:block;margin-top:3px;color:var(--muted);line-height:1.45}.improvement-regression:empty,.improvement-directions:empty{display:none}
.agent-operator-note{display:block;margin-top:10px;color:var(--muted);font-size:12px}.agent-operator-note span{display:block;margin-bottom:5px}.agent-operator-note textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #b8c4ce;border-radius:6px;padding:8px;color:var(--ink);background:#fff;font:inherit;font-size:13px}
.badge.handled{background:#e7f3ee;color:#28745b}.badge.attention{background:#fff0df;color:#a55700;font-weight:650}.badge.human-selection{background:#e7f3ee;color:#176b5e}.badge.human-selection.correction{background:#fff0df;color:#9a5a00;font-weight:650}.maintenance-tools{position:relative}.maintenance-tools summary{cursor:pointer;color:var(--muted);font-size:12px;padding:8px 4px}.maintenance-tools button{margin-top:6px}
.button-link{display:inline-block;text-decoration:none;text-align:center;border-radius:6px;padding:9px 12px;color:#fff}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:14px}.setting-card{margin-bottom:14px}.setting-card h2{margin-bottom:4px}.setting-card p{margin:0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fbfcfd}.setting-row strong{display:block}.setting-row small{display:block;margin-top:3px;color:var(--muted);line-height:1.4}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand);flex:none}.maintenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.maintenance-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fbfcfd}.maintenance-item strong{font-size:13px}.maintenance-item .meta{min-height:34px}.maintenance-item .actions{width:100%}.maintenance-item button{margin-top:auto}@media (max-width:760px){.settings-grid{grid-template-columns:1fr}.maintenance-grid{grid-template-columns:1fr}}
.status-bar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-bottom:14px}.status-item{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.status-item span,.status-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-item span{color:var(--muted);font-size:11px}.status-item strong{margin-top:3px;font-size:12px}.status-item small{display:block;margin-top:3px;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-item-wide{grid-column:span 2}.copy-ip{margin-top:6px;padding:3px 6px;font-size:11px}@media (max-width:1100px){.status-bar{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:960px){.status-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.status-item-wide{grid-column:span 1}}@media (max-width:560px){.status-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
.setting-inline{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted)}.small-number{width:64px;border:1px solid #b8c4ce;border-radius:6px;padding:7px;color:var(--ink);background:#fff}
.facts-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px;padding:18px}.facts-intro p{max-width:900px;margin:7px 0 0}.facts-note{padding:9px 12px;border:1px solid #c6e3dc;border-radius:8px;color:var(--brand);background:#f1f8f6;white-space:nowrap;font-size:12px}.facts-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.facts-toolbar{margin-bottom:10px}.facts-toolbar>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.facts-list{display:grid;gap:10px}.fact-card{padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.fact-card.inactive{opacity:.68}.fact-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.fact-card h3{font-size:16px;margin:0}.fact-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.fact-tag{padding:3px 8px;border-radius:999px;background:#eef3f6;color:var(--muted);font-size:12px}.fact-tag.source-shopify{background:#e7f3f1;color:var(--brand)}.fact-scope{margin:12px 0 8px;color:var(--muted);font-size:12px}.fact-value{padding:12px;border-radius:8px;background:#f8fafb;overflow:auto}.fact-value pre{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#344150}.fact-value a{color:var(--brand);overflow-wrap:anywhere}.fact-text{white-space:pre-wrap;overflow-wrap:anywhere}.fact-ref{margin-top:9px;overflow-wrap:anywhere}.empty-state{padding:24px;text-align:center}.warning{border-color:#f2d6a3;background:#fff8e9;color:#7b4b00}.warning ul{margin:6px 0 0;padding-left:20px}.fact-dialog{width:min(680px,calc(100vw - 28px));border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 18px 60px #18212b33}.fact-dialog::backdrop{background:#18212b66}.fact-dialog label{display:block;margin-top:12px;color:var(--muted);font-size:12px}.fact-dialog input,.fact-dialog select,.fact-dialog textarea{display:block;width:100%;margin-top:5px;border:1px solid #b8c4ce;border-radius:6px;padding:9px;color:var(--ink);background:#fff}.fact-dialog textarea{min-height:180px;resize:vertical;line-height:1.55}.fact-dialog .actions{justify-content:flex-end;margin-top:16px}@media (max-width:760px){.facts-intro{display:block}.facts-note{display:inline-block;margin-top:12px}.facts-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.fact-card-head{display:block}.fact-card-head button{margin-top:10px}}
/* New catalog preview: keep the read-only result compact beside the case. */
.handling-type-preview{margin:1rem 0;padding:1rem 1.1rem;border:1px solid #d7e1e6;border-radius:14px;background:#fbfdfd}.handling-type-preview .section-title{align-items:flex-start}.case-path-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:.55rem;align-items:stretch;margin:.8rem 0;padding:.7rem;border:1px solid #b8ddd7;border-radius:12px;background:#effaf8}.case-path-step{display:grid;gap:.15rem;min-width:0;padding:.55rem .65rem;border-radius:9px;background:#fff}.case-path-step span{font-size:.78rem;color:#60727d}.case-path-step strong{overflow-wrap:anywhere;color:#123b43}.case-path-step small{overflow-wrap:anywhere;color:#788891;font-size:.75rem}.case-path-arrow{align-self:center;color:#0b776d;font-size:1.25rem}.handling-type-preview-body{display:grid;gap:.65rem}.handling-type-meta{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.handling-type-match{padding:.8rem;border:1px solid #e0e7ea;border-radius:10px;background:#fff}.handling-type-match.primary-match{border-left:4px solid #0b776d}.handling-type-match-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.handling-type-lines{display:grid;gap:.25rem;color:#52616b;font-size:.9rem}.handling-type-preview .success{margin:.35rem 0;color:#08745d}.handling-type-preview .warning{margin:.35rem 0}.handling-type-preview button:disabled{opacity:.6}
@media (max-width:700px){.case-path-summary{grid-template-columns:1fr;gap:.35rem}.case-path-arrow{transform:rotate(90deg);justify-self:center}}
.handling-choice-list{display:flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0 .15rem}.handling-choice{display:inline-flex;gap:.35rem;align-items:center;flex-wrap:wrap;padding:.25rem .45rem;border-radius:7px;background:#f2f6f7}.handling-candidate{padding:.15rem .35rem;border-radius:5px;background:#e4f2ee;color:#146b5e}
.page-notice{position:fixed;top:16%;left:50%;z-index:100;width:min(720px,calc(100vw - 32px));transform:translateX(-50%);margin:0;padding:15px 20px;border:1px solid #83cfc1;border-radius:12px;background:#eef9f6;color:#075e54;box-shadow:0 12px 34px #183a3540;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:600;text-align:left}.page-notice.success{border-color:#74c8a6;background:#eaf8f1;color:#126b4d}.page-notice.error{border-color:#ef9f9f;background:#fff2f2;color:#9b2c2c}.page-notice[hidden]{display:none}.order-association-panel{margin:16px 0;padding:16px;border:1px solid #e6b35a;border-radius:12px;background:#fff9ec}.order-association-panel h3{margin:0 0 6px}.order-association-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-association-controls select{min-width:180px;padding:8px;border:1px solid #b8c7d6;border-radius:8px;background:#fff}
.handling-type-legend{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.path-legend{padding:.3rem .55rem;border:1px solid #dbe5e8;border-radius:999px;background:#fff;color:#51626b;font-size:.78rem}.path-legend.adopted,.handling-branch-adopted{border-color:#1b9b87;background:#effaf7}.path-legend.candidate,.handling-branch-candidate{border-color:#0b776d;background:#f0fbf9}.path-legend.eligible,.handling-branch-eligible{border-color:#cbdde0;background:#fff}.path-legend.needs-facts,.handling-branch-needs_facts{border-color:#ebc36b;background:#fff8e7;color:#805300}.path-legend.not-matched,.handling-branch-not_matched{border-color:#d8dfe2;background:#f5f7f8;color:#6e7d84}.handling-branch-list{display:grid;gap:.8rem}.handling-branch{padding:.85rem;border:1px solid #dce6e8;border-left:4px solid #cbd9dd;border-radius:12px;background:#fff}.handling-branch-adopted{border-left-color:#0b927b}.handling-branch-candidate{border-left-color:#0b776d;box-shadow:0 0 0 2px #b8ddd766}.handling-branch-needs_facts{border-left-color:#d99a1b}.handling-branch-not_matched{border-left-color:#b3bec3}.handling-branch-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.handling-branch-head>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:.45rem}.branch-index{color:#687983;font-size:.78rem}.handling-branch-head code{padding:.15rem .35rem;border-radius:4px;background:#f0f4f5;color:#637681;font-size:.75rem;overflow-wrap:anywhere}.path-status{display:inline-flex;align-items:center;white-space:nowrap;padding:.28rem .5rem;border-radius:999px;background:#eef3f5;color:#53636d;font-size:.78rem}.path-status-adopted{background:#d9f2eb;color:#08745d}.path-status-candidate{background:#dff5f1;color:#076d63}.path-status-needs_facts{background:#fff0ca;color:#805300}.path-status-not_matched{background:#e9edef;color:#6e7d84}.handling-branch-flow{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(150px,1.25fr) auto minmax(120px,1fr) auto minmax(190px,1.7fr);gap:.45rem;align-items:stretch;margin-top:.7rem;overflow-x:auto}.handling-flow-node{display:grid;align-content:start;gap:.25rem;min-width:0;padding:.55rem .65rem;border:1px solid #dce6e8;border-radius:8px;background:#fbfdfd}.handling-flow-node>span{color:#71828a;font-size:.72rem}.handling-flow-node strong{overflow-wrap:anywhere;color:#1d4249;font-size:.86rem;font-weight:600}.flow-condition{background:#fffdf5}.flow-query{background:#f5faf9}.flow-choice{background:#f8fbfc}.handling-flow-arrow{align-self:center;color:#0b776d;font-size:1.15rem}.handling-branch-note{margin:.6rem 0 0;padding:.35rem .55rem;border-radius:6px;background:#e8f6f2;color:#08745d;font-size:.82rem}.handling-branch .handling-choice-list{margin:.3rem 0 0}.handling-branch .handling-choice{font-size:.78rem}
@media (max-width:700px){.handling-branch-head{display:block}.path-status{margin-top:.5rem}.handling-branch-flow{grid-template-columns:minmax(145px,1fr) auto minmax(175px,1.2fr) auto minmax(145px,1fr) auto minmax(220px,1.5fr);padding-bottom:.2rem}.handling-type-legend{gap:.3rem}}
.decision-target{display:flex;align-items:baseline;gap:10px;margin:12px 0 8px;padding:10px 12px;border:1px solid #b9ddd5;border-radius:7px;background:#eaf7f3;color:#244f49}.decision-target strong{font-size:12px;color:#126b60}.decision-target span{font-weight:650}
.path-diagnostics{display:grid;gap:.65rem;margin:.75rem 0;padding:.75rem;border:1px solid #dce6e8;border-radius:10px;background:#fff}.path-diagnostics-blocked{border-color:#e6b35a;background:#fffaf0}.path-diagnostics-adopted{border-color:#8bd0c0;background:#f2fbf8}.path-diagnostic-row{display:grid;gap:.35rem}.path-fact-list{display:flex;gap:.35rem;flex-wrap:wrap}.path-fact-chip{display:inline-flex;padding:.25rem .5rem;border-radius:999px;background:#eef3f5;color:#38545e;font-size:.8rem}.path-diagnostic-blocked strong{color:#8a5700}.path-diagnostic-blocked p{margin:0;color:#775c2a;font-size:.85rem}.path-diagnostic-ok{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;color:#08745d;font-size:.85rem}.path-query-note{display:flex;gap:.5rem;flex-wrap:wrap;color:#52616b;font-size:.85rem}.handling-all-branches{margin-top:.75rem;border-top:1px solid #dce6e8;padding-top:.65rem}.handling-all-branches>summary{cursor:pointer;color:#0b776d;font-weight:600}.handling-all-branches[open]>summary{margin-bottom:.65rem}
.handling-review{margin-top:.7rem;padding:.7rem;border:1px solid #dce6e8;border-radius:10px;background:#fbfdfd}.handling-review-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem}.handling-review-table{display:grid;gap:0;border:1px solid #e0e7ea;border-radius:7px;overflow:hidden}.handling-review-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,1fr) 120px;gap:.55rem;align-items:center;padding:.42rem .55rem;border-top:1px solid #eef2f3;font-size:.8rem}.handling-review-row:first-child{border-top:0}.handling-review-heading{background:#f1f6f6;color:#63747c;font-size:.75rem;font-weight:650}.handling-review-row code{overflow-wrap:anywhere}.handling-review-row select{width:100%;padding:.28rem;border:1px solid #b8c7ce;border-radius:5px;background:#fff;color:var(--ink)}.handling-review textarea{width:100%;margin-top:.55rem;min-height:52px;resize:vertical;padding:.45rem;border:1px solid #b8c7ce;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:.8rem}.handling-review .actions{margin-top:.5rem}.handling-review .success{color:#08745d}.handling-review .warning{color:#8a5700}
.vendor-domain-card{margin-bottom:14px}.vendor-domain-list{display:flex;flex-wrap:wrap;gap:8px;min-height:32px;margin:12px 0}.vendor-domain-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 7px 4px 10px;border:1px solid var(--line);border-radius:999px;background:#f7fafb;color:var(--ink);font-size:13px}.vendor-domain-remove{padding:0 3px;background:transparent;color:var(--muted);font-size:18px;line-height:1}.vendor-domain-remove:hover{background:transparent;color:var(--danger)}.vendor-domain-entry{max-width:520px}.vendor-domain-entry input{flex:1;min-width:180px}
.queue-item .subject{display:flex;align-items:center;gap:8px;white-space:normal}
.queue-item .subject-main{display:flex;align-items:center;gap:5px;min-width:0;flex:1;overflow:hidden}
.queue-item .subject-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.queue-item .last-event-age{flex:none;color:var(--muted);font-size:10px;font-weight:500;white-space:nowrap}
/* Login identity controls in the shared navigation. */
.nav-user{align-self:center;padding:7px 4px;color:var(--muted);font-size:12px}.nav-logout{display:inline-flex;margin:0}.nav-logout-button{padding:7px 10px;border-radius:6px;background:transparent;color:var(--muted)}.nav-logout-button:hover{background:#e7f3f1;color:var(--brand)}

/* Account and administration dropdown in the shared navigation. */
.nav-menu{position:relative;align-self:flex-start}.nav-menu>summary{list-style:none;padding:7px 10px;border-radius:6px;color:var(--muted);cursor:pointer;user-select:none}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary:hover,.nav-menu>summary.active,.nav-menu[open]>summary{color:var(--brand);background:#e7f3f1;font-weight:650}.nav-menu-items{position:absolute;z-index:20;top:calc(100% + 4px);right:0;min-width:170px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(20,40,55,.14);display:grid;gap:2px}.nav-menu-items a{display:block;padding:8px 10px!important;border-radius:5px!important;white-space:nowrap}.nav-menu-divider{height:1px;margin:4px 6px;background:var(--line)}.nav-menu .nav-logout{display:block}.nav-menu .nav-logout-button{width:100%;padding:8px 10px;text-align:left;border-radius:5px;background:transparent;color:var(--muted)}.nav-menu .nav-logout-button:hover{background:#e7f3f1;color:var(--brand)}

/* Collapsible system settings sections. */
.collapsible-card:not([open]){padding-bottom:0}.collapsible-summary{cursor:pointer;list-style:none;user-select:none}.collapsible-summary::-webkit-details-marker{display:none}.collapsible-summary::after{content:'＋';margin-left:auto;padding-left:12px;color:var(--muted);font-size:18px;font-weight:400}.collapsible-card[open]>.collapsible-summary::after{content:'−'}

/* Case workbench: use wide desktop space and keep the queue readable. */
@media (min-width: 1200px) {
  .page { max-width: 1840px; padding: 22px clamp(20px, 1.5vw, 28px); }
  .workbench { grid-template-columns: minmax(390px, .85fr) minmax(0, 2fr); }
  .detail { padding: clamp(16px, 1.2vw, 22px); }
  .data-head { align-items: flex-start; }
  .data-head > div:first-child { flex: 1 1 55%; min-width: 0; }
  .data-head h2 { font-size: 20px; line-height: 1.4; overflow-wrap: anywhere; }
  .data-head .actions { flex: 0 1 42%; justify-content: flex-end; }
}
.queue-item .case-source { flex: 0 0 auto; max-width: 76px; white-space: nowrap; color: var(--muted); font-size: 11px; }
.queue-item .subject-text { flex: 1 1 auto; }
.facts { gap: 6px; margin: 10px 0; padding: 8px; }
.fact { min-width: 108px; padding: 4px 8px; }
.latest-message, .ai-suggestion, .draft-editor, .draft-empty { margin-top: 10px; padding: 12px; }
.manual-decision-panel, .case-event-history { margin-top: 10px; padding: 12px; }
@media (max-width: 900px) {
  .workbench { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .queue { position: static; height: auto; min-height: 0; max-height: none; border-right: 0; border-bottom: 1px solid var(--line); }
  #queue-items { flex: initial; max-height: 34vh; }
  .queue .pager { position: static; }
  .data-head { align-items: flex-start; }
  .data-head .actions { justify-content: flex-start; }
}