:root{color-scheme:light;--ink:#0f172a;--muted:#475569;--blue:#2563eb;--blue-dark:#1d4ed8;--green:#047857;--line:#dce4ef;--paper:#fff;--wash:#f6f8fc;--tint:#edf3ff;--red:#b91c1c;--amber:#854d0e;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--wash)}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}input,select,textarea{width:100%;min-width:0;min-height:44px;border:1px solid #b8c5d6;border-radius:9px;padding:10px 12px;background:var(--paper);color:var(--ink)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#64748b}label{display:grid;gap:6px;font-size:.875rem;font-weight:600}p{margin:8px 0 0;color:var(--muted)}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}h2{font-size:1.25rem}h3{font-size:1rem}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:12px;background:var(--ink);color:#fff;padding:10px;z-index:20}.skip-link:focus{top:10px}
.app-header{padding:20px 20px 16px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;min-width:0}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--blue);color:#fff;flex-shrink:0}.brand-mark svg{width:27px;height:27px}.brand strong{display:block;letter-spacing:-.04em;font-size:1.25rem}.brand span:not(.brand-mark){font-size:.7rem;color:var(--muted)}.header-actions{display:flex;gap:4px}.icon-button{display:grid;place-items:center;width:40px;min-height:44px;flex-shrink:0;border:0;background:transparent;border-radius:9px;color:var(--muted);font-size:1.6rem}.icon-button:hover{background:var(--tint);color:var(--blue)}.environment{padding:10px 20px;background:#fff;display:flex;align-items:center;gap:7px;font-size:.7rem;color:var(--muted)}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;flex-shrink:0}.mode-tag{margin-left:auto;background:var(--tint);padding:3px 7px;border-radius:5px;color:var(--blue-dark);font-weight:600;white-space:nowrap}main{padding:24px 20px;max-width:1240px;margin:0 auto;outline:none}.eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.14em;color:var(--blue-dark);margin-bottom:9px}.page-intro h1{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:680;line-height:1.08}.page-intro p{font-size:.875rem;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:15px 0}.stats>div{display:grid;gap:2px;padding:0 14px;min-width:0}.stats>div+div{border-left:1px solid var(--line)}.stats strong{font-size:1.6rem;line-height:1.2;font-weight:650;letter-spacing:-.04em}.stats span{font-size:.65rem;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:12px;margin-bottom:22px}.tabs button{padding:12px 2px;min-height:48px;flex:1;font-size:.8rem;color:var(--muted);font-weight:600;border:0;border-bottom:3px solid transparent;background:transparent;white-space:nowrap}.tabs [aria-selected=true]{border-color:var(--blue);color:var(--blue-dark)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 16px}.section-heading p{font-size:.8rem}.button{min-height:44px;padding:10px 16px;border-radius:9px;border:1px solid transparent;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;gap:8px;transition:background-color .15s,color .15s;line-height:1.4}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue-dark)}.secondary{background:#fff;border-color:#c5d1e2;color:var(--ink)}.secondary:hover{background:var(--tint);border-color:#9fb6db}.compact{padding:10px 12px;flex-shrink:0}.destructive{color:var(--red);background:#fff;border-color:#e4b8b8}.destructive:hover{background:#fff1f1}.text-button{border:0;background:none;color:var(--blue-dark);padding:12px 4px;font-weight:600;font-size:.85rem;min-height:44px}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.capture-box{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;display:grid;gap:12px;margin-bottom:18px}.capture-box strong{font-size:.85rem}.capture-box p{font-size:.75rem;margin-top:3px}.capture-box .button{font-size:.8rem;width:100%}.search-label{position:relative;margin-bottom:14px}.search-label svg{position:absolute;top:12px;left:12px;color:var(--muted);width:19px}.search-label input{padding-left:40px;font-weight:400;font-size:.8rem}.conversation-layout{display:grid;gap:16px}.chat-list{display:grid;align-content:start;gap:8px}.chat-row{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;padding:14px;display:grid;gap:7px;position:relative}.chat-row[aria-pressed=true]{border-color:var(--blue);background:#f1f5ff}.chat-top,.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.contact-name{font-size:.9rem;font-weight:650;overflow-wrap:anywhere}.chat-preview{color:var(--muted);font-size:.75rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stock-tag{font-size:.65rem;font-family:ui-monospace,monospace;color:var(--muted);letter-spacing:.03em}.badge{font-size:.65rem;font-weight:600;padding:3px 7px;border-radius:5px;background:var(--tint);color:var(--blue-dark);white-space:nowrap;display:inline-block}.badge.green{background:#e8f6ee;color:#166534}.badge.amber{background:#fff5d7;color:var(--amber)}.badge.gray{background:#edf0f5;color:#475569}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px;min-width:0}.card p{font-size:.8rem}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px}.detail-subtitle{font-size:.7rem;color:var(--muted);margin-top:5px}.detail-fields{display:grid;gap:12px;margin-bottom:16px}.detail-fields label{font-size:.75rem}.vehicle-summary{padding:12px;background:var(--tint);border-radius:9px;font-size:.8rem;display:grid;gap:3px;margin-bottom:16px}.vehicle-summary strong{font-size:1.05rem}.message-list{display:grid;gap:10px;margin:16px 0;max-height:320px;overflow:auto;padding-right:3px}.message{padding:12px;border-radius:10px;background:#f1f5f9;border:1px solid var(--line);font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}.message.seller{background:var(--tint);border-color:#cddbf7}.message small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.03em;margin-bottom:4px}.message-form{display:grid;gap:8px;margin-bottom:24px}.message-form>div{display:flex;justify-content:space-between;gap:10px}.message-form select{max-width:150px;font-size:.75rem}.draft-section{border-top:1px solid var(--line);padding-top:18px}.draft-section textarea{font-size:.85rem;min-height:130px}.draft-section h3{margin-bottom:5px}.draft-section>p{font-size:.75rem;margin-bottom:12px}.review-label{display:flex;align-items:flex-start;gap:9px;font-size:.75rem;line-height:1.5;margin:14px 0;font-weight:400}.review-label input{width:18px;height:18px;min-height:18px;margin:3px 0;flex-shrink:0;accent-color:var(--blue)}.draft-status{font-size:.7rem;color:var(--muted);margin-top:10px}.notice{padding:12px 14px;border:1px solid #e6d9b5;background:#fffaec;color:#785012;border-radius:9px;font-size:.75rem;line-height:1.55;margin:12px 0}.notice.subtle{border-color:var(--line);color:var(--muted);background:#f0f4fa}.notice.danger{border-color:#e6bbbb;background:#fff1f1;color:var(--red)}.empty-state{background:#fff;border:1px dashed #b8c8dc;border-radius:14px;display:grid;justify-items:center;text-align:center;padding:32px 22px;gap:10px;margin-top:14px}.empty-symbol{display:grid;place-items:center;border:1px solid #bdd1f9;color:var(--blue);background:var(--tint);width:48px;height:48px;border-radius:14px;font-size:1.1rem;font-weight:600;margin-bottom:3px}.empty-state p{font-size:.8rem;margin:0 0 9px;max-width:350px}.empty-state h3{font-size:1.1rem}.vehicle-grid{display:grid;gap:14px}.vehicle-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff;min-width:0}.vehicle-card h3{font-size:1.1rem;margin:14px 0 6px}.vehicle-price{font-size:1.45rem;font-weight:650;letter-spacing:-.04em}.vehicle-meta{color:var(--muted);font-size:.75rem;margin-top:5px}.vehicle-facts{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}.vehicle-link{display:block;font-size:.7rem;color:var(--blue-dark);overflow-wrap:anywhere;margin-top:9px}.form-stack,.dialog-form{display:grid;gap:16px}.integration-card{margin-top:22px}.integration-card h3{margin-top:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-help{color:var(--muted);font-size:.7rem;margin:0}.form-error{color:var(--red);font-size:.8rem;background:#fff1f1;border-radius:6px;padding:9px;margin:0}.dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.dialog-heading .eyebrow{margin-bottom:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:6px;flex-wrap:wrap}dialog{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;max-width:560px;width:calc(100% - 24px);max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #0f172a26}dialog::backdrop{background:#0f172a80}.capture-preview{display:grid;gap:10px;max-height:45dvh;overflow:auto}.help-steps{margin:0;padding-left:22px;font-size:.85rem;color:var(--muted);display:grid;gap:16px}.help-steps strong{display:block;color:var(--ink)}footer{border-top:1px solid var(--line);margin-top:32px;padding-top:18px;color:var(--muted);font-size:.7rem}footer p{font-size:.7rem;max-width:580px;line-height:1.5}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);padding:13px 17px;border-radius:10px;background:var(--ink);color:#fff;font-size:.8rem;z-index:30;box-shadow:0 6px 28px #0f172a33;overflow-wrap:anywhere}.toast.error{background:#991b1b}.no-match{padding:20px;color:var(--muted);font-size:.8rem;text-align:center}
@media(min-width:760px){.app-header,.environment{padding-left:max(24px,calc((100% - 1200px)/2));padding-right:max(24px,calc((100% - 1200px)/2))}.environment{justify-content:flex-start}.mode-tag{margin-left:8px}main{padding:34px 26px}.page-intro h1 br{display:none}.stats{max-width:620px}.tabs{max-width:620px;gap:28px}.tabs button{flex:initial;padding-left:4px;padding-right:4px}.capture-box{display:flex;align-items:center;justify-content:space-between}.capture-box .button{width:auto;flex-shrink:0}.conversation-layout{grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:start;gap:22px}.search-label{max-width:340px}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-stack{max-width:650px}#view-settings>.card{max-width:650px}.detail-fields{grid-template-columns:1fr 1fr}.empty-state{min-height:300px}.chat-list{position:sticky;top:20px}.message-list{max-height:360px}}
@media(min-width:1100px){.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-intro{padding-top:4px}}
@media(max-width:359px){main{padding:22px 14px}.app-header{padding:16px 14px}.environment{padding:10px 14px;font-size:.65rem}.brand span:not(.brand-mark){font-size:.6rem}.mode-tag{font-size:.6rem}.tabs{gap:8px}.tabs button{font-size:.75rem}.form-grid{grid-template-columns:1fr}.section-heading h2{font-size:1.1rem}.stats>div{padding:0 10px}}
.has-data .page-intro{display:none}.has-data .stats{margin-top:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}