.rfq-demo{--bg:#f4f5f9;--surface:#fff;--surface-2:#f8f9fc;--border:#d9dde9;--text:#1b2338;--text-2:#4a5168;--text-3:#6a7189;--accent:#232c42;--accent-soft:#e4e7f1;--periwinkle:#6d7ec0;--ok-bg:#e6f1ea;--ok-fg:#2d784f;--warn-bg:#faf0dc;--warn-fg:#916319;--info-bg:#e9edfb;--info-fg:#4351c4;--mute-bg:#efedea;--mute-fg:#676661;--danger-bg:#fae9e6;--danger-fg:#b54238;--r:8px;font-family:var(--font-hanken-grotesk), system-ui, sans-serif;color:var(--text);background:var(--bg);flex-direction:column;min-height:100vh;font-size:14px;line-height:1.45;display:flex}.rfq-demo *,.rfq-demo :before,.rfq-demo :after{box-sizing:border-box}:where(.rfq-demo button){font:inherit;cursor:pointer}:where(.rfq-demo a){color:inherit}:where(.rfq-demo h1,.rfq-demo h2,.rfq-demo h3,.rfq-demo p,.rfq-demo ul,.rfq-demo ol){margin:0;padding:0}:where(.rfq-demo ul,.rfq-demo ol){list-style:none}.rfq-mono{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;font-size:12px}.rfq-banner{color:#c3c9dd;white-space:nowrap;background:#141a2b;flex-shrink:0;align-items:center;gap:16px;height:36px;padding:0 16px;font-size:12px;display:flex;overflow:hidden}.rfq-banner-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.rfq-intro{max-width:70ch;color:var(--text-2);margin:14px 16px 0;font-size:14px;line-height:1.5}.rfq-intro a{color:var(--accent);text-decoration:underline}.rfq-banner strong{color:#fff;font-weight:600}.rfq-banner .rfq-banner-right{gap:16px;margin-left:auto;display:flex}.rfq-banner button,.rfq-banner a{color:#a9b8ec;background:0 0;border:0;padding:0;text-decoration:none}.rfq-banner button:hover,.rfq-banner a:hover{color:#fff}.rfq-layout{flex:1;grid-template-columns:300px minmax(280px,1fr) minmax(360px,1.2fr);align-items:start;gap:16px;min-height:0;padding:16px;display:grid}.rfq-pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;min-width:0;display:flex}.rfq-pane-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.rfq-pane-title span{color:var(--text-3);font-weight:400}.rfq-inbox{flex-direction:column;display:flex}.rfq-email{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.rfq-email:last-child{border-bottom:0}.rfq-email-from{justify-content:space-between;gap:8px;font-size:13px;font-weight:600;display:flex}.rfq-email-subject{font-size:13px}.rfq-email-preview{color:var(--text-3);font-size:12.5px}.rfq-email-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.rfq-email-done .rfq-email-subject{color:var(--text-2)}.rfq-chip{background:var(--mute-bg);color:var(--mute-fg);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.rfq-chip-ok{background:var(--ok-bg);color:var(--ok-fg)}.rfq-chip-warn{background:var(--warn-bg);color:var(--warn-fg)}.rfq-chip-info{background:var(--info-bg);color:var(--info-fg)}.rfq-chip-danger{background:var(--danger-bg);color:var(--danger-fg)}.rfq-chip-file{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-weight:500}.rfq-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:5px 11px;font-size:12.5px;font-weight:600}.rfq-btn:hover{border-color:var(--periwinkle)}.rfq-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.rfq-btn-primary:hover{background:#2f3a58}.rfq-btn:disabled{opacity:.5;cursor:default}.rfq-hint{color:var(--periwinkle);border-top:1px dashed var(--border);padding:10px 14px;font-size:12.5px}.rfq-stages{flex-direction:column;display:flex}.rfq-stage{border-bottom:1px solid var(--border);grid-template-columns:24px 1fr;gap:10px;padding:12px 14px;transition:background .2s;display:grid}.rfq-stage:last-child{border-bottom:0}.rfq-stage-dot{border:2px solid var(--border);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:11px;display:flex}.rfq-stage-label{font-size:13px;font-weight:600}.rfq-stage-blurb{color:var(--text-3);font-size:12px}.rfq-stage-active{background:var(--accent-soft)}.rfq-stage-active .rfq-stage-dot{border-color:var(--periwinkle);background:var(--periwinkle)}.rfq-stage-done .rfq-stage-dot{border-color:var(--ok-fg);background:var(--ok-fg)}.rfq-stage-skipped .rfq-stage-dot{border-color:var(--border);background:var(--mute-bg)}.rfq-stage-stopped .rfq-stage-dot{border-color:var(--danger-fg);background:var(--danger-fg)}.rfq-trace{color:var(--text-2);flex-direction:column;gap:3px;margin-top:6px;display:flex}.rfq-trace li:before{content:"→";color:var(--text-3)}.rfq-trace-status{color:var(--text-3);font-style:italic}.rfq-tabs{border-bottom:1px solid var(--border);gap:2px;padding:8px 8px 0;display:flex}.rfq-tab{color:var(--text-2);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.rfq-tab-active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.rfq-tab .rfq-count{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:0 7px;font-size:11px;font-weight:600}.rfq-sheet-wrap{overflow-x:auto}.rfq-sheet{border-collapse:collapse;width:100%;min-width:560px;font-size:12.5px}.rfq-sheet th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:8px 10px;font-size:11.5px;font-weight:600}.rfq-sheet td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.rfq-sheet-empty{color:var(--text-3);padding:24px 14px;font-size:12.5px}.rfq-row-struck td{color:var(--text-3);text-decoration:line-through}@keyframes rfq-fade-in{0%{opacity:0;background:var(--accent-soft)}to{opacity:1;background:0 0}}.rfq-row-new{animation:.7s ease-out rfq-fade-in}.rfq-cards{flex-direction:column;gap:10px;padding:12px;display:flex}.rfq-card{border:1px solid var(--border);border-left:3px solid var(--periwinkle);background:var(--surface-2);border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.rfq-card-title{font-size:13px;font-weight:600}.rfq-card-summary{color:var(--text-2);font-size:12.5px}.rfq-card-collapsed{border-left-color:var(--border);color:var(--text-3);padding:8px 12px}.rfq-reactions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.rfq-reactions .rfq-btn{padding:4px 9px;font-weight:500}.rfq-teams-empty{color:var(--text-3);padding:16px 14px;font-size:12.5px}.rfq-modal-backdrop{z-index:50;background:#14182880;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rfq-modal{background:var(--surface);border-radius:var(--r);width:min(720px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0a0e1a59}.rfq-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.rfq-email-view{flex-direction:column;gap:12px;padding:16px;font-size:13px;display:flex}.rfq-email-view .rfq-mono{color:var(--text-2)}.rfq-facts{grid-template-columns:max-content 1fr;gap:3px 14px;display:grid}.rfq-facts dt{color:var(--text-3)}.rfq-facts dd{margin:0}.rfq-fwd-header{border-top:1px solid var(--border);color:var(--text-2);padding-top:12px}.rfq-fwd-body p+p{margin-top:8px}@media (max-width:1004px){.rfq-layout{grid-template-columns:1fr}}@media (max-width:640px){.rfq-banner-note{display:none}.rfq-modal-backdrop{align-items:flex-end;padding:0}.rfq-modal{border-radius:14px 14px 0 0;width:100%;max-width:none;max-height:92vh}}@media (prefers-reduced-motion:reduce){.rfq-row-new{animation:none}.rfq-stage{transition:none}}