:root {
  font-family: Inter, "Segoe UI", "Microsoft YaHei", sans-serif;
  color: #172033;
  background: #f3f6fb;
  line-height: 1.5;
  --navy: #111b35;
  --blue: #2864e8;
  --blue-dark: #1749b9;
  --muted: #667085;
  --line: #e5eaf2;
  --panel: #fff;
  --shadow: 0 12px 34px rgba(25, 45, 90, .08);
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 80% 0, #e8efff 0, transparent 30%), #f4f7fb; }
a { color: inherit; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 236px; z-index: 10; display: flex; flex-direction: column; color: #d9e2ff; background: linear-gradient(180deg, #121d38 0%, #10182d 100%); padding: 24px 16px; box-shadow: 10px 0 32px rgba(15, 26, 53, .12); }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #fff; font-weight: 760; letter-spacing: .2px; padding: 0 8px; }
.brand small { color: #92a5d2; font-size: 11px; font-weight: 500; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: white; background: linear-gradient(135deg, #5288ff, #754dff); box-shadow: 0 8px 20px #3464dc66; }
.side-nav { display: flex; flex-direction: column; gap: 7px; margin-top: 38px; }
.side-nav a { display: flex; align-items: center; gap: 12px; padding: 11px 13px; border-radius: 10px; text-decoration: none; color: #aebbd9; font-size: 14px; transition: .18s ease; }
.side-nav a span { width: 20px; text-align: center; font-size: 17px; }
.side-nav a:hover, .side-nav a.active { color: #fff; background: linear-gradient(90deg, #2b5fe5, #3455c4); transform: translateX(2px); }
.sidebar-foot { margin-top: auto; display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 10px; padding: 13px 10px 0; border-top: 1px solid #ffffff16; }
.sidebar-foot b, .sidebar-foot small { display: block; }
.sidebar-foot small { color: #8496be; font-size: 10px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #45dc94; box-shadow: 0 0 0 4px #45dc9420; }
.icon-button { padding: 7px 9px; background: #ffffff10; color: #dce5ff; }
.app-shell { min-height: 100vh; padding-left: 236px; }
.app-shell.without-sidebar { padding-left: 0; }
.environment-bar { height: 34px; display: flex; justify-content: flex-end; align-items: center; gap: 16px; padding: 0 32px; color: #69738b; background: #fff; border-bottom: 1px solid #e9edf4; font-size: 11px; }
.environment-bar span:first-child { color: #fff; background: #7857e8; padding: 2px 7px; border-radius: 4px; font-weight: 800; }
main { width: min(1500px, 100%); margin: 0 auto; padding: 28px 32px 60px; }
.buyer-header { height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(24px, calc((100% - 1180px)/2)); background: var(--navy); }
.brand.compact { padding: 0; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 7px; font-size: clamp(26px, 3vw, 38px); letter-spacing: -.8px; }
h2 { margin-bottom: 5px; font-size: 18px; }
.eyebrow { display: block; margin-bottom: 7px; color: #5f77a7; font-size: 10px; font-weight: 850; letter-spacing: 1.5px; }
.page-heading, .chat-page-heading, .panel-heading, .heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.page-heading { margin-bottom: 22px; }
.page-heading p, .chat-page-heading p { color: var(--muted); margin: 0; }
.chat-page-heading { justify-content: flex-start; margin-bottom: 18px; }
.chat-page-heading h1 { font-size: 25px; margin: 0; }
.back-link { color: #57709e; text-decoration: none; font-size: 13px; }
.channel-badge { margin-left: auto; color: #214caa; background: #eaf1ff; border: 1px solid #cbdcff; border-radius: 20px; padding: 6px 11px; font-size: 12px; font-weight: 700; }
.panel, .card { background: var(--panel); border: 1px solid #e6ebf3; border-radius: 16px; box-shadow: var(--shadow); padding: 20px; }
.hero { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.4fr .6fr; align-items: center; min-height: 250px; color: #fff; background: linear-gradient(125deg, #152445, #244ba2 58%, #5c48cb); border-radius: 22px; padding: 38px 44px; box-shadow: 0 24px 55px #23449230; }
.hero::before { content: ""; position: absolute; width: 360px; height: 360px; right: -100px; top: -160px; border-radius: 50%; border: 1px solid #ffffff25; box-shadow: 0 0 0 55px #ffffff08, 0 0 0 110px #ffffff06; }
.hero h1 { max-width: 680px; font-size: clamp(30px, 4vw, 48px); line-height: 1.15; }
.hero p { max-width: 700px; color: #cbd8f7; }
.hero .eyebrow { color: #91b4ff; }
.hero-actions, .button-group { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hero-actions { margin-top: 24px; }
.hero-actions form, .button-group form { margin: 0; }
.hero-orbit { position: relative; width: 220px; height: 180px; margin-left: auto; }
.orbit-core { position: absolute; inset: 42px 62px; display: grid; place-items: center; align-content: center; border-radius: 50%; font-size: 31px; font-weight: 850; background: linear-gradient(145deg, #64a6ff, #7a55e9); box-shadow: 0 0 0 15px #ffffff0d, 0 18px 35px #10255a80; }
.orbit-core small { display: block; font-size: 10px; font-weight: 500; }
.orbit-node { position: absolute; padding: 5px 9px; border: 1px solid #ffffff30; border-radius: 12px; background: #ffffff14; font-size: 11px; }
.orbit-node.n1 { top: 3px; left: 76px; }.orbit-node.n2 { left: 0; top: 79px; }.orbit-node.n3 { right: 0; top: 79px; }.orbit-node.n4 { bottom: 0; left: 78px; }
.metric-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 13px; margin: 20px 0; }
.metric-card { position: relative; overflow: hidden; min-width: 0; background: #fff; border: 1px solid #e7ebf3; border-radius: 14px; padding: 17px; box-shadow: 0 8px 22px #263b7208; }
.metric-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--accent); }
.metric-card span, .metric-card small, .metric-card strong { display: block; }
.metric-card span { color: #546077; font-size: 12px; }.metric-card strong { margin: 7px 0 4px; font-size: 27px; }.metric-card small { overflow: hidden; color: #8a93a5; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.metric-link { color: inherit; text-decoration: none; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.metric-link::after { content: "\2197"; position: absolute; right: 14px; top: 12px; color: var(--accent); opacity: .65; font-size: 14px; }
.metric-link:hover, .metric-link:focus-visible { transform: translateY(-2px); border-color: var(--accent); box-shadow: 0 13px 28px #263b7218; outline: none; }
.metric-detail-list { display: grid; gap: 10px; }
.metric-detail-row { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(220px, 2fr) auto; gap: 18px; align-items: center; padding: 14px 16px; border: 1px solid var(--line); border-radius: 11px; color: inherit; background: #fbfcff; text-decoration: none; }
.metric-detail-row:hover { border-color: #9bb7ee; background: #f4f8ff; }
.metric-detail-row b, .metric-detail-row small { display: block; }
.metric-detail-row p { overflow: hidden; margin: 3px 0 0; color: #526078; white-space: nowrap; text-overflow: ellipsis; }
.metric-detail-row em { color: #6680ac; font-size: 11px; font-style: normal; white-space: nowrap; }
.accent-blue{--accent:#3977ef}.accent-amber{--accent:#f0a130}.accent-red{--accent:#e05262}.accent-green{--accent:#2eb87f}.accent-violet{--accent:#815de0}.accent-cyan{--accent:#27a9bc}
.content-grid { display: grid; gap: 18px; }.dashboard-grid { grid-template-columns: 1.5fr .7fr; }
.flow-steps { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 25px; }
.flow-steps div { display: grid; min-width: 92px; text-align: center; }.flow-steps b { color: #4875da; font-size: 11px; }.flow-steps span { font-weight: 750; }.flow-steps small { color: #8c95a8; }.flow-steps i { color: #bdc6d7; font-style: normal; }
.panel-heading { margin-bottom: 15px; }.panel-heading a { color: var(--blue); font-size: 12px; text-decoration: none; }
.mini-conversation, .conversation-row { display: grid; align-items: center; text-decoration: none; border-bottom: 1px solid #edf0f5; }
.mini-conversation { grid-template-columns: 38px 1fr auto; gap: 10px; padding: 11px 3px; }.mini-conversation span:nth-child(2) { min-width: 0; }.mini-conversation b,.mini-conversation small{display:block}.mini-conversation small{overflow:hidden;color:#7b8496;font-size:11px;white-space:nowrap;text-overflow:ellipsis}
.avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #fff; background: linear-gradient(145deg, #5c87ee, #6a5ed6); font-weight: 800; }
button, .button { display: inline-block; border: 0; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #316fe9, #2658cc); padding: 10px 16px; font: inherit; font-size: 13px; font-weight: 720; text-decoration: none; cursor: pointer; box-shadow: 0 6px 14px #2b62dc25; }
button:hover, .button:hover { transform: translateY(-1px); filter: brightness(1.04); }.secondary { color: #24477e; background: #e9f0fd; box-shadow: none; }.danger-button { background: #d84957; }.ghost-button { color: #dce7ff; background: #ffffff14; box-shadow: none; }.icon-button { border-radius: 8px; box-shadow: none; }
button:disabled { color: #9ca5b4; background: #e5e9ef; cursor: not-allowed; transform: none; box-shadow: none; }
.sync-strip { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 10px; margin-bottom: 16px; padding: 11px 14px; border-radius: 10px; font-size: 12px; }.sync-strip.success{color:#176345;background:#e9f8f1}.sync-strip.warning{color:#835d16;background:#fff4db}.sync-strip.error{color:#983642;background:#ffecee}.sync-strip a{font-weight:700;text-decoration:none}
.context-auto-note{margin:0 0 12px;padding:9px 10px;border-radius:8px;color:#596b86;background:#f3f6fb;font-size:11px;line-height:1.55}.conversation-live-tools{display:flex;align-items:center;gap:9px}.conversation-live-tools form{margin:0}.live-update-notice{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#23456f;background:#eaf3ff;box-shadow:0 8px 28px #22385c33;font-size:12px}.live-update-notice[hidden]{display:none}.live-update-notice button{padding:6px 10px}
.conversation-panel { padding: 0; overflow: hidden; }.conversation-toolbar { display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.conversation-toolbar small{color:var(--muted)}.count-badge{margin-left:6px;padding:2px 7px;border-radius:12px;color:#3d65b4;background:#eaf0ff;font-size:11px}
.queue-tabs{display:flex;gap:7px;margin-bottom:14px;overflow:auto}.queue-tabs a{display:flex;gap:7px;align-items:center;padding:9px 12px;border:1px solid #e0e6ef;border-radius:10px;background:#fff;color:#667187;text-decoration:none;font-size:11px;white-space:nowrap}.queue-tabs a.active{color:#fff;background:#2c61d3;border-color:#2c61d3}.queue-tabs b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#edf2fb;color:#3e64ad;font-size:10px}.queue-tabs a.active b{background:#ffffff25;color:#fff}.inbox-search{display:grid;grid-template-columns:auto minmax(180px,300px) auto;gap:7px}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:16px 20px;border-top:1px solid var(--line)}.pagination .disabled{pointer-events:none;opacity:.45}.queue-chip{display:inline-block;padding:3px 8px;border-radius:11px;color:#4a5b77;background:#edf1f7;font-size:9px;font-style:normal}.queue-chip.pending{color:#865d12;background:#fff1d2}.queue-chip.bot_review{color:#2363bb;background:#e7f0ff}.queue-chip.human{color:#a13a49;background:#ffe8eb}.queue-chip.completed{color:#197150;background:#e7f7ef}.queue-chip.failed{color:#a13440;background:#ffe5e8}.queue-chip.todo{color:#754bab;background:#f0e7ff}.todo-line{display:block!important;margin-top:4px;color:#7952a6!important}
.message-view-tabs{display:flex;gap:10px;margin:18px 0 8px;padding:6px;background:#edf3ff;border-radius:14px;width:max-content;max-width:100%}.message-view-tabs a,.inline-message-tabs a{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;border-radius:10px;color:#496080;font-weight:700;text-decoration:none}.message-view-tabs a.active,.inline-message-tabs a.active{background:#2866df;color:#fff;box-shadow:0 6px 16px #2866df2e}.message-view-tabs b{font-size:12px}.inline-message-tabs{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.inline-message-tabs a{padding:6px 10px;font-size:13px;background:#f2f5fa}.chat-time-separator{align-self:center;margin:10px auto 4px;padding:4px 10px;border-radius:10px;background:#edf1f7;color:#718099;font-size:12px}.translation-help{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7efff;color:#245ccb;font-weight:800;cursor:help;outline:none}.translation-popover{display:none;position:fixed;z-index:1200;left:16px;top:16px;width:min(480px,calc(100vw - 32px));max-height:min(55vh,420px);overflow:auto;padding:14px 16px;border:1px solid #cbd8ee;border-radius:12px;background:#fff;color:#24344f;box-shadow:0 18px 45px #17284445;text-align:left;font-weight:400;white-space:normal}.translation-popover p{margin:7px 0;line-height:1.7;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.translation-popover small{color:#718099}.translation-help:hover .translation-popover,.translation-help:focus .translation-popover,.translation-help:focus-within .translation-popover{display:block}
.conversation-row { grid-template-columns: 42px 1fr 110px; gap: 14px; padding: 15px 20px; color: inherit; transition: .15s ease; }.conversation-row:hover { background: #f7f9fd; }.conversation-main { min-width: 0; }.conversation-main>span:first-child { display:flex;justify-content:space-between;gap:10px }.conversation-main small { color: #8992a4; font-size: 10px; }.conversation-main p { overflow: hidden; margin: 4px 0 2px; color: #4f5a6d; white-space: nowrap; text-overflow: ellipsis; }.conversation-state { display:grid;justify-items:end;gap:7px }.conversation-state small { color:#929aaa;font-size:10px }
.risk { display: inline-block; min-width: 32px; border-radius: 14px; padding: 3px 8px; font-style: normal; font-size: 11px; font-weight: 850; text-align:center }.risk.l0,.l0{color:#14714b;background:#e7f8ef}.risk.l1,.l1{color:#986313;background:#fff2d8}.risk.l2,.l2{color:#aa3442;background:#ffe8eb}
.controlled-test { margin-bottom: 16px; padding: 18px; }.test-form{display:grid;gap:12px;margin-top:12px}.test-fields{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(130px,.55fr) minmax(160px,.75fr);gap:12px;align-items:start}.test-form label{margin:0}.test-form label small{display:block;margin-top:5px;line-height:1.45}.test-form .checkbox-row{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #dce5f3;border-radius:10px;background:#f8faff}.test-form .checkbox-row input{width:auto;margin-top:3px}.test-form .checkbox-row span{display:grid;gap:3px}.test-confirm-row{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:12px;align-items:end}.test-confirm-row button{min-width:150px}.test-running{display:flex;align-items:center;gap:18px;padding:10px 13px;border-radius:10px;color:#156f4d;background:#e9f9f1;font-size:12px}.pulse{width:9px;height:9px;border-radius:50%;background:#29bd7f;box-shadow:0 0 0 5px #29bd7f22}
.workflow-bar{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(520px,1.8fr);gap:24px;align-items:start;margin-bottom:16px;padding:18px}.workflow-bar h2,.workflow-bar p{margin:0}.workflow-summary>p{display:flex;gap:8px;align-items:center;color:#738096;font-size:11px}.workflow-summary>small{display:block;margin-top:7px;line-height:1.55}.workflow-actions{display:grid;justify-items:stretch;gap:10px}.workflow-actions>form{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.workflow-actions details{padding:9px 11px;border:1px solid #e1e7f0;border-radius:9px;background:#fafcff}.workflow-actions summary{color:#3765bf;font-size:11px;font-weight:750;cursor:pointer}.workflow-actions details>p{margin:8px 0;color:#68758b;font-size:11px}.todo-form{display:grid!important;grid-template-columns:190px minmax(220px,1fr) auto;gap:8px;align-items:end;margin-top:8px}.todo-form label{margin:0}.todo-summary{display:grid;gap:3px;margin-top:10px;padding:9px 10px;border-radius:9px;color:#755518;background:#fff5dc;font-size:11px}.todo-summary.due_soon{color:#8b5715;background:#fff0cf}.todo-summary.overdue{color:#a03948;background:#ffe8eb}.todo-summary span{line-height:1.45}.workflow-help dl{grid-template-columns:115px 1fr;margin:8px 0}.workflow-help dt,.workflow-help dd{padding:5px;border-bottom:1px solid #edf0f5;font-size:10px}.workflow-help dt{font-weight:750}.workflow-help>p{padding-top:7px;border-top:1px solid #e8edf4}.queue-explainer{margin:-6px 0 14px;padding:9px 12px;border:1px solid #dfe6f1;border-radius:10px;background:#f9fbff}.queue-explainer summary{color:#47689f;font-size:11px;font-weight:750;cursor:pointer}.queue-explainer>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.queue-explainer span{display:grid;padding:8px 9px;border-radius:8px;color:#68758a;background:#fff;font-size:10px}.queue-explainer b{color:#31496f}.todo-line.due_soon{color:#9a6115!important}.todo-line.overdue{color:#b02f42!important;font-weight:800}.todo-line.overdue::before{content:"需要立即处理 · "}
.workspace-grid { display:grid;grid-template-columns:230px minmax(360px,1fr) minmax(350px,430px);gap:14px;align-items:start }.workspace-grid>.panel{min-width:0}.context-panel,.copilot-panel{position:sticky;top:16px}.context-list{display:grid;grid-template-columns:72px 1fr;margin:18px 0}.context-list dt,.context-list dd{margin:0;padding:8px 0;border-bottom:1px solid #eef1f5;font-size:12px}.context-list dt{color:#8b94a5}.context-list dd{font-weight:650;word-break:break-word}.mono{font-family:Consolas,monospace;font-size:10px!important}.status-chip{display:inline-block;padding:3px 8px;border-radius:10px;color:#365486;background:#edf2fa;font-size:10px}.context-note{padding:12px;border-radius:10px;color:#51627f;background:#f2f6fc;font-size:11px}.context-note p{margin:5px 0 0}
.slot-actions{display:grid;gap:10px;margin:0 0 12px}.slot-actions>a{text-align:center;text-decoration:none}.slot-actions summary{cursor:pointer;color:#3765bf;font-size:11px}.slot-form{display:grid;gap:7px;margin:10px 0}.slot-form label{font-size:10px}.slot-form input,.slot-form select,.slot-form textarea{margin-top:3px;padding:7px;font-size:11px}.slot-form textarea{min-height:55px}
.evaluation-launch{display:flex;justify-content:space-between;align-items:center;gap:24px}.evaluation-launch h2,.evaluation-launch p{margin:4px 0}.evaluation-launch form{display:flex;align-items:center;gap:16px}.evaluation-summary{margin:16px 0}.evaluation-toolbar{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.evaluation-toolbar div{display:grid}.evaluation-cases{display:grid;gap:15px}.evaluation-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.evaluation-result{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.evaluation-result.deepseek{background:#f7f9ff}.evaluation-result-head{display:flex;justify-content:space-between;align-items:center}.score-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.score-strip span{display:grid;padding:8px;border-radius:8px;text-align:center;background:#eef3fb}.score-strip small{font-size:9px}.score-strip b{font-size:18px}.evaluation-result pre{max-height:360px;overflow:auto;padding:12px;border-radius:8px;white-space:pre-wrap;background:#182033;color:#e9efff;font-size:10px}.manual-score-form{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.manual-score-form button,.manual-score-form>small{grid-column:1/-1}.history-chips{display:flex;flex-wrap:wrap;gap:8px}.history-chips a{padding:7px 10px;border-radius:12px;background:#edf3fc;text-decoration:none;font-size:11px}
.candidate-section{margin-top:18px}.candidate-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:8px;padding:11px;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none}.candidate-row p{margin:3px 0 0}.candidate-row small{color:#8791a3}
.procedure-panel{margin-bottom:16px}.procedure-panel .panel-heading .hint{max-width:850px;margin:5px 0 0}.procedure-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.procedure-progress span{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:5px;padding:8px;border-radius:9px;background:#f2f4f8;color:#8a94a6;font-size:10px}.procedure-progress i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dfe4ed;font-style:normal}.procedure-progress .done{color:#32846a;background:#ecf8f3}.procedure-progress .current{color:#315fae;background:#edf3ff}.procedure-current{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:20px;padding:14px;border-radius:12px;background:#f7f9fd}.procedure-current p{margin:5px 0}.procedure-fields{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;align-items:end}.procedure-picker{display:flex;justify-content:space-between;align-items:center;gap:20px}.procedure-picker form{display:flex;gap:8px;min-width:50%}.procedure-picker select{flex:1}.procedure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trigger-list{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.procedure-step-list{display:grid;gap:9px;padding:0;list-style:none}.procedure-step-list li{display:grid;grid-template-columns:28px 1fr;gap:10px}.procedure-step-list i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:#4d73c5;font-style:normal}.procedure-step-list p{margin:3px 0}.procedure-editor{min-height:180px;font-family:Consolas,monospace;font-size:10px}
.conversation-canvas { padding:0;overflow:hidden }.conversation-canvas>.panel-heading{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.live-indicator{color:#788398;font-size:10px}.live-indicator i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#2dbd82}.chat-stream{min-height:530px;max-height:70vh;overflow:auto;padding:22px;background:linear-gradient(180deg,#f8faff,#f3f6fb)}.message{display:grid;margin-bottom:18px}.message.buyer{justify-items:end}.message-meta{display:flex;gap:8px;margin:0 5px 5px;color:#8b94a5;font-size:10px}.message-bubble{max-width:78%;padding:11px 14px;border:1px solid #e1e7f0;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 5px 13px #2439620a;white-space:pre-wrap}.message.buyer .message-bubble{color:#fff;background:linear-gradient(135deg,#3978ef,#315fce);border:0;border-radius:14px 14px 4px 14px}.message small{margin-top:4px;color:#a0a7b4;font-size:9px}
.copilot-heading{display:flex;justify-content:space-between;align-items:start}.decision-card{margin:14px 0;padding:12px;border-left:3px solid #6e83b7;border-radius:8px;background:#f4f7fc}.decision-card p{margin:4px 0;color:#657087;font-size:11px}.language-block,.evidence-block{margin:16px 0}.language-block label,.evidence-block label,label{display:block;margin-bottom:6px;color:#59657a;font-size:11px;font-weight:750}.language-block p{margin:0;padding:11px;border:1px solid #e5eaf2;border-radius:9px;background:#fafbfd;font-size:12px}.evidence-chip{display:inline-block;margin:3px 3px 0 0;padding:4px 8px;border-radius:10px;color:#285bbf;background:#e9f1ff;font-size:10px}.evidence-chip.muted{color:#7b8494;background:#eef1f5}.model-foot{display:flex;justify-content:space-between;gap:5px;margin-top:15px;padding-top:11px;border-top:1px solid var(--line);color:#929aaa;font-size:9px}.success-note{color:#247555;font-size:11px}.send-history{margin-top:14px;color:#59657a;font-size:10px}.send-history p{padding:6px 0;border-bottom:1px solid #eee}.send-history small{display:block}
.language-mode-chip{display:inline-block;margin-left:6px;padding:3px 8px;border-radius:10px;color:#6245a4;background:#eee8ff;font-size:10px}
.knowledge-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.knowledge-main,.knowledge-side{display:grid;gap:14px}.knowledge-side{position:sticky;top:18px}.filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) 125px 125px auto;gap:9px;align-items:end}.knowledge-card{padding:18px 20px}.knowledge-card.disabled-card{opacity:.65;background:#f8f9fb}.knowledge-card-head{display:flex;justify-content:space-between;gap:16px}.knowledge-card-head h2{margin:2px 0}.knowledge-card-head p{margin:0;color:#7d8799;font-size:11px}.knowledge-card-head .button-group{justify-content:flex-end}.small-button{padding:6px 10px;font-size:11px}.knowledge-card .ru-text{margin:13px 0 6px;color:#3e4b64;font-size:12px}.answer-preview{padding:12px 14px;border-left:3px solid #5e84e0;border-radius:8px;background:#f5f8fd;color:#48546b;font-size:12px}.knowledge-meta{display:flex;gap:12px;flex-wrap:wrap;padding-top:10px;color:#8992a3;font-size:10px}.test-result{padding:13px;border-radius:10px;background:#eef5ff}.test-result p{margin:6px 0}.knowledge-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.knowledge-form{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.version-panel{position:sticky;top:18px}.version-panel details{padding:10px 0;border-bottom:1px solid var(--line)}.current-version{display:grid;grid-template-columns:48px 1fr;align-items:center;margin:14px 0;padding:13px;border-radius:10px;background:#eef4ff}.current-version b{grid-row:1/3;color:#3165cf;font-size:22px}.current-version small{font-size:9px}
.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.bar-row{display:grid;grid-template-columns:35px 1fr 35px;gap:10px;align-items:center;margin:18px 0}.bar-row>div{height:10px;overflow:hidden;border-radius:8px;background:#edf1f6}.bar-row i{display:block;height:100%;border-radius:8px}.bar-green{background:#32bd84}.bar-amber{background:#eda63b}.bar-red{background:#df5868}.chart-foot{margin:24px 0 0;color:#7f899b;font-size:11px}.queue-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.queue-summary a{display:grid;padding:12px;border-radius:10px;background:#f3f6fb;text-align:center;text-decoration:none}.queue-summary b{font-size:22px}.queue-summary span{color:#748095;font-size:10px}.quality-summary{display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line);color:#657087;font-size:11px}.quality-item{display:grid;grid-template-columns:1fr 310px;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.quality-copy>div{display:flex;gap:12px;align-items:center}.quality-copy>div span{color:#8992a5;font-size:10px}.quality-copy p{margin:7px 0;font-size:11px}.quality-copy .ru-text{color:#3e4b64}.quality-item form{display:grid;align-content:center;gap:7px}.quality-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.quality-buttons button{padding:7px}
.live-state{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:18px;color:#7c8798;background:#edf0f5;font-size:11px}.live-state i{width:8px;height:8px;border-radius:50%;background:#a8b0bc}.live-state.running{color:#176c4c;background:#e7f8ef}.live-state.running i{background:#2cbd82;box-shadow:0 0 0 5px #2cbd8220}.demo-control{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-control h2,.demo-control p{margin:0}.start-live-form{display:grid;grid-template-columns:230px 150px auto;gap:9px;align-items:end}.start-live-form label{margin:0}.live-grid{grid-template-columns:1.5fr .7fr}.live-event{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line);text-decoration:none}.live-event p{margin:3px 0;color:#465369;font-size:12px}.live-event small{font-size:9px}.night-playbook ol{padding-left:22px}.night-playbook li{margin:18px 0;padding-left:6px}.night-playbook li b,.night-playbook li span{display:block}.night-playbook li span{margin-top:3px;color:#798397;font-size:11px}
.attachment-card,.order-card{max-width:78%;padding:13px;border:1px solid #dce4f0;border-radius:12px;background:#fff;box-shadow:0 5px 13px #2439620a}.attachment-card{display:grid;grid-template-columns:42px 1fr;gap:10px}.attachment-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;color:#3868c4;background:#eaf1ff;font-size:22px}.attachment-card p,.order-card p{margin:4px 0;font-size:11px}.order-card{border-left:4px solid #486fcd}.order-card>span{display:block;color:#7c8799;font-size:9px}.quick-replies{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.quick-reply-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.quick-reply-heading>div{display:grid;gap:3px}.quick-reply-heading summary,.quick-reply-manager>summary{color:#3765bf;font-size:11px;font-weight:750;cursor:pointer}.quick-reply-buttons{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.quick-replies .sample-button{display:inline-flex;align-items:center;gap:5px;margin:0;padding:6px 9px}.quick-replies .sample-button i{padding:1px 4px;border-radius:6px;background:#e5edfb;color:#4d6591;font-size:8px;font-style:normal}.quick-reply-form{display:grid;gap:6px;margin-top:9px;padding:10px;border:1px solid #e0e6f0;border-radius:9px;background:#fafcff}.quick-reply-form label{margin:0;font-size:10px}.quick-reply-form input,.quick-reply-form textarea{margin-top:3px;padding:7px;font-size:11px}.quick-reply-form textarea{min-height:58px}.quick-reply-manager>p{color:#718099;font-size:10px}.quick-reply-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #edf0f5}.quick-reply-row>div{display:grid;gap:2px}.quick-reply-row>details{min-width:250px}.quick-reply-row.disabled-card{opacity:.6}.playbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.playbook-card{position:relative;display:grid;align-content:start}.playbook-icon{position:absolute;right:20px;top:18px;font-size:27px}.playbook-card>div>p{min-height:38px;color:#687389;font-size:12px}.playbook-facts{display:flex;gap:7px;flex-wrap:wrap}.playbook-facts span{padding:4px 8px;border-radius:10px;color:#45639d;background:#eef3fc;font-size:9px}.playbook-card ol{padding:0;list-style:none}.playbook-card li{display:grid;grid-template-columns:55px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:10px}.playbook-card li b{color:#3e68b5}.playbook-card li em{color:#8a5eb4;background:#f2eafd;padding:2px 5px;border-radius:5px;font-style:normal}
input, textarea, select { width:100%;padding:10px 11px;border:1px solid #cfd7e4;border-radius:8px;background:#fff;color:#172033;font:inherit;font-size:12px;outline:none }.textarea,textarea{min-height:105px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#4e7ee5;box-shadow:0 0 0 3px #4e7ee51b}label{margin:12px 0}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint,small{color:var(--muted)}.alert{margin-bottom:15px;padding:12px 15px;border-radius:10px}.danger{color:#972f3c;background:#ffe9ec}.result{padding:10px 12px;border-radius:9px}.row{display:grid;grid-template-columns:220px 1fr 140px;gap:15px;padding:14px 8px;border-bottom:1px solid #edf0f3;text-decoration:none;color:inherit}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px;text-align:left;border-bottom:1px solid #e7ebf1;vertical-align:top}dl{display:grid;grid-template-columns:140px 1fr}dt,dd{padding:7px;margin:0}.inline{margin-top:10px}.samples{display:flex;flex-wrap:wrap;gap:7px}.pill,.sample-button{padding:6px 10px;border:1px solid #d8deea;border-radius:20px;color:#33415b;background:#fafbfd;font-size:11px}.sample-button{text-align:left}.chat{min-height:300px}.bubble{max-width:78%;margin:10px 0;padding:10px 14px;border-radius:12px;background:#edf1f7}.bubble.buyer{margin-left:auto;background:#dfeaff}.bubble.bot,.bubble.agent{background:#e4f5e9}.bubble p{margin:3px 0}.composer{display:grid;grid-template-columns:1fr 110px;gap:10px;margin:15px 0}.composer textarea{min-height:80px}.empty-state{padding:35px;text-align:center;color:#828c9f}.empty-state p{margin:6px 0}.login{max-width:520px;margin:70px auto}.demo-credentials{margin:14px 0;padding:12px 14px;border:1px solid #bdd3f1;border-radius:8px;background:#edf5ff}.demo-credentials p{margin:7px 0}
@media (max-width: 1250px) { .metric-grid{grid-template-columns:repeat(3,1fr)}.workspace-grid{grid-template-columns:200px 1fr}.copilot-panel{position:static;grid-column:1/-1}.dashboard-grid,.analytics-grid,.live-grid,.playbook-grid{grid-template-columns:1fr}.hero-orbit{display:none}.hero{grid-template-columns:1fr}.knowledge-layout,.knowledge-editor-layout{grid-template-columns:1fr}.knowledge-side,.version-panel{position:static} }
@media (max-width: 820px) { .sidebar{position:static;width:auto;height:auto;padding:13px}.brand{display:inline-flex}.side-nav{margin-top:12px;flex-direction:row;overflow:auto}.side-nav a{white-space:nowrap}.sidebar-foot{display:none}.app-shell{padding-left:0}.environment-bar{justify-content:flex-start;overflow:auto;padding:0 14px;white-space:nowrap}main{padding:18px 14px 40px}.hero{padding:28px 22px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-detail-row{grid-template-columns:1fr;gap:7px}.metric-detail-row em{white-space:normal}.workspace-grid{grid-template-columns:1fr}.context-panel,.copilot-panel{position:static}.context-panel{order:2}.conversation-canvas{order:1}.copilot-panel{order:3}.test-form{grid-template-columns:1fr 1fr}.confirm-field{grid-column:1/-1}.page-heading,.chat-page-heading,.heading{align-items:flex-start;flex-direction:column}.chat-page-heading .channel-badge{margin-left:0}.flow-steps{overflow:auto;justify-content:flex-start}.conversation-row{grid-template-columns:38px 1fr}.conversation-state{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start}.conversation-toolbar,.workflow-actions,.workflow-actions form,.demo-control,.evaluation-launch,.procedure-picker{align-items:stretch;flex-direction:column}.inbox-search,.workflow-bar,.todo-form,.quality-item,.start-live-form,.evaluation-columns,.manual-score-form,.procedure-current,.procedure-grid,.procedure-fields{grid-template-columns:1fr}.procedure-progress{grid-template-columns:repeat(2,1fr)}.inbox-search,.workflow-bar,.todo-form,.quality-item,.start-live-form,.evaluation-columns,.manual-score-form{grid-template-columns:1fr}.grid,.form-grid,.filter-bar{grid-template-columns:1fr}.knowledge-card-head{display:grid}.knowledge-card-head .button-group{justify-content:flex-start}.buyer-header{padding:0 16px} }
.candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.candidate-grid article{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.candidate-grid article span{color:#65748f;font-size:10px;text-transform:uppercase}.candidate-grid article h3{margin:7px 0;font-size:14px}.candidate-grid article p{margin:6px 0;color:#526078;font-size:12px}.candidate-grid article small{display:block;margin-top:9px}.product-studio-result table .evidence-chip{display:inline-block;margin-top:5px}
@media (max-width: 1000px){.candidate-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 620px){.candidate-grid{grid-template-columns:1fr}}
@media (max-width: 900px){.test-fields,.test-confirm-row,.workflow-bar,.todo-form{grid-template-columns:1fr}.test-confirm-row button{width:100%}.queue-explainer>div{grid-template-columns:1fr 1fr}.workflow-actions>form{justify-content:flex-start}}
@media (max-width: 620px){.queue-explainer>div{grid-template-columns:1fr}}
@media (max-width: 620px){.quick-reply-row{grid-template-columns:1fr}.quick-reply-row>details{min-width:0}}

/* 会话与知识图片：列表只显示轻量缩略图，点击后在当前页面弹窗预览。 */
.image-preview-trigger{display:block;width:max-content;max-width:100%;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:none;overflow:hidden}
.image-preview-trigger:hover{transform:none;filter:none;box-shadow:0 0 0 3px #316fe925}
.attachment-card .image-preview-trigger{margin:8px 0}
.attachment-card .image-preview-trigger img{display:block;width:180px;height:128px;max-width:100%;object-fit:cover;border-radius:9px;background:#f1f4f8}
.attachment-video{width:min(540px,78%);max-width:78%}
.attachment-video>div{min-width:0}.attachment-video b{display:block;overflow-wrap:anywhere}
.ozon-video-player{display:block;width:100%;max-height:360px;margin:8px 0;border-radius:10px;background:#111}
.attachment-video .small-button{display:inline-flex;margin:0 0 8px}
.knowledge-image-button{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:10px;margin-top:10px;color:#315fae;text-align:left}
.knowledge-image-button img,.knowledge-image-preview img,.matched-knowledge-image img{display:block;width:88px;height:66px;object-fit:cover;border-radius:8px}
.knowledge-image-preview,.matched-knowledge-image{display:flex;align-items:center;gap:12px;margin:10px 0;padding:10px;border:1px solid #dce5f2;border-radius:10px;background:#f8faff}
.knowledge-image-preview label,.matched-knowledge-image label{margin:0}
.image-modal{display:none;position:fixed;z-index:1000;inset:0;padding:64px 28px 28px;background:#0b1220d9;align-items:center;justify-content:center}
.image-modal.open{display:flex}
.image-modal-body{display:grid;justify-items:center;max-width:min(1200px,96vw);max-height:calc(100vh - 92px);padding:16px;border-radius:14px;background:#fff;box-shadow:0 25px 70px #0008}
.image-modal-body img{display:block;max-width:calc(96vw - 32px);max-height:calc(100vh - 150px);object-fit:contain}
.image-modal-body p{margin:10px 0 0;color:#536078}
.image-modal-close{position:absolute;right:24px;top:18px;width:40px;height:40px;padding:0;border-radius:50%;font-size:28px;line-height:1;background:#fff;color:#26354e;box-shadow:0 8px 25px #0005}
body.modal-open{overflow:hidden}
.manual-reply-form{margin-top:18px;padding-top:16px;border-top:2px solid #dfe7f4}
.reply-composer-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.manual-reply-form textarea{min-height:120px}
.manual-reply-form>button{width:100%;margin-top:8px}

/* 演示版可读性基线：正文与辅助信息在普通笔记本屏幕上无需放大浏览器。 */
body{font-size:15px;line-height:1.55}
.environment-bar{font-size:13px}.eyebrow{font-size:12px;letter-spacing:1px}
label,.language-block label,.evidence-block label{font-size:13px}
input,textarea,select{font-size:14px}.hint,small{font-size:12px}
.knowledge-card-head small,.knowledge-card .ru-text,.answer-preview,.knowledge-meta{font-size:13px}
.knowledge-card h3{font-size:18px}.small-button{font-size:13px}
.procedure-step-list p{font-size:14px}.procedure-step-list small,.procedure-editor{font-size:12px}
.quality-copy p{font-size:14px}.quality-copy>div span,.quality-summary,.chart-foot{font-size:12px}
.queue-tabs a,.conversation-main small,.conversation-state small,.context-note,.decision-card p{font-size:12px}
.queue-chip,.status-chip,.evidence-chip,.message-meta,.message small,.model-foot{font-size:12px}
.context-list dt,.context-list dd,.message-bubble,.language-block p,table{font-size:13px}
.category-list{display:grid;gap:7px;margin:12px 0 18px}.category-list div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:#f4f7fc}.category-list small{font-family:Consolas,monospace}
.sync-guide{margin-bottom:18px}.sync-safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.sync-safety-grid div{display:grid;gap:5px;padding:14px;border-radius:10px;background:#f3f7ff}.sync-safety-grid span{color:#5d6980}
@media (max-width:820px){.sync-safety-grid{grid-template-columns:1fr}}
.info-help{display:inline-flex;align-items:center;justify-content:center;cursor:help;font-size:.92em;vertical-align:middle}
.diagnostic-candidate{display:grid;gap:4px;padding:10px 0;border-top:1px solid var(--border,#dfe4ec)}
.diagnostic-candidate small{display:block}.error-text{color:#b42318}
.user-management-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:start}
.user-card{padding:14px 0;border-bottom:1px solid var(--border,#dfe4ec)}
.user-card summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.user-card form{margin-top:14px}
.candidate-links{display:grid;gap:8px;margin-top:12px}.candidate-links a{font-size:.9rem}
.sync-explainer{margin:0 0 16px;padding:12px 15px;border:1px solid #f0d79e;border-radius:10px;color:#72510d;background:#fff8e8;font-size:14px}
.conversation-main b{font-size:15px}.conversation-main p{font-size:14px;line-height:1.55}.conversation-state time{color:#657087;font-size:12px;line-height:1.35;text-align:right}.conversation-state time b{color:#33415b;font-size:13px;white-space:nowrap}
.context-list dt,.context-list dd{font-size:14px}.context-list dt{color:#6e788b}.context-note{font-size:13px}.slot-actions summary{font-size:13px}.slot-form label{font-size:13px}
.message-meta{font-size:13px}.message-meta time{color:#66738a}.message-bubble{font-size:15px;line-height:1.65}.message small{font-size:11px}.live-indicator{max-width:260px;text-align:right;font-size:12px}
@media(max-width:900px){.user-management-grid{grid-template-columns:1fr}}

/* 尺码推荐：单页三步，基础资料保持最少字段。 */
.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.simple-steps>div{display:flex;align-items:center;gap:12px;padding:13px;border-radius:11px;background:#f3f7ff}.simple-steps b{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;color:#fff;background:#3975dd}.simple-steps span{display:grid}.simple-steps small{margin-top:2px}
.size-guide-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}.size-product-list{position:sticky;top:18px}.simple-create{margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:10px}.simple-create summary{cursor:pointer;font-weight:750}.size-product-links{display:grid;gap:7px;margin-top:12px}.size-product-links>a{display:grid;gap:3px;padding:11px;border:1px solid transparent;border-radius:10px;color:inherit;text-decoration:none;background:#f5f7fb}.size-product-links>a.active{border-color:#9bb9ef;background:#edf4ff}.size-product-links span{color:#6f7c91;font-size:12px}.size-product-links small{color:#a65734}.size-guide-main{display:grid;gap:18px}.size-basic-form{display:grid;grid-template-columns:1fr 1.4fr 1fr 1.4fr;gap:0 12px;align-items:end}.size-basic-form button{grid-column:1/-1}.size-row-form{display:grid;grid-template-columns:.7fr 1fr 1fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:16px}.size-row-form label,.size-trial-form label{margin:0}.size-trial-form{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto auto;gap:10px;align-items:end;margin-bottom:16px}.size-result{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.size-result>div{display:grid;gap:5px;padding:15px;border-radius:12px;background:#f4f7fc}.size-result>div.primary{color:#fff;background:linear-gradient(135deg,#3978ef,#315fce)}.size-result span{font-size:12px}.size-result b{font-size:24px}.size-result .primary small{color:#dce8ff}
@media(max-width:1250px){.size-row-form,.size-trial-form{grid-template-columns:repeat(3,1fr)}.size-result{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.simple-steps,.size-guide-layout,.size-basic-form,.size-row-form,.size-trial-form,.size-result{grid-template-columns:1fr}.size-product-list{position:static}.size-basic-form button{grid-column:auto}}
.conversation-size-shortcut{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:10px}.conversation-size-shortcut small{max-width:520px}
@media(max-width:820px){.conversation-size-shortcut{align-items:stretch;flex-direction:column}}
/* 常用话术弹层（2026-09-05 v2）：新增/管理移入对话框，聊天右栏只保留标题、入口按钮与快捷chips */
.quick-reply-heading>div.quick-reply-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}
.quick-reply-tools .small-button{padding:3px 9px;font-size:10px}
.panel-dialog{width:min(620px,94vw);max-height:84vh;border:none;border-radius:16px;padding:18px 20px 16px;box-shadow:0 24px 64px #1c2b4a2e,0 4px 16px #1c2b4a14}
.panel-dialog::backdrop{background:#16243d59}
.panel-dialog.dialog-wide{width:min(820px,94vw)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px}
.dialog-heading b{font-size:14px;color:#243b64}
.dialog-close{width:26px;height:26px;flex-shrink:0;padding:0;min-width:0;border:none;border-radius:50%;background:#eef2f9;color:#5a6a85;font-size:13px;line-height:1;cursor:pointer;display:grid;place-items:center}
.dialog-close:hover{background:#e2e9f5;color:#33455f}
.panel-dialog .hint{color:#718099;font-size:10px;margin:2px 0 10px}
.dialog-form.quick-reply-form{margin-top:12px;padding:0;border:none;background:transparent}
.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.panel-dialog .button-group{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.dialog-scroll{max-height:60vh;overflow:auto;margin-top:10px;display:grid;gap:8px;padding:2px}
.quick-reply-row{display:grid;grid-template-columns:1fr minmax(240px,auto);gap:10px;align-items:start;padding:10px 12px;border:1px solid #e4eaf3;border-radius:10px;background:#fbfdff}
.quick-reply-row>div{display:grid;gap:3px}
.quick-reply-row>div b{font-size:11.5px;color:#2b3d5c}
.quick-reply-row>div small{color:#8592a8;font-size:9.5px}
.quick-reply-row>details{min-width:0}
.quick-reply-row>details>summary{color:#3765bf;font-size:10.5px;cursor:pointer}
@media (max-width:620px){.panel-dialog{width:96vw}.lang-grid{grid-template-columns:1fr}.quick-reply-row{grid-template-columns:1fr}.dialog-scroll{max-height:64vh}}