:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #fafbfc;--surface-3: #f0f2f5;--border: #e1e4e8;--border-2: #d0d4da;--ink: #0b1a2b;--ink-2: #1e2d3f;--muted: #5b6b7d;--muted-2: #8592a2;--brand: #0a3b6e;--brand-2: #0e4f92;--brand-ink: #07274a;--accent: #c9a94a;--ai: #6a47d9;--ai-2: #8b6ff0;--ai-tint: #f1edfd;--good: #1f7a3e;--good-tint: #e3f4e8;--warn: #9a5b08;--warn-tint: #fcf1dc;--danger: #a3241c;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(10,30,60,.06);--shadow-md: 0 4px 14px rgba(10,30,60,.08);--shadow-lg: 0 20px 50px rgba(10,30,60,.18);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--row-py: 12px;--gap: 14px;--fs-base: 14px;--fs-sm: 12.5px;--fs-xs: 11.5px}[data-density=compact]{--row-py: 8px;--gap: 10px;--fs-base: 13px;--fs-sm: 12px;--fs-xs: 11px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.45;height:100%}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,textarea,select{font-family:inherit}a{text-decoration:none}.app{display:grid;grid-template-rows:52px 1fr;height:100vh;overflow:hidden;background:var(--bg)}.topbar{background:var(--brand-ink);color:#fff;display:flex;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;font-size:15px}.brand-mark{width:28px;height:28px;border-radius:4px;background:#fff;display:grid;place-items:center;padding:3px;overflow:hidden;flex-shrink:0}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.brand-divider{color:#ffffff4d;font-weight:300;margin:0 2px}.brand-product{font-weight:500;color:#ffffffd9;letter-spacing:-.005em}.topnav{display:flex;gap:2px;margin-left:8px}.topnav a{padding:6px 12px;font-size:13px;color:#ffffffb3;border-radius:4px;cursor:pointer}.topnav a.active{background:#ffffff1a;color:#fff}.topnav a:hover:not(.active){color:#fff}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.search-box{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;padding:6px 10px;border-radius:5px;font-size:12.5px;width:240px;outline:none}.search-box::placeholder{color:#ffffff73}.search-box:focus{background:#ffffff1f;border-color:#ffffff4d}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#3a2a06;display:grid;place-items:center;font-size:11px;font-weight:700;cursor:pointer}.main{display:grid;grid-template-columns:380px 1fr;min-height:0;overflow:hidden}@media(max-width:900px){.main{grid-template-columns:1fr}.main[data-mobile-view=inbox] .workspace,.main[data-mobile-view=work] .inbox{display:none}}.inbox{border-right:1px solid var(--border);background:linear-gradient(180deg,#f7f9fc,#eef2f7);display:flex;flex-direction:column;min-height:0;box-shadow:inset -1px 0 #0a3b6e0a,2px 0 8px #0a1e3c0a}.inbox-header{padding:14px 16px 10px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,#f7f9fc)}.inbox-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.inbox-title h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.inbox-count{font-size:11px;background:var(--surface-3);color:var(--muted);padding:2px 7px;border-radius:10px;font-weight:500}.sync-dot{width:6px;height:6px;border-radius:50%;background:var(--good);animation:pulse 2s ease-in-out infinite;display:inline-block;margin-right:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.inbox-sync{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.refresh-btn{background:none;border:none;cursor:pointer;color:var(--muted);padding:2px;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.refresh-btn:hover:not(:disabled){color:var(--accent);background:var(--hover)}.refresh-btn:disabled{opacity:.4;cursor:default}.inbox-filters{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(10,59,110,.08);background:#ffffff80;overflow-x:auto}.filter-chip{padding:4px 10px;border-radius:4px;font-size:12px;color:var(--muted);font-weight:500;white-space:nowrap;background:transparent}.filter-chip.active{background:var(--ink);color:#fff}.filter-chip:hover:not(.active){color:var(--ink);background:var(--surface-3)}.inbox-list{flex:1;overflow-y:auto;min-height:0}.email-row{padding:var(--row-py) 16px;border-bottom:1px solid rgba(10,59,110,.06);cursor:pointer;position:relative;transition:background .1s}.email-row:hover{background:#fff9}.email-row.selected{background:#fff;box-shadow:inset 3px 0 0 var(--brand),0 1px 3px #0a1e3c0f}.email-row.done{opacity:.6}.email-row-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.email-from{font-weight:600;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-time{font-size:11px;color:var(--muted-2);white-space:nowrap}.email-subject{font-size:13px;color:var(--ink-2);font-weight:500;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-preview{font-size:var(--fs-xs);color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.email-row-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.tag{font-size:10.5px;padding:2px 6px;border-radius:3px;font-weight:500;letter-spacing:.01em;background:var(--surface-3);color:var(--muted)}.tag.quote{background:#e6eef8;color:var(--brand)}.tag.rush{background:#fde8e5;color:var(--danger)}.tag.existing{background:var(--good-tint);color:var(--good)}.tag.ai-found{background:linear-gradient(90deg,#f1edfd,#eaf2fb);color:var(--ai);display:inline-flex;align-items:center;gap:3px}.tag.done{background:var(--good-tint);color:var(--good)}.workspace{display:flex;flex-direction:column;min-height:0;overflow:hidden}.workspace-loading{display:flex;flex-direction:column;gap:0;flex:1;overflow:hidden;background:var(--bg)}.workspace-loading-msg{display:flex;align-items:center;gap:8px;padding:14px 20px;font-size:12.5px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface)}.workspace-loading-spinner{width:14px;height:14px;border:2px solid var(--border-2);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.skeleton-wrap{display:flex;flex-direction:column;gap:12px;padding:16px 20px}.skeleton-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.skeleton-section-header{height:44px;border-bottom:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;padding:0 16px;gap:10px}.skeleton-section-body{padding:16px;display:flex;flex-direction:column;gap:10px}.skeleton-line{height:12px;border-radius:4px;background:linear-gradient(90deg,#d8dde4,#eaecf0,#d8dde4 80%);background-size:300% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-block{border-radius:6px;background:linear-gradient(90deg,#d8dde4,#eaecf0,#d8dde4 80%);background-size:300% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-line.w80{width:80%}.skeleton-line.w70{width:70%}.skeleton-line.w60{width:60%}.skeleton-line.w50{width:50%}.skeleton-line.w40{width:40%}.skeleton-line.w30{width:30%}.skeleton-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,#d8dde4,#eaecf0,#d8dde4 80%);background-size:300% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.workspace-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:40px}.workspace-empty svg{opacity:.3;margin-bottom:16px}.email-loading-spinner{width:36px;height:36px;border:3px solid var(--border-2);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.back-btn{display:none;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border);font-size:13px;color:var(--brand);align-items:center;gap:6px}@media(max-width:900px){.back-btn{display:flex}}.stepper{display:flex;gap:0;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto}.step{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:12.5px;color:var(--muted);white-space:nowrap;position:relative}.step:not(:last-child):after{content:"";position:absolute;right:-4px;top:50%;width:12px;height:1px;background:var(--border-2)}.step-num{width:20px;height:20px;border-radius:50%;background:var(--surface-3);color:var(--muted);display:grid;place-items:center;font-size:11px;font-weight:600;flex-shrink:0}.step.active{color:var(--ink);font-weight:600}.step.active .step-num{background:var(--brand);color:#fff}.step.done .step-num{background:var(--good);color:#fff}.step.done{color:var(--ink-2)}.workspace-body{flex:1;overflow-y:auto;min-height:0;background:var(--bg)}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:16px 20px;overflow:hidden}.section-header{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);min-height:40px}.section-title{font-size:13px;font-weight:600;letter-spacing:-.005em;display:flex;align-items:center;gap:8px;min-width:0;flex:1}.section-body{padding:14px 16px}.email-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:12.5px;margin-bottom:14px}.email-meta dt{color:var(--muted);font-weight:500}.email-meta dd{margin:0;color:var(--ink-2)}.from-avatar{display:inline-flex;align-items:center;gap:8px}.mini-avatar{width:22px;height:22px;border-radius:50%;background:var(--brand-2);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700}.email-body{font-size:13.5px;line-height:1.6;color:var(--ink-2)}.email-body p{margin:0 0 10px}.email-body .sig{margin-top:14px;padding-top:10px;border-top:1px dashed var(--border-2);color:var(--muted);font-size:12.5px}.hl{background:linear-gradient(transparent 55%,#fff1c9 55%);padding:0 1px}.hl.sku{background:linear-gradient(transparent 55%,#d4e5fb 55%)}.hl.qty{background:linear-gradient(transparent 55%,#d3f0db 55%)}.ai-section{position:relative;overflow:hidden}.ai-header{background:linear-gradient(90deg,#f5f1fe,#f0e8fc);border-bottom:1px solid #e3d8f8}.ai-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 7px;border-radius:10px;background:var(--ai);color:#fff;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;height:18px}.ai-subtitle{font-size:11px;color:var(--ai);font-weight:700;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;flex-shrink:0;background:#ffffffb3;padding:3px 8px;border-radius:10px}.simple-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}@media(max-width:700px){.simple-fields{grid-template-columns:1fr}}.simple-field{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.simple-field:focus-within{border-color:var(--brand);background:#fff}.simple-field label{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.simple-field input{font-size:13.5px;color:var(--ink);font-weight:500;background:transparent;border:none;padding:2px 0;outline:none;width:100%}.products-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:6px 0}.add-row-btn{font-size:11px;font-weight:600;color:var(--brand);padding:2px 6px;border-radius:3px}.add-row-btn:hover{background:#eaf2fb}.products-table,.history-table,.quote-table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.products-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.products-table th,.history-table th{text-align:left;padding:8px 10px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.products-table td,.history-table td{padding:0;border-bottom:1px solid var(--border);vertical-align:top}.history-table td{padding:8px 10px;color:var(--ink-2)}.products-table tr:last-child td,.history-table tr:last-child td{border-bottom:none}.history-table tr:hover td{background:var(--surface-2)}.cell-input{width:100%;border:none;outline:none;background:transparent;padding:8px 10px;font-size:12.5px;color:var(--ink-2);font-family:inherit;box-sizing:border-box}.cell-input.mono{font-family:var(--font-mono);font-size:11.5px;color:var(--brand);font-weight:500}.cell-input.num{text-align:right;font-variant-numeric:tabular-nums}.cell-input:focus{background:#eaf2fb}.cell-textarea{resize:vertical;min-height:54px;line-height:1.45;vertical-align:top;display:block}.sku-cell{font-family:var(--font-mono);font-size:11.5px;color:var(--brand)}.details-toggle{display:block;margin-top:14px;font-size:12px;color:var(--muted);font-weight:500;padding:6px 0;text-align:left}.details-toggle:hover{color:var(--ink)}.details-panel{margin-top:8px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-bottom:10px}.detail-item{display:flex;justify-content:space-between;font-size:11.5px;padding:3px 0;border-bottom:1px dashed var(--border)}.detail-k{color:var(--muted)}.detail-v{color:var(--ink-2);font-weight:500}.extracting{padding:40px 20px;text-align:center}.extracting-orb{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--ai-2),var(--ai));margin:0 auto 14px;animation:orb-pulse 1.6s ease-in-out infinite}@keyframes orb-pulse{0%{box-shadow:0 0 #6a47d980;transform:scale(1)}50%{box-shadow:0 0 0 16px #6a47d900;transform:scale(1.05)}to{box-shadow:0 0 #6a47d900;transform:scale(1)}}.extracting-status{font-size:12.5px;color:var(--ai);font-weight:500;margin-bottom:4px}.extracting-sub{font-size:11.5px;color:var(--muted);font-family:var(--font-mono)}.reasoning{margin-top:10px;background:var(--surface-2);border:1px dashed var(--border-2);border-radius:var(--radius);padding:10px 12px;font-family:var(--font-mono);font-size:11px;color:var(--muted);line-height:1.6;max-height:120px;overflow-y:auto}.reasoning-line{display:flex;gap:8px;opacity:0;animation:fade-in .3s forwards}.reasoning-line .arrow{color:var(--ai)}@keyframes fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.ai-trace-panel{background:var(--ink);color:#d5d9df;border-radius:var(--radius);padding:12px 14px;margin-top:10px;font-family:var(--font-mono);font-size:11px;line-height:1.55}.ai-trace-header{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#8ea3ff;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.trace-step{display:flex;gap:8px;padding:3px 0}.trace-step .t-arrow{color:var(--ai-2);flex-shrink:0}.trace-step .t-tool{color:#8ea3ff}.trace-step.done .t-arrow{color:#4fd38a}.trace-step strong{color:#fff;font-weight:500}.quote-table{border:1px solid #e3d8f8;border-radius:var(--radius);overflow:hidden;background:#fcfaff;box-shadow:0 0 0 3px #6a47d90a}.quote-table th{text-align:left;padding:8px 10px;background:#f5f1fe;border-bottom:1px solid #e3d8f8;font-size:10.5px;font-weight:600;color:var(--ai);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.quote-table td{padding:0;border-bottom:1px solid #ece5f9;vertical-align:top}.quote-table tbody tr:last-of-type td{border-bottom:none}.quote-table .cell-input{padding:8px 10px}.quote-table .cell-input:focus{background:#ede5fd}.quote-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 8px;flex-wrap:wrap}.quote-label-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ai);text-transform:uppercase;letter-spacing:.04em}.quote-label-note{color:var(--muted);font-weight:500;font-size:11.5px}.price-input{display:flex;flex-wrap:nowrap;align-items:center;padding:0 8px 0 10px;gap:2px}.price-input .price-prefix{color:var(--muted);font-size:12.5px;flex-shrink:0;line-height:1}.price-input .cell-input{padding:8px 0!important;min-width:0}.row-remove{width:22px;height:22px;border-radius:4px;color:var(--muted-2);font-size:16px;line-height:1;display:grid;place-items:center;margin:0 4px}.row-remove:hover{background:#fde8e5;color:var(--danger)}.add-line-row td{padding:0;background:#fcfaff}.add-line-btn{width:100%;padding:8px 10px;text-align:left;font-size:12px;color:var(--ai);font-weight:600}.add-line-btn:hover{background:#f5f1fe}.draft-wrap{font-size:13.5px;line-height:1.6}.draft-field{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:6px 0;border-bottom:1px solid var(--border);font-size:12.5px}.draft-field label{color:var(--muted);font-weight:500;padding-top:2px}.draft-field input{border:none;outline:none;background:transparent;font-size:12.5px;color:var(--ink-2);padding:2px 0;width:100%}.draft-body{margin-top:14px;white-space:pre-wrap;min-height:220px;outline:none;padding:2px}.draft-body:focus{outline:1px solid var(--brand);outline-offset:4px;border-radius:4px}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--ai);vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.draft-attachment{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:12px}.draft-attachment-name{font-weight:500;color:var(--ink-2)}.draft-attachment-size{color:var(--muted);font-size:11px}.action-bar{padding:12px 20px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;bottom:0}.action-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;border:1px solid transparent;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover{background:var(--brand-2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border-2)}.btn-secondary:hover{background:var(--surface-3)}.btn-ghost{color:var(--muted)}.btn-ghost:hover{color:var(--ink);background:var(--surface-3)}.btn-ai{background:linear-gradient(135deg,var(--ai) 0%,var(--ai-2) 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 1px 3px #6a47d94d}.btn-ai:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.btn-ai:hover:after{transform:translate(100%)}.btn-ai:disabled{opacity:.6;cursor:not-allowed}.success-panel{padding:40px 24px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:20px}.success-check{width:56px;height:56px;border-radius:50%;background:var(--good-tint);color:var(--good);display:grid;place-items:center;margin:0 auto 16px;animation:pop .4s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.success-title{font-size:18px;font-weight:600;margin-bottom:6px}.success-sub{color:var(--muted);font-size:13px;margin-bottom:20px}.success-log{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-size:12.5px;max-width:440px;margin:0 auto 20px}.log-item{display:flex;gap:10px;padding:5px 0;align-items:flex-start}.log-item .check{color:var(--good);margin-top:1px}.log-item strong{color:var(--ink)}.log-item .log-sub{color:var(--muted);font-size:11.5px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-ink) 0%,#0e2444 60%,#1a3a6e 100%)}.login-card{background:var(--surface);border-radius:16px;padding:40px 44px;width:380px;box-shadow:var(--shadow-lg);text-align:center}.login-logo{width:52px;height:52px;margin:0 auto 16px}.login-logo img{width:100%;height:100%;object-fit:contain}.login-title{font-size:22px;font-weight:700;color:var(--ink);margin-bottom:4px}.login-sub{font-size:13px;color:var(--muted);margin-bottom:28px}.login-divider{display:flex;align-items:center;gap:10px;margin:20px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{font-size:11px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.sso-btn{width:100%;padding:11px 16px;border-radius:var(--radius);font-size:14px;font-weight:600;border:1px solid var(--border-2);background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;cursor:pointer;transition:all .15s}.sso-btn:hover{background:var(--surface-3);border-color:var(--border)}.sso-btn.microsoft{border-color:#0078d4;color:#0078d4}.sso-btn.microsoft:hover{background:#e8f0fb}.sso-btn.okta{border-color:#007dc1;color:#007dc1}.sso-btn.okta:hover{background:#e5f3fb}.login-error{color:var(--danger);font-size:12.5px;margin-top:12px;padding:8px 12px;background:#fde8e5;border-radius:var(--radius)}.login-auth-spinner{width:40px;height:40px;border:3px solid var(--border-2);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:8px auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c9cfd6;border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#a8b2bc}::-webkit-scrollbar-track{background:transparent}.sent-page{padding:20px}.sent-page h2{font-size:16px;font-weight:600;margin:0 0 16px}.quotes-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.quotes-table th{text-align:left;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.quotes-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--ink-2)}.quotes-table tr:last-child td{border-bottom:none}.quotes-table tr:hover td{background:var(--surface-2)}.status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.status-badge.sent{background:var(--good-tint);color:var(--good)}.status-badge.drafted{background:var(--ai-tint);color:var(--ai)}.status-badge.review{background:var(--surface-3);color:var(--muted)}.stage-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;border:1px solid;background:transparent}.resume-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-2);border-radius:var(--radius);font-size:12px;font-weight:500;color:var(--brand);background:var(--surface);cursor:pointer;transition:background .15s,border-color .15s}.resume-btn:hover{background:#e6eef8;border-color:var(--brand-2)}.email-attachments{border-top:1px solid var(--border);padding:10px 0 4px;margin-bottom:8px}.email-attachments-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.email-attachments-list{display:flex;flex-wrap:wrap;gap:6px}.attachment-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--surface-3);border:1px solid var(--border);border-radius:6px;font-size:12px;max-width:260px;cursor:pointer;transition:background .15s,border-color .15s}.attachment-chip:hover:not(:disabled){background:#e6eef8;border-color:var(--brand-2)}.attachment-chip:disabled{opacity:.6;cursor:wait}.attachment-icon{font-size:14px;flex-shrink:0}.attachment-name{font-weight:500;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:11px;color:var(--muted);flex-shrink:0}.erp-no-data{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;color:var(--ink-2);font-size:13px}.erp-no-data svg{flex-shrink:0;margin-top:1px;color:var(--muted)}.upload-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 24px;border:2px dashed var(--border-2);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s;color:var(--muted);text-align:center}.upload-drop-zone:hover,.upload-drop-zone.dragging{border-color:var(--brand-2);background:#f0f4fa;color:var(--brand)}.upload-spinner{width:24px;height:24px;border:2px solid var(--border-2);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload-message{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:12px 14px;border-radius:var(--radius);font-size:13px}.upload-message.success{background:var(--good-tint);color:var(--good);border:1px solid #b0dfc0}.upload-message.error{background:#fdecea;color:var(--danger);border:1px solid #f5c0bc}
