:root{
  --teal:#0ea5a4;--teal-dark:#0b7f7e;--navy:#0f172a;--text:#334155;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--page:#fff;--success:#16a34a;
  --container:1280px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--page);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden} img{display:block;max-width:100%} a{text-decoration:none;color:inherit}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.site-nav{height:72px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.nav-inner{height:72px;display:flex;align-items:center}.brand{font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.1px;color:var(--navy);white-space:nowrap}.brand strong{color:var(--teal)}.desktop-nav{display:flex;gap:32px;margin-left:70px}.desktop-nav a{font-size:14px;font-weight:600;color:var(--text)}.desktop-nav a:hover{color:var(--teal-dark)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.header-user{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px/1 Inter,Arial,sans-serif;color:var(--navy)}.icon-button{width:40px;height:40px;border:0;background:transparent;display:grid;place-items:center;color:var(--navy);cursor:pointer}.icon-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7}.btn{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s ease}.btn-small{min-height:40px;padding:0 18px}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 20px rgba(14,165,164,.14)}.btn-primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.btn-outline{border:1px solid var(--teal);color:var(--teal-dark)}.btn-ghost{border:1px solid var(--line);background:#fff;color:var(--text)}.play{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef8f8;color:var(--teal);font-size:10px}.menu-button{display:none;border:0;background:transparent;width:40px;height:40px}.menu-button span{display:block;width:20px;height:2px;background:var(--navy);margin:4px auto}.mobile-menu{position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 24px}.mobile-menu a{display:block;padding:12px 0;font-weight:600}
.hero{height:350px}.hero-grid{height:350px;display:grid;grid-template-columns:500px 740px;gap:40px;align-items:center}.hero-copy{align-self:center}.eyebrow{display:inline-block;font-size:12px;line-height:1;font-weight:800;letter-spacing:.04em;color:var(--teal-dark);margin-bottom:13px}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:48px;line-height:1.08;letter-spacing:-1.7px;margin:0 0 16px;color:var(--navy);max-width:490px}.hero-copy p{font-size:16px;line-height:1.55;color:var(--muted);max-width:455px;margin:0 0 24px}.hero-actions{display:flex;gap:12px}.hero-media{height:326px;position:relative;align-self:center;overflow:visible}.hero-scene{width:740px;height:326px;object-fit:cover;border-radius:0}
.trust-strip{height:104px}.trust-grid{height:104px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:center}.trust-card{height:88px;border:1px solid var(--line);border-radius:14px;background:transparent;padding:16px 18px;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center}.trust-icon{width:40px;height:40px;color:var(--teal);display:grid;place-items:center}.trust-icon img{width:40px;height:40px;filter:brightness(0) saturate(100%) invert(54%) sepia(84%) saturate(1029%) hue-rotate(132deg) brightness(86%) contrast(89%)}.trust-card h3{font-family:Manrope,Arial,sans-serif;color:var(--navy);font-size:14px;margin:0 0 5px}.trust-card p{font-size:11.5px;line-height:1.35;color:var(--muted);margin:0}
.how{height:252px}.how-grid{height:252px;display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:center}.how-intro h2{font-family:Manrope,Arial,sans-serif;color:var(--navy);font-size:30px;line-height:1.12;letter-spacing:-.8px;margin:0 0 12px}.how-intro p{font-size:14px;line-height:1.45;color:var(--muted);margin:0 0 16px;max-width:255px}.btn-detail{min-height:42px;padding:0 18px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{height:220px;border:1px solid var(--line);border-radius:16px;background:transparent;padding:12px 14px;position:relative;overflow:hidden}.step-no{position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:800;font-family:Manrope,Arial,sans-serif;z-index:2}.step-media{height:116px;width:100%;display:grid;place-items:center;margin-bottom:8px}.step-media img{width:100%;height:116px;object-fit:contain}.step-card h3{font-family:Manrope,Arial,sans-serif;color:var(--navy);font-size:15px;margin:0 0 5px}.step-card p{font-size:11.5px;color:var(--muted);margin:0;line-height:1.35}
.ad-section{height:126px}.ad-wrap{height:126px;position:relative;display:flex;align-items:center}.ad-wrap img{width:1280px;height:120px;border-radius:16px;background:#f1f5f9}.sponsored{position:absolute;z-index:3;left:14px;top:13px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--navy);font-size:10px;font-weight:700}
.site-footer{min-height:220px;background:var(--navy);color:#cbd5e1;padding:28px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:44px}.brand-footer{display:inline-block;color:#fff;font-size:22px}.footer-brand p{font-size:12px;margin:8px 0 26px;color:#94a3b8}.footer-brand small{font-size:10px;color:#64748b}.site-footer h4{font-family:Manrope,Arial,sans-serif;font-size:12px;color:#fff;margin:4px 0 12px}.site-footer a:not(.brand){display:block;font-size:11px;color:#94a3b8;margin:0 0 8px}.social-row{display:flex;gap:8px}.site-footer .social-row a{width:28px;height:28px;border:1px solid #334155;border-radius:8px;display:grid;place-items:center;margin:0;color:#e2e8f0;font-size:10px;font-weight:700}
@media(max-width:1100px){.desktop-nav,.desktop-start{display:none}.menu-button{display:block}.hero{height:auto;padding:36px 0}.hero-grid{height:auto;grid-template-columns:1fr;gap:24px}.hero-copy{max-width:700px}.hero-media{width:100%;height:auto;aspect-ratio:900/420}.hero-scene{width:100%;height:100%}.trust-strip,.trust-grid,.how,.how-grid,.ad-section,.ad-wrap{height:auto}.trust-grid{grid-template-columns:repeat(2,1fr);padding:16px 0}.how{padding:26px 0}.how-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(3,1fr)}.ad-section{padding:8px 0 24px}.ad-wrap img{width:100%;height:auto;aspect-ratio:1280/120}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}.footer-social{grid-column:auto}}
@media(max-width:640px){.container{width:calc(100% - 32px)}.site-nav,.nav-inner{height:64px}.brand{font-size:20px}.icon-button,.btn-outline{display:none}.mobile-menu{top:64px}.hero{padding:28px 0 12px}.hero h1{font-size:36px;letter-spacing:-1.2px}.hero-copy p{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-media{margin-top:4px;overflow:hidden}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trust-card{height:104px;padding:12px;grid-template-columns:36px 1fr;gap:10px}.trust-icon,.trust-icon img{width:34px;height:34px}.trust-card h3{font-size:12px}.trust-card p{font-size:10px}.how-intro h2{font-size:27px}.steps-grid{grid-template-columns:1fr}.step-card{height:auto;min-height:220px}.step-media{height:126px}.step-media img{height:126px}.ad-wrap img{min-height:98px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-social{grid-column:1/-1}}

/* Otobot auth kapısı (teknik olmayan kullanıcı için giriş/kayıt seçeneği) */
.auth-gate{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;text-align:center;max-width:460px;margin:0 auto}
.auth-gate .gate-bot{width:96px;height:96px;margin:0 auto 14px}
.auth-gate .eyebrow{margin-bottom:8px}
.auth-gate h2{font-family:Manrope,Arial,sans-serif;font-size:22px;line-height:1.2;letter-spacing:-.5px;color:var(--navy);margin:0 0 8px}
.auth-gate p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 20px}
.gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gate-actions .btn{min-height:44px}
@media(max-width:480px){.gate-actions{grid-template-columns:1fr}}

/* Otobot diagnosis page — header/footer above remain the approved homepage components unchanged. */
.diagnosis-page{background:#fff}
.diagnosis-head{padding:28px 0 18px}.diagnosis-head .eyebrow{margin-bottom:10px}.diagnosis-head h1{font-family:Manrope,Arial,sans-serif;font-size:38px;line-height:1.1;letter-spacing:-1.1px;color:var(--navy);margin:0 0 10px}.diagnosis-head p{font-size:15px;line-height:1.55;color:var(--muted);margin:0;max-width:910px}
.diagnosis-main{padding:4px 0 18px}.diagnosis-grid{display:grid;grid-template-columns:520px 720px;gap:40px}.assistant-panel,.result-panel{min-height:560px;border:1px solid var(--line);border-radius:18px;background:transparent;padding:24px}.assistant-top{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;min-height:210px}.otobot-live{width:205px;height:205px;object-fit:contain}.speech-bubble{position:relative;border:1px solid #cbd5e1;border-radius:16px;padding:18px 18px;font-size:15px;line-height:1.45;color:var(--text);background:#fff}.speech-bubble:before{content:"";position:absolute;left:-10px;top:50%;width:18px;height:18px;background:#fff;border-left:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;transform:translateY(-50%) rotate(45deg)}
.diagnosis-form{display:grid;gap:14px;margin-top:4px}.diagnosis-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--text)}.diagnosis-form textarea,.diagnosis-form select{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--text);font:500 13px/1.4 Inter,Arial,sans-serif;outline:none}.diagnosis-form textarea{height:88px;resize:none;padding:12px}.diagnosis-form select{height:44px;padding:0 12px}.diagnosis-form textarea:focus,.diagnosis-form select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,165,164,.1)}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr 1fr .9fr}.analyze-button{width:100%;border:0;cursor:pointer;margin-top:2px}
/* Kategoriyle talep (analiz yok) — asistan panelinin altında ayrı kart */
.category-quick{margin-top:18px;border-top:1px dashed var(--line);padding-top:16px}.category-quick .eyebrow{margin-bottom:8px;display:block}.category-quick p{font-size:12px;line-height:1.45;color:var(--muted);margin:0 0 12px}.category-quick-grid{display:grid;gap:10px}.category-quick-grid.two{grid-template-columns:1fr 1fr}.category-quick-grid.three{grid-template-columns:1fr 1fr .9fr}.category-quick-grid+.category-quick-grid{margin-top:10px}.category-quick-grid label{display:grid;gap:6px;font-size:11px;font-weight:700;color:var(--text)}.category-quick select,.category-quick textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--text);font:500 13px/1.4 Inter,Arial,sans-serif;outline:none}.category-quick select{height:42px;padding:0 12px}.category-quick textarea{height:54px;resize:none;padding:10px 12px}.category-quick select:focus,.category-quick textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,165,164,.1)}.category-quick .quote-button{margin-top:14px}
/* AI kaynağı rozeti */
.ai-source-badge{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;background:var(--teal);color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em;vertical-align:middle}
.risk-low{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.result-panel{display:grid;place-items:start center;padding-top:34px}.empty-result{text-align:center;max-width:430px}.empty-result img{width:64px;height:64px;margin:0 auto 18px;filter:brightness(0) saturate(100%) invert(54%) sepia(84%) saturate(1029%) hue-rotate(132deg) brightness(86%) contrast(89%)}.empty-result h2{font-family:Manrope,Arial,sans-serif;font-size:22px;color:var(--navy);margin:0 0 9px}.empty-result p{font-size:14px;color:var(--muted);margin:0}.diagnosis-page + .site-footer{margin-top:0}
/* Üstteki "Otobot düşünüyor" şeridi — yükleme aksiyonu sağ panelde değil, sayfa başında */
.otobot-thinking{display:flex;align-items:center;gap:14px;max-width:560px;margin:0 auto 16px;padding:12px 16px;border:1px solid #99d9d8;border-radius:14px;background:#f0fbfb;box-shadow:0 8px 20px rgba(14,165,164,.08)}.otobot-thinking[hidden]{display:none}.otobot-thinking .spinner{width:26px;height:26px;border-width:3px;margin:0;flex:none}.thinking-copy{display:grid;gap:2px}.thinking-copy strong{font:700 14px/1.2 Manrope,Arial,sans-serif;color:var(--navy)}.thinking-copy span{font-size:12.5px;color:var(--muted)}
@media(max-width:1100px){.diagnosis-grid{grid-template-columns:1fr}.assistant-panel,.result-panel{min-height:auto}.result-panel{min-height:360px}}
@media(max-width:640px){.diagnosis-head{padding:24px 0 12px}.diagnosis-head h1{font-size:31px}.diagnosis-head p{font-size:14px}.diagnosis-main{padding-bottom:8px}.assistant-panel,.result-panel{padding:16px;border-radius:14px}.assistant-top{grid-template-columns:1fr;text-align:center}.otobot-live{width:180px;height:180px;margin:0 auto}.speech-bubble{text-align:left}.speech-bubble:before{left:50%;top:-10px;transform:translateX(-50%) rotate(135deg)}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.result-panel{min-height:300px}}
/* Diagnosis interaction states */
.request-summary{border-top:1px solid var(--line);margin-top:16px;padding-top:18px}.summary-heading,.result-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.summary-heading h2,.result-heading h2,.loading-result h2,.success-result h2{font:700 21px/1.2 Manrope,Arial,sans-serif;color:var(--navy);margin:0}.edit-request{border:0;background:transparent;color:var(--teal-dark);font-weight:700;cursor:pointer}.summary-symptom{font-size:14px;line-height:1.5;color:var(--text);margin:14px 0}.summary-meta{display:flex;flex-wrap:wrap;gap:8px}.summary-meta span,.service-categories span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;color:var(--text)}
.loading-result,.success-result{text-align:center;max-width:460px;margin:auto}.spinner{display:block;width:44px;height:44px;border:4px solid #d9eeee;border-top-color:var(--teal);border-radius:50%;margin:0 auto 18px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-result p,.success-result p,.success-result small{color:var(--muted);font-size:14px}.analysis-result{width:100%;align-self:stretch}.result-panel:has(.analysis-result){display:block}.risk-badge{padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.risk-medium{background:#fff7ed;color:#b45309;border:1px solid #fed7aa}.risk-high{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.result-block{margin-top:18px}.result-block h3{font:700 14px Manrope,Arial,sans-serif;color:var(--navy);margin:0 0 8px}.reason-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 42px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.reason-row strong{display:block;font-size:12px;color:var(--navy)}.reason-row small{display:block;font-size:10.5px;color:var(--muted);margin-top:3px}.reason-row b{font-size:11px;color:var(--navy);text-align:right}.bar{height:6px;background:#e8f0f3;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--teal);border-radius:inherit}.safe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.safe-grid article{border:1px solid var(--line);border-radius:12px;padding:12px;background:transparent}.safe-grid img{width:22px;height:22px;margin-bottom:8px;filter:brightness(0) saturate(100%) invert(54%) sepia(84%) saturate(1029%) hue-rotate(132deg) brightness(86%) contrast(89%)}.safe-grid strong{display:block;font-size:11px;color:var(--navy);margin-bottom:4px}.safe-grid span{font-size:10px;line-height:1.35;color:var(--muted)}.service-categories{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.quote-button{width:100%;border:0;cursor:pointer}.quote-button img{width:20px;height:20px;filter:brightness(0) invert(1)}.platform-note{text-align:center;color:var(--muted);font-size:10.5px;margin:9px 0 0}.success-bot{width:180px;height:180px;object-fit:contain;margin:0 auto 4px}.success-check{width:42px;height:42px;border-radius:50%;background:var(--success);display:grid;place-items:center;margin:-20px auto 14px;position:relative}.success-check img{width:24px;filter:brightness(0) invert(1)}
@media(max-width:640px){.reason-row{grid-template-columns:1fr}.reason-row b{text-align:left}.safe-grid{grid-template-columns:1fr}.summary-heading,.result-heading{align-items:flex-start}.success-bot{width:150px;height:150px}}


/* Offers comparison page — uses the approved master shell unchanged. */
.offers-page{background:#fff}.offers-head{padding:28px 0 18px}.offers-head h1{font:800 38px/1.1 Manrope,Arial,sans-serif;letter-spacing:-1.1px;color:var(--navy);margin:0 0 10px}.offers-head p{font-size:15px;color:var(--muted);margin:0;max-width:840px}.offers-main{padding:4px 0 18px}.offers-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 160px;gap:24px;align-items:start}.offers-side{position:sticky;top:92px;align-self:start;display:grid;gap:16px}.offers-assistant{min-width:0}.offers-bot{display:block;width:210px;height:210px;object-fit:contain;margin:0 auto 12px}.offers-bubble{font-size:13px;padding:15px 16px}.offers-bubble:before{left:50%;top:-10px;transform:translateX(-50%) rotate(135deg)}.offer-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.offer-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:transparent;padding:12px 12px 12px;min-width:0;transition:.18s ease}.offer-card.recommended{border-color:var(--teal);box-shadow:0 0 0 1px rgba(14,165,164,.08)}.offer-card.selected{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,165,164,.12)}.recommended-badge{position:absolute;right:12px;top:-12px;background:#fff;border:1px solid var(--teal);color:var(--teal-dark);font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px}.offer-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.offer-rating{display:flex;align-items:center;gap:4px;font-size:10px;color:#5b7188;margin-top:4px;white-space:nowrap;overflow:hidden}.offer-stars{color:#f59e0b;font-size:13px}.offer-rating-none{color:#94a3b8}.offer-label{display:block;font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:800;margin-bottom:5px}.offer-top h2{font:700 15px Manrope,Arial,sans-serif;color:var(--navy);margin:0}.rating{font-size:10px;font-weight:800;color:var(--teal-dark);white-space:nowrap}.offer-price{font:800 20px Manrope,Arial,sans-serif;color:var(--navy);margin:10px 0 6px}.offer-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.offer-meta span{border:1px solid var(--line);border-radius:999px;padding:5px 7px;font-size:9.5px;color:var(--text)}.offer-specs{margin:0;border-top:1px solid var(--line)}.offer-specs div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.offer-specs dt{font-size:9.5px;color:var(--muted)}.offer-specs dd{font-size:9.5px;font-weight:700;color:var(--text);margin:0;text-align:right}.offer-scope{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.offer-scope strong{width:100%;font-size:10px;color:var(--navy)}.offer-scope span{font-size:10px;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.offer-detail,.choose-offer{width:100%;height:38px;margin-top:7px;cursor:pointer;border:0}.offer-detail{border:1px solid #cbd5e1}.comparison-note{font-size:10px;color:var(--muted);text-align:center;margin:10px 0 0}.offers-ad{position:relative;padding-top:14px}.offers-ad img{display:block;width:160px;height:600px;object-fit:cover;border-radius:14px}.offers-sponsored{top:20px;left:8px}.offers-page .trust-strip{margin-top:6px}.offers-page + .site-footer{margin-top:0}
@media(max-width:1100px){.offers-grid{grid-template-columns:190px minmax(0,1fr)}.offers-ad{grid-column:1/-1;display:flex;justify-content:center}.offers-ad img{width:300px;height:250px}.offers-sponsored{left:calc(50% - 142px);top:22px}.offer-cards{grid-template-columns:repeat(5,minmax(160px,1fr));overflow-x:auto;padding-bottom:8px}.offers-bot{width:180px;height:180px}}
@media(max-width:640px){.offers-head{padding:24px 0 12px}.offers-head h1{font-size:31px}.offers-head p{font-size:14px}.offers-grid{grid-template-columns:1fr}.offers-assistant{text-align:center}.offers-bot{width:170px;height:170px}.offers-bubble{text-align:left}.offer-cards{grid-template-columns:1fr;overflow:visible}.offer-card{padding:18px 15px}.offers-ad{display:block}.offers-ad img{width:100%;height:auto;aspect-ratio:300/250;max-width:300px;margin:auto}.offers-sponsored{left:calc(50% - 142px)}.offers-page .trust-grid{margin-top:6px}}

/* Appointments */
.appointments-head{padding:32px 0 18px}.appointments-head h1{font:800 38px/1.1 Manrope,Arial,sans-serif;color:var(--navy);margin:6px 0 8px}.appointments-head p{margin:0;color:var(--muted);font-size:15px}.appointments-main{padding:6px 0 14px}.appointments-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:24px;align-items:start}.appointment-assistant,.calendar-panel,.selected-offer-panel{border:1px solid var(--line);border-radius:18px;background:transparent}.appointment-assistant{padding:18px}.appointment-assistant>img{width:220px;height:220px;object-fit:contain;margin:0 auto}.appointment-assistant .speech-bubble{margin-top:8px}.calendar-panel{padding:22px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading h2,.selected-offer-panel h2{font:700 22px Manrope,Arial,sans-serif;color:var(--navy);margin:4px 0 0}.panel-heading img{width:28px;height:28px;color:var(--teal)}.date-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:24px 0}.date-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 6px;display:grid;gap:4px;place-items:center;color:var(--text);cursor:pointer}.date-card span,.date-card small{font-size:10px;color:var(--muted)}.date-card strong{font:700 20px Manrope,Arial,sans-serif;color:var(--navy)}.date-card.selected{border-color:var(--teal);box-shadow:0 0 0 2px rgba(14,165,164,.08)}.slot-title{font:700 14px Manrope,Arial,sans-serif;color:var(--navy);margin:6px 0 12px}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.time-grid button{height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font-weight:700;cursor:pointer}.time-grid button.selected{background:var(--teal);border-color:var(--teal);color:#fff}.appointment-confirm{width:100%;margin-top:20px;border:0;cursor:pointer}.selected-offer-panel{padding:22px}.selected-labor{font:800 30px Manrope,Arial,sans-serif;color:var(--navy);margin-top:18px}.labor-label{display:block;font-size:11px;color:var(--muted);margin:2px 0 16px}.selected-offer-panel dl{margin:0;border-top:1px solid var(--line)}.selected-offer-panel dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.selected-offer-panel dt{font-size:11px;color:var(--muted)}.selected-offer-panel dd{font-size:11px;font-weight:700;color:var(--text);margin:0;text-align:right}.appointment-scope{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.appointment-scope strong{width:100%;font-size:11px;color:var(--navy)}.appointment-scope span{font-size:9.5px;border:1px solid var(--line);border-radius:999px;padding:5px 7px}.parts-disclaimer{font-size:10px;line-height:1.45;color:var(--muted);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}.parts-disclaimer strong{color:var(--text)}.appointment-success{text-align:center;padding:36px 24px}.appointment-success img{width:150px;height:150px;object-fit:contain;margin:0 auto 10px}.appointment-success h2{font:700 24px Manrope,Arial,sans-serif;color:var(--navy);margin:6px 0}.appointment-success p{color:var(--muted);font-size:13px;line-height:1.55}.appointments-page .trust-strip{margin-top:6px}.appointments-page + .site-footer{margin-top:0}.parts-note{font-size:9.5px;line-height:1.4;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin:10px 0 0}
@media(max-width:1100px){.appointments-grid{grid-template-columns:240px minmax(0,1fr)}.selected-offer-panel{grid-column:1/-1}.date-strip{grid-template-columns:repeat(6,minmax(64px,1fr));overflow-x:auto}}
@media(max-width:640px){.appointments-head{padding:24px 0 12px}.appointments-head h1{font-size:31px}.appointments-grid{grid-template-columns:1fr}.appointment-assistant{text-align:center}.appointment-assistant>img{width:170px;height:170px}.calendar-panel,.selected-offer-panel{padding:18px 15px}.date-strip{grid-template-columns:repeat(3,1fr);overflow:visible}.time-grid{grid-template-columns:repeat(2,1fr)}}

/* Full Otobot pose visibility */
.otobot-figure,.assistant-visual,.offer-bot,.appointment-bot,.otobot-stage{overflow:visible!important}
.otobot-figure img,.assistant-visual img,.offer-bot img,.appointment-bot img,img[src*="otobot-"]{
 object-fit:contain!important;object-position:center!important;max-width:100%;height:auto
}

/* Work Order */
.workorder-page{padding-top:28px;padding-bottom:28px}
.page-heading{margin-bottom:24px}
.page-heading .eyebrow,.section-kicker{font:700 12px/1 Inter,sans-serif;letter-spacing:.08em;color:#0b7f7e}
.page-heading h1{font:700 38px/1.15 Manrope,sans-serif;color:#0f172a;margin:8px 0 10px}
.page-heading p{font:400 15px/1.6 Inter,sans-serif;color:#64748b;max-width:760px}
.workorder-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.workorder-assistant{position:sticky;top:96px;overflow:visible}
.workorder-bot{width:250px;max-width:100%;height:auto;object-fit:contain;display:block;margin:0 auto;overflow:visible}
.speech-bubble{border:1px solid #e2e8f0;border-radius:16px;padding:16px 18px;background:#fff;margin-top:8px;position:relative}
.speech-bubble p{margin:0;color:#334155;font:400 14px/1.55 Inter,sans-serif}
.workorder-card{border:1px solid #e2e8f0;border-radius:18px;padding:24px;background:#fff}
.workorder-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #e2e8f0;padding-bottom:18px}
.workorder-top h2{font:700 28px/1.1 Manrope,sans-serif;margin:6px 0 0;color:#0f172a}
.status-pill{padding:9px 12px;border:1px solid #0ea5a4;border-radius:999px;color:#0b7f7e;font:700 12px Inter,sans-serif}
.workorder-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 0;border-bottom:1px solid #e2e8f0}
.workorder-meta div{display:flex;flex-direction:column;gap:4px}
.workorder-meta span{font:500 11px Inter,sans-serif;color:#64748b}
.workorder-meta strong{font:700 14px Inter,sans-serif;color:#0f172a}
.workorder-section{padding:20px 0}
.workorder-section h3,.part-note h3{font:700 17px Manrope,sans-serif;color:#0f172a;margin:0 0 14px}
.timeline{display:grid;gap:0}
.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px;position:relative;padding:0 0 18px}
.timeline-item:not(:last-child):before{content:"";position:absolute;left:6px;top:15px;bottom:0;width:2px;background:#e2e8f0}
.timeline-item .dot{width:14px;height:14px;border-radius:50%;border:2px solid #cbd5e1;background:white;margin-top:2px}
.timeline-item.done .dot,.timeline-item.active .dot{border-color:#0ea5a4;background:#0ea5a4}
.timeline-item strong{display:block;font:700 14px Inter,sans-serif;color:#0f172a}
.timeline-item small{display:block;margin-top:3px;font:400 12px Inter,sans-serif;color:#64748b}
.workorder-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;border-top:1px solid #e2e8f0}
.labor-price{font:700 30px Manrope,sans-serif;color:#0b7f7e}
.muted{color:#64748b;font:400 12px/1.5 Inter,sans-serif}
.scope-list{margin:0;padding-left:18px;color:#334155;font:400 13px/1.8 Inter,sans-serif}
.part-note{display:grid;grid-template-columns:28px 1fr;gap:12px;border-top:1px solid #e2e8f0;padding-top:20px}
.part-note img{width:24px;height:24px;color:#0ea5a4}
.part-note p{margin:0;color:#64748b;font:400 13px/1.55 Inter,sans-serif}
@media(max-width:800px){
 .workorder-grid{grid-template-columns:1fr}
 .workorder-assistant{position:static}
 .workorder-bot{width:190px}
 .workorder-meta,.workorder-columns{grid-template-columns:1fr}
 .workorder-top{flex-direction:column}
}

/* Delivery */
.delivery-page{padding-top:28px;padding-bottom:28px}
.delivery-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:24px;align-items:start}
.delivery-assistant{position:sticky;top:96px;overflow:visible}
.delivery-bot{width:230px;max-width:100%;height:auto;object-fit:contain;display:block;margin:0 auto;overflow:visible}
.delivery-main-card,.delivery-summary{border:1px solid #e2e8f0;border-radius:18px;background:#fff}
.delivery-main-card{padding:24px}
.delivery-summary{padding:22px;position:sticky;top:96px}
.delivery-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e2e8f0}
.delivery-top h2{margin:6px 0 4px;font:700 26px/1.15 Manrope,sans-serif;color:#0f172a}
.delivery-top p{margin:0;color:#64748b;font:400 13px Inter,sans-serif}
.status-pill.success{border-color:#16a34a;color:#15803d}
.delivery-section{padding:20px 0;border-bottom:1px solid #e2e8f0}
.delivery-section:last-child{border-bottom:0}
.delivery-section h3,.delivery-summary h3,.vehicle-record-note h3{font:700 17px Manrope,sans-serif;color:#0f172a;margin:0 0 14px}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.check-list li{display:flex;align-items:center;gap:10px;color:#334155;font:500 13px Inter,sans-serif}
.check-list img{width:20px;height:20px;flex:0 0 auto}
.check-list.compact{gap:8px}
.delivery-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.delivery-columns .delivery-section{border-bottom:0}
.price-row{display:flex;justify-content:space-between;gap:18px;padding:8px 0;color:#334155;font:500 13px Inter,sans-serif}
.price-row strong{color:#0f172a}
.delivery-section small,.part-row small{display:block;color:#64748b;font:400 11px/1.45 Inter,sans-serif;margin-top:4px}
.part-table{display:grid;gap:10px}
.part-row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:12px 0;border-bottom:1px solid #f1f5f9}
.part-row:last-child{border-bottom:0}
.part-row strong{font:700 13px Inter,sans-serif;color:#0f172a}
.vehicle-record-note{display:grid;grid-template-columns:28px 1fr;gap:12px;padding-top:20px}
.vehicle-record-note img{width:24px;height:24px}
.vehicle-record-note p{margin:0;color:#64748b;font:400 12px/1.5 Inter,sans-serif}
.summary-line,.summary-total{display:flex;justify-content:space-between;gap:18px;padding:10px 0;font:500 13px Inter,sans-serif;color:#334155}
.summary-total{margin-top:4px;padding-top:14px;border-top:1px solid #cbd5e1;font-weight:700;color:#0f172a}
.summary-total strong{font-size:20px;color:#0b7f7e}
.summary-meta{display:grid;gap:10px;margin:18px 0;padding:16px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.summary-meta div{display:flex;justify-content:space-between;gap:16px}
.summary-meta span{font:500 12px Inter,sans-serif;color:#64748b}
.summary-meta strong{font:700 12px Inter,sans-serif;color:#0f172a}
.delivery-confirm,.delivery-review{width:100%;text-align:center;margin-top:10px}
.hidden{display:none!important}
@media(max-width:1000px){
 .delivery-grid{grid-template-columns:220px minmax(0,1fr)}
 .delivery-summary{grid-column:2;position:static}
}
@media(max-width:760px){
 .delivery-grid{grid-template-columns:1fr}
 .delivery-assistant,.delivery-summary{position:static}
 .delivery-summary{grid-column:auto}
 .delivery-bot{width:190px}
 .delivery-columns{grid-template-columns:1fr}
 .part-row{grid-template-columns:1fr}
}

/* Service Review */
.review-page{padding-top:28px;padding-bottom:28px}
.review-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:24px;align-items:start}
.review-assistant{position:sticky;top:96px;overflow:visible}
.review-bot{width:230px;max-width:100%;height:auto;object-fit:contain;display:block;margin:0 auto}
.review-card,.review-summary{border:1px solid #e2e8f0;border-radius:18px;background:#fff}
.review-card{padding:24px}.review-summary{padding:22px;position:sticky;top:96px}
.review-block{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #e2e8f0}.review-block:last-of-type{margin-bottom:12px}
.review-block h2{font:700 22px/1.25 Manrope,sans-serif;color:#0f172a;margin:0 0 14px}.review-block h3,.review-summary h2{font:700 16px/1.3 Manrope,sans-serif;color:#0f172a;margin:0 0 12px}
.stars{display:flex;gap:6px}.stars button{width:46px;height:46px;border:0;background:transparent;color:#cbd5e1;font-size:34px;line-height:1;cursor:pointer;padding:0}.stars.small button{width:36px;height:36px;font-size:26px}.stars button.active{color:#0ea5a4}
.criteria-block{display:grid;gap:4px}.criterion{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0}.criterion>span{font:600 13px Inter,sans-serif;color:#334155}
.choice-group{display:flex;flex-wrap:wrap;gap:8px}.choice-group button{border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;padding:10px 14px;font:600 12px Inter,sans-serif;cursor:pointer}.choice-group button.active{border-color:#0ea5a4;color:#0b7f7e;background:#f0fdfa}
.review-block label{display:block;margin-bottom:10px;color:#0f172a;font:600 13px Inter,sans-serif}.review-block textarea{width:100%;min-height:130px;resize:vertical;border:1px solid #cbd5e1;border-radius:12px;padding:13px 14px;font:400 13px/1.55 Inter,sans-serif;color:#334155;box-sizing:border-box}.review-block textarea:focus{outline:0;border-color:#0ea5a4;box-shadow:0 0 0 3px rgba(14,165,164,.1)}
.char-counter{text-align:right;margin-top:6px;color:#94a3b8;font:500 11px Inter,sans-serif}.review-submit{width:100%;justify-content:center}.form-message{min-height:20px;color:#dc2626;font:600 12px Inter,sans-serif;margin-bottom:8px}
.review-summary .section-kicker{display:block;margin-bottom:7px}.review-summary h2{font-size:20px;margin-bottom:18px}.review-summary-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #f1f5f9}.review-summary-row span{font:500 11px Inter,sans-serif;color:#64748b}.review-summary-row strong{text-align:right;font:700 12px/1.5 Inter,sans-serif;color:#0f172a}.review-summary-row.stack{align-items:flex-start}
.review-success{max-width:850px;margin:20px auto 30px;border:1px solid #e2e8f0;border-radius:18px;padding:28px;display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.review-success img{width:180px;height:auto;object-fit:contain}.review-success h2{font:700 28px/1.2 Manrope,sans-serif;color:#0f172a;margin:7px 0}.review-success p{color:#64748b;font:400 13px/1.6 Inter,sans-serif}.success-score{color:#0ea5a4;font-size:24px;letter-spacing:2px;margin:10px 0}.success-score strong{font:700 20px Manrope,sans-serif;color:#0f172a;margin-left:8px;letter-spacing:0}
@media(max-width:1000px){.review-grid{grid-template-columns:220px minmax(0,1fr)}.review-summary{grid-column:2;position:static}}
@media(max-width:760px){.review-grid{grid-template-columns:1fr}.review-assistant,.review-summary{position:static}.review-summary{grid-column:auto}.review-bot{width:190px}.criterion{align-items:flex-start;flex-direction:column}.stars button{width:42px;height:42px}.review-success{grid-template-columns:1fr;text-align:center}.review-success img{margin:auto;width:160px}}

.next-step-link{max-width:1280px;margin:18px auto 28px;text-align:right}.next-step-link .btn-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

/* Shared trust-card normalization — same sizing as approved homepage */
.trust-grid article > img,
.trust-grid .trust-card > img,
.trust-grid img {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  object-fit: contain !important;
  flex: 0 0 40px !important;
}
.trust-grid article {
  align-items: center;
}
.workorder-next {
  display: flex;
  justify-content: flex-end;
  margin: 18px 0 24px;
}
.workorder-next-btn {
  min-width: 220px;
  text-align: center;
}
@media (max-width: 760px) {
  .workorder-next {
    justify-content: stretch;
  }
  .workorder-next-btn {
    width: 100%;
  }
}

/* Work Order v12 — same container/trust system as approved pages */
.workorder-page{background:#fff}
.workorder-head{padding:28px 0 18px}
.workorder-head h1{font:800 38px/1.1 Manrope,Arial,sans-serif;letter-spacing:-1.1px;color:var(--navy);margin:0 0 10px}
.workorder-head p{font-size:15px;line-height:1.55;color:var(--muted);margin:0;max-width:840px}
.workorder-main{padding:4px 0 10px}
.workorder-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.workorder-assistant{min-width:0;overflow:visible}
.workorder-bot{display:block;width:210px;height:210px;object-fit:contain;margin:0 auto 12px;overflow:visible}
.workorder-bubble{font-size:13px;padding:15px 16px}
.workorder-bubble:before{left:50%;top:-10px;transform:translateX(-50%) rotate(135deg)}
.workorder-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:transparent}
.workorder-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}
.workorder-top h2{font:700 26px/1.1 Manrope,Arial,sans-serif;margin:6px 0 0;color:var(--navy)}
.status-pill{padding:8px 11px;border:1px solid var(--teal);border-radius:999px;color:var(--teal-dark);font:700 11px Inter,Arial,sans-serif;white-space:nowrap}
.workorder-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.workorder-meta div{display:flex;flex-direction:column;gap:4px}.workorder-meta span{font:500 10px Inter,sans-serif;color:var(--muted)}.workorder-meta strong{font:700 13px Inter,sans-serif;color:var(--navy)}
.workorder-section{padding:17px 0}.workorder-section h3,.part-note h3{font:700 16px Manrope,sans-serif;color:var(--navy);margin:0 0 12px}
.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:11px;position:relative;padding:0 0 14px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:2px;background:var(--line)}.timeline-item .dot{width:14px;height:14px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;margin-top:2px}.timeline-item.done .dot,.timeline-item.active .dot{border-color:var(--teal);background:var(--teal)}.timeline-item strong{display:block;font:700 13px Inter,sans-serif;color:var(--navy)}.timeline-item small{display:block;margin-top:3px;font:400 11px Inter,sans-serif;color:var(--muted)}
.workorder-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:22px;border-top:1px solid var(--line)}.labor-price{font:800 28px Manrope,sans-serif;color:var(--teal-dark)}.scope-list{margin:0;padding-left:18px;color:var(--text);font:400 12px/1.75 Inter,sans-serif}.part-note{display:grid;grid-template-columns:26px 1fr;gap:11px;border-top:1px solid var(--line);padding-top:18px}.part-note img{width:22px;height:22px;filter:brightness(0) saturate(100%) invert(54%) sepia(84%) saturate(1029%) hue-rotate(132deg) brightness(86%) contrast(89%)}.part-note p{margin:0;color:var(--muted);font:400 12px/1.55 Inter,sans-serif}
.workorder-next{display:flex;justify-content:flex-end;margin-top:10px;margin-bottom:18px}.workorder-next-btn{min-width:220px}
.workorder-page .trust-strip{margin-top:0}
.workorder-page + .site-footer{margin-top:0}
@media(max-width:900px){.workorder-grid{grid-template-columns:1fr}.workorder-assistant{text-align:center}.workorder-bot{width:180px;height:180px}.workorder-bubble{text-align:left}.workorder-meta,.workorder-columns{grid-template-columns:1fr}}
@media(max-width:640px){.workorder-head{padding:24px 0 12px}.workorder-head h1{font-size:31px}.workorder-card{padding:16px}.workorder-top{flex-direction:column}.workorder-next{justify-content:stretch}.workorder-next-btn{width:100%}}

/* Delivery container normalization */
.delivery-page > .container{padding-top:28px;padding-bottom:20px}
.delivery-page .trust-strip{margin-top:8px}

/* v14: CTA buttons use text only; no directional arrow decoration. */
.btn-primary::before,
.btn-primary::after,
button.btn-primary::before,
button.btn-primary::after,
a.btn-primary::before,
a.btn-primary::after,
.cta::before,
.cta::after {
  content: none !important;
  display: none !important;
}

/* delivery v15: keep original Service Record card width after removing its icon */
.delivery-page .vehicle-record-note{
  grid-template-columns: 1fr !important;
}

/* Vehicle History */
.vehicle-history-page{padding-top:28px}
.vehicle-history-head{padding-bottom:24px}
.vehicle-history-head h1{margin:8px 0 10px;font:700 38px/1.14 Manrope,sans-serif;color:#0f172a}
.vehicle-history-head p{max-width:780px;margin:0;color:#64748b;font:400 15px/1.6 Inter,sans-serif}
.vehicle-history-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;gap:24px;align-items:start;padding-bottom:28px}
.vehicle-card,.history-panel,.vehicle-summary-card{border:1px solid #e2e8f0;border-radius:18px;background:#fff}
.vehicle-card,.vehicle-summary-card{padding:22px}
.vehicle-card-icon{width:52px;height:52px;border:1px solid #e2e8f0;border-radius:14px;display:grid;place-items:center;margin-bottom:18px}
.vehicle-card-icon img{width:26px;height:26px}
.vehicle-card h2,.vehicle-summary-card h2,.history-panel-head h2{margin:7px 0 0;font:700 22px/1.15 Manrope,sans-serif;color:#0f172a}
.vehicle-year{margin-top:5px;color:#0b7f7e;font:700 15px Inter,sans-serif}
.vehicle-details{display:grid;gap:0;margin:20px 0}
.vehicle-details div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}
.vehicle-details dt{color:#64748b;font:500 12px Inter,sans-serif}
.vehicle-details dd{margin:0;color:#0f172a;font:700 12px Inter,sans-serif;text-align:right}
.vehicle-info-btn{width:100%}
.history-panel{padding:22px}
.history-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}
.history-count{padding:7px 10px;border-radius:999px;background:#f8fafc;color:#64748b;font:700 11px Inter,sans-serif}
.history-timeline{padding-top:20px}
.history-entry{display:grid;grid-template-columns:18px 1fr;gap:14px;position:relative;padding-bottom:28px}
.history-entry:not(:last-child)::before{content:"";position:absolute;left:6px;top:15px;bottom:0;width:2px;background:#e2e8f0}
.history-dot{width:14px;height:14px;border-radius:50%;margin-top:4px;background:#0ea5a4;border:2px solid #0ea5a4}
.history-dot.maintenance{background:#fff}
.history-entry-content{min-width:0}
.history-entry-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.history-entry time{color:#0b7f7e;font:700 11px Inter,sans-serif}
.history-entry h3{margin:5px 0 3px;color:#0f172a;font:700 17px/1.25 Manrope,sans-serif}
.history-entry p{margin:0;color:#64748b;font:400 12px/1.5 Inter,sans-serif}
.warranty-badge{white-space:nowrap;border:1px solid #16a34a;border-radius:999px;padding:6px 9px;color:#15803d;font:700 10px Inter,sans-serif}
.history-type-icon{width:24px;height:24px}
.history-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.history-facts div{padding:9px 10px;border:1px solid #f1f5f9;border-radius:10px}
.history-facts span{display:block;color:#64748b;font:500 10px Inter,sans-serif}
.history-facts strong{display:block;margin-top:3px;color:#0f172a;font:700 11px Inter,sans-serif}
.history-scope{padding:10px 0}
.history-scope strong{color:#334155;font:700 11px Inter,sans-serif}
.history-detail-btn{border:0;background:transparent;padding:0;color:#0b7f7e;font:700 12px Inter,sans-serif;cursor:pointer}
.vehicle-summary-list{display:grid;gap:0;margin:18px 0}
.vehicle-summary-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}
.vehicle-summary-list span{color:#64748b;font:500 11px Inter,sans-serif}
.vehicle-summary-list strong{color:#0f172a;font:700 12px Inter,sans-serif;text-align:right}
.next-maintenance{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:14px}
.next-maintenance img{width:24px;height:24px}
.next-maintenance span{display:block;color:#64748b;font:500 10px Inter,sans-serif}
.next-maintenance strong{display:block;margin-top:4px;color:#0f172a;font:700 16px Manrope,sans-serif}
.next-maintenance small{color:#64748b;font:400 10px Inter,sans-serif}
.otobot-history-help{margin-top:18px;display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center}
.otobot-history-help img{width:78px;height:78px;object-fit:contain}
.otobot-history-help p{margin:0;color:#64748b;font:400 11px/1.5 Inter,sans-serif}
@media(max-width:1050px){
 .vehicle-history-grid{grid-template-columns:240px minmax(0,1fr)}
 .vehicle-summary-card{grid-column:2}
}
@media(max-width:760px){
 .vehicle-history-grid{grid-template-columns:1fr}
 .vehicle-summary-card{grid-column:auto}
 .history-facts{grid-template-columns:1fr}
 .history-entry-top{flex-direction:column}
}

/* Vehicle History — approved asset preview only */
.vehicle-profile-asset{
  width:100%;
  height:135px;
  object-fit:contain;
  display:block;
  margin:0 auto 12px;
}
.vehicle-history-page .next-maintenance{
  grid-template-columns:96px 1fr;
  align-items:center;
}
.vehicle-history-page .maintenance-calendar-asset{
  width:90px !important;
  height:90px !important;
  object-fit:contain;
  display:block;
}
.vehicle-history-page .otobot-history-help{
  grid-template-columns:104px 1fr;
  align-items:center;
}
.vehicle-history-page .history-record-asset{
  width:100px !important;
  height:100px !important;
  object-fit:contain;
  display:block;
}
@media(max-width:760px){
  .vehicle-profile-asset{height:150px}
  .vehicle-history-page .next-maintenance{grid-template-columns:84px 1fr}
  .vehicle-history-page .maintenance-calendar-asset{width:78px !important;height:78px !important}
  .vehicle-history-page .otobot-history-help{grid-template-columns:88px 1fr}
  .vehicle-history-page .history-record-asset{width:84px !important;height:84px !important}
}

/* Owner Dashboard */
.owner-dashboard-page{padding-top:28px}
.owner-dashboard-head{padding-bottom:24px;position:relative}
.owner-dashboard-head h1{margin:8px 0 10px;font:700 38px/1.14 Manrope,sans-serif;color:#0f172a}
.owner-dashboard-head p{max-width:780px;margin:0;color:#64748b;font:400 15px/1.6 Inter,sans-serif}
/* Portal karşılama satırı — ad ayrı gösterilir, başlığa yapıştırılmaz */
.owner-dashboard-head .owner-portal-greeting{min-height:18px;margin:8px 0 0 !important;color:#0b7f7e;font:700 13px Inter,sans-serif}
/* Portal çıkış butonu — orijinal düzeni bozmadan head'in sağına hizalar */
.owner-head-actions{position:absolute;top:0;right:0}
@media(max-width:760px){.owner-head-actions{position:static;margin-top:14px}}

.owner-dashboard-grid{
  display:grid;
  grid-template-columns:260px minmax(0,1fr) 300px;
  gap:24px;
  align-items:start;
  padding-bottom:28px;
}

.owner-vehicle-card,.owner-processes,.owner-quick-card{
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
}
.owner-vehicle-card,.owner-quick-card{padding:22px}
.owner-processes{padding:22px}

.owner-vehicle-image{
  width:100%;
  height:132px;
  object-fit:contain;
  display:block;
  margin:0 auto 12px;
}
.owner-vehicle-card h2,.owner-quick-card h2,.owner-section-head h2{
  margin:7px 0 0;
  font:700 22px/1.15 Manrope,sans-serif;
  color:#0f172a;
}
.owner-vehicle-year{margin-top:5px;color:#0b7f7e;font:700 15px Inter,sans-serif}
.owner-vehicle-details{display:grid;gap:0;margin:20px 0}
.owner-vehicle-details div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}
.owner-vehicle-details dt{color:#64748b;font:500 12px Inter,sans-serif}
.owner-vehicle-details dd{margin:0;color:#0f172a;font:700 12px Inter,sans-serif;text-align:right}
.owner-card-btn{width:100%;text-align:center}

.owner-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.owner-process-count{padding:7px 10px;border-radius:999px;background:#f8fafc;color:#64748b;font:700 11px Inter,sans-serif}

.owner-process-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:16px 0;
  border-top:1px solid #e2e8f0;
}
.owner-process-card:first-of-type{border-top:0}
.owner-process-main{display:flex;align-items:center;gap:14px;min-width:0}
.owner-process-icon{width:44px;height:44px;border:1px solid #e2e8f0;border-radius:12px;display:grid;place-items:center;flex:0 0 44px}
.owner-process-icon img{width:22px;height:22px}
.owner-process-type{display:block;color:#0b7f7e;font:700 10px Inter,sans-serif;letter-spacing:.04em}
.owner-process-card h3{margin:5px 0 4px;color:#0f172a;font:700 16px Manrope,sans-serif}
.owner-process-card p{margin:0;color:#334155;font:500 12px/1.45 Inter,sans-serif}
.owner-process-card small{display:block;margin-top:4px;color:#64748b;font:400 11px Inter,sans-serif}
.owner-process-link{color:#0b7f7e;font:700 12px Inter,sans-serif;text-decoration:none;white-space:nowrap}
.owner-process-card-media{grid-template-columns:72px minmax(0,1fr) auto}
.owner-process-media{width:66px;height:66px;object-fit:contain}

.owner-quick-links{display:grid;gap:10px;margin-top:18px}
.owner-quick-links a{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  color:#0f172a;
  text-decoration:none;
  font:700 12px Inter,sans-serif;
}
.owner-quick-links img{width:20px;height:20px}
.owner-record-visual{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:12px;
  align-items:center;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #e2e8f0;
}
.owner-record-visual img{width:92px;height:92px;object-fit:contain}
.owner-record-visual p{margin:0;color:#64748b;font:400 11px/1.5 Inter,sans-serif}

.owner-activity-section{padding-bottom:28px}
.owner-activity-list{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:0 22px}
.owner-activity-list article{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:14px 0;
  border-top:1px solid #f1f5f9;
}
.owner-activity-list article:first-child{border-top:0}
.owner-activity-list time{color:#64748b;font:500 11px Inter,sans-serif}
.owner-activity-list strong{display:block;color:#0f172a;font:700 13px Inter,sans-serif}
.owner-activity-list p{margin:3px 0 0;color:#64748b;font:400 11px/1.45 Inter,sans-serif}
.owner-activity-list a{color:#0b7f7e;text-decoration:none;font:700 11px Inter,sans-serif;white-space:nowrap}

@media(max-width:1050px){
  .owner-dashboard-grid{grid-template-columns:240px minmax(0,1fr)}
  .owner-quick-card{grid-column:2}
}
@media(max-width:760px){
  .owner-dashboard-grid{grid-template-columns:1fr}
  .owner-quick-card{grid-column:auto}
  .owner-process-card,.owner-process-card-media{grid-template-columns:1fr}
  .owner-process-link{margin-left:58px}
  .owner-process-card-media .owner-process-link{margin-left:0}
  .owner-activity-list article{grid-template-columns:1fr;gap:5px}
}

/* Owner Dashboard v19 — approved quick action assets only */
.owner-dashboard-page .owner-quick-links a{
  grid-template-columns:44px 1fr;
}
.owner-dashboard-page .owner-quick-links .owner-quick-asset{
  width:40px !important;
  height:40px !important;
  object-fit:contain;
  display:block;
}

/* Owner Dashboard v21 — active process production assets only */
.owner-dashboard-page .owner-process-icon{
  overflow:visible;
}
.owner-dashboard-page .owner-process-icon .owner-process-asset{
  width:38px !important;
  height:38px !important;
  object-fit:contain;
  display:block;
}

/* Appointments live module v24 */
.appointments-hub{padding:28px 0 42px;background:#f8fafc}
.appointments-hub-top{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}
.appointments-hub-top h2{margin:7px 0 0;color:#0f172a;font:700 25px/1.15 Manrope,sans-serif}
.appointment-empty-state{max-width:760px;margin:18px auto;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:34px;text-align:center}
.appointment-empty-state img{width:128px;height:128px;object-fit:contain;display:block;margin:0 auto 12px}
.appointment-empty-state h2{margin:7px 0 10px;color:#0f172a;font:700 25px Manrope,sans-serif}
.appointment-empty-state p{max-width:570px;margin:0 auto 20px;color:#64748b;font:400 13px/1.65 Inter,sans-serif}
.appointment-tabs{display:flex;gap:8px;border-bottom:1px solid #e2e8f0;margin-bottom:14px}
.appointment-tabs button{border:0;background:transparent;padding:12px 14px;color:#64748b;font:700 12px Inter,sans-serif;cursor:pointer;border-bottom:2px solid transparent}
.appointment-tabs button.active{color:#0b7f7e;border-bottom-color:#0ea5a4}
.appointment-tabs span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:#eef2f6;font-size:10px}
.appointment-record-list{display:grid;gap:12px}
.appointment-record-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:18px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px 18px}
.appointment-record-date{width:76px;padding:9px 6px;text-align:center;border-radius:13px;background:#f0fdfa;color:#0f172a}
.appointment-record-date strong{display:block;font:800 24px Manrope,sans-serif;color:#0b7f7e}
.appointment-record-date span,.appointment-record-date small{display:block;font:600 10px Inter,sans-serif;color:#64748b}
.appointment-record-main h3{margin:6px 0 4px;color:#0f172a;font:700 16px Manrope,sans-serif}
.appointment-record-main p,.appointment-record-main small{margin:0;color:#64748b;font:400 11px/1.45 Inter,sans-serif}
.appointment-status{display:inline-flex;border-radius:999px;padding:5px 8px;font:700 9px Inter,sans-serif}
.status-scheduled{background:#ecfdf5;color:#047857}.status-rescheduled{background:#eff6ff;color:#1d4ed8}.status-cancelled{background:#fff1f2;color:#be123c}.status-completed{background:#f0fdfa;color:#0f766e}.status-no_show{background:#fff7ed;color:#c2410c}
.appointment-record-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:340px}
.appointment-danger-link{border:0;background:transparent;color:#be123c;font:700 11px Inter,sans-serif;cursor:pointer;padding:8px}
.appointment-tab-empty{padding:28px;border:1px dashed #cbd5e1;border-radius:14px;text-align:center;color:#64748b;font:500 12px Inter,sans-serif;background:#fff}
.appointment-modal-backdrop{position:fixed;z-index:9999;inset:0;background:rgba(15,23,42,.48);display:grid;place-items:center;padding:18px}
.appointment-modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:26px;box-shadow:0 24px 70px rgba(15,23,42,.22)}
.appointment-modal h2{margin:8px 0 12px;color:#0f172a;font:700 22px/1.25 Manrope,sans-serif}
.appointment-modal p{color:#64748b;font:400 12px/1.6 Inter,sans-serif}
.appointment-detail-list{margin:18px 0}
.appointment-detail-list div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #f1f5f9}
.appointment-detail-list dt{color:#64748b;font:500 11px Inter,sans-serif}.appointment-detail-list dd{margin:0;color:#0f172a;font:700 11px Inter,sans-serif;text-align:right}
.appointment-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}
.appointment-cancel-label{display:block;color:#334155;font:700 11px Inter,sans-serif}.appointment-cancel-label span{font-weight:400;color:#94a3b8}
.appointment-cancel-label textarea{width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #cbd5e1;border-radius:12px;padding:11px;resize:vertical;font:400 12px Inter,sans-serif}
.appointment-cancel-label select{width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #cbd5e1;border-radius:12px;padding:11px;background:#fff;font:500 12px Inter,sans-serif;color:#0f172a}
.appointment-cancel-confirm{background:#be123c!important;border-color:#be123c!important}
.appointment-message{text-align:center;padding:8px}
@media(max-width:760px){
 .appointments-hub-top{align-items:flex-start;flex-direction:column}
 .appointment-tabs{overflow-x:auto}
 .appointment-record-card{grid-template-columns:72px 1fr}
 .appointment-record-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}
}

/* Appointments v25 — cancel action button hierarchy */
.appointments-page .appointment-danger-outline{
  color:#be123c;
  border-color:#fecdd3;
  background:#fff;
}
.appointments-page .appointment-danger-outline:hover{
  color:#9f1239;
  border-color:#fda4af;
  background:#fff1f2;
}

/* Appointment cancel — explicit button geometry */
.appointments-page .appointment-record-actions .appointment-danger-outline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:0 14px !important;
  border:1px solid #fecdd3 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#be123c !important;
  font:700 11px/1 Inter,sans-serif !important;
  text-decoration:none !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}
.appointments-page .appointment-record-actions .appointment-danger-outline:hover{
  background:#fff1f2 !important;
  border-color:#fda4af !important;
  color:#9f1239 !important;
}

/* Otobot live service request bridge */
.diagnosis-page .request-live-status{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin:14px 0 10px;
  padding:11px 13px;
  border:1px solid #ccfbf1;
  border-radius:12px;
  background:#f0fdfa;
}
.diagnosis-page .request-live-status strong{
  color:#0f766e;
  font:700 12px Inter,sans-serif;
}
.diagnosis-page .request-live-status span{
  color:#64748b;
  font:600 10px Inter,sans-serif;
}
.diagnosis-page .success-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:16px;
}
.diagnosis-page .request-error{
  margin-top:14px;
  padding:11px 13px;
  border:1px solid #fecdd3;
  border-radius:12px;
  background:#fff1f2;
  color:#be123c;
  font:600 11px/1.5 Inter,sans-serif;
}
.diagnosis-page .request-error[hidden]{display:none}
.diagnosis-page .field-invalid{border-color:#e11d48!important;box-shadow:0 0 0 3px rgba(225,29,72,.15)!important}

/* Offers live UI v1 */
.offers-page .offers-context{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
.offers-page .offers-context h2{margin:3px 0 2px;color:#0f172a;font:700 14px Manrope,sans-serif}.offers-page .offers-context p{margin:0;color:#64748b;font:400 10px/1.4 Inter,sans-serif}
.offers-page .offers-context-status{text-align:right}.offers-page .offers-context-status strong{display:block;color:#0b7f7e;font:800 13px Manrope,sans-serif}.offers-page .offers-context-status span{color:#64748b;font:600 9.5px Inter,sans-serif}
.offers-page .offers-waiting-state,.offers-page .offers-request-chooser{padding:34px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;text-align:center}.offers-page .offers-waiting-state>img{width:132px;height:132px;object-fit:contain;margin:0 auto 8px}
.offers-page .offers-waiting-state h2,.offers-page .offers-request-chooser h2,.offers-page .offers-live-head h2{margin:7px 0 8px;color:#0f172a;font:700 23px Manrope,sans-serif}.offers-page .offers-waiting-state p{max-width:570px;margin:0 auto 18px;color:#64748b;font:400 12px/1.65 Inter,sans-serif}
.offers-page .offers-state-actions{display:flex;justify-content:center;gap:8px}.offers-page .offers-live-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:4px 0 14px}.offers-page .offers-live-head .btn-small{min-height:32px;padding:0 14px;font-size:13px}.offers-page .offer-status-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:4px}
.offers-page .offer-state-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font:700 9px Inter,sans-serif;background:#f1f5f9;color:#475569}.offers-page .state-submitted{background:#ecfdf5;color:#047857}.offers-page .state-viewed{background:#eff6ff;color:#1d4ed8}.offers-page .state-selected{background:#f0fdfa;color:#0f766e}.offers-page .state-not_selected{background:#f8fafc;color:#64748b}.offers-page .state-expired{background:#fff7ed;color:#c2410c}.offers-page .state-withdrawn{background:#fff1f2;color:#be123c}.offers-page .state-new-service{background:#fef3c7;color:#b45309}
.offers-page .offer-live-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px}.offers-page .offer-live-actions .btn{min-height:26px;height:26px;padding:0 8px;font-size:11px;flex:1 1 0;min-width:0;width:auto;margin-top:0}
.offers-show-more{display:flex;justify-content:center;margin-top:16px}
.offers-explore{margin-top:20px;padding-top:18px;border-top:1px solid #e2e8f0}
.offers-explore-head .eyebrow{display:block;margin-bottom:6px}
.offers-explore-head h2{margin:0;color:#0f172a;font:700 18px Manrope,sans-serif}
.offers-explore-toolbar{display:flex;justify-content:flex-end;margin:0 0 10px}
.offers-explore-toolbar select{padding:8px 10px;border:1px solid #e2e8f0;border-radius:10px;font:500 12px Inter,sans-serif;color:#0f172a;background:#fff;height:34px}
.offers-explore-count{color:#64748b;font:500 11px Inter,sans-serif;margin:0 0 8px}
.offers-filters{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:14px}
.offers-filters-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
.offers-filters-clear{border:0;background:none;color:#0b7f7e;font:700 11px Inter,sans-serif;cursor:pointer;padding:0}
.offers-filter-group{padding:10px 0;border-top:1px solid #f1f5f9}
.offers-filters-head + .offers-filter-group{border-top:0}
.offers-filter-group h3{margin:0 0 8px;color:#0f172a;font:700 12px Inter,sans-serif}
.offers-filter-opts{display:grid;gap:6px}
.offers-check{display:flex;align-items:center;gap:8px;font:500 12px Inter,sans-serif;color:#334155;cursor:pointer}
.offers-check input{width:15px;height:15px;accent-color:#0b7f7e;margin:0}
.offers-check-count{margin-left:auto;color:#94a3b8;font:500 11px Inter,sans-serif;font-style:normal}
.offers-filter-none{color:#94a3b8;font:500 11px Inter,sans-serif}
.offers-filter-price{display:flex;align-items:center;gap:6px}
.offers-filter-price input{width:100%;min-width:0;padding:7px 8px;border:1px solid #e2e8f0;border-radius:8px;font:500 12px Inter,sans-serif;color:#0f172a}
.offers-filter-price span{color:#94a3b8}
@media(max-width:640px){.offers-side{position:static}}
.offers-explore-list{display:grid;gap:8px}
.offers-explore-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;flex-wrap:wrap}
.offers-explore-main{flex:1;min-width:180px;display:grid;gap:2px}
.offers-explore-main strong{color:#0f172a;font:700 13px Inter,sans-serif}
.offers-explore-main span{color:#64748b;font:500 10.5px Inter,sans-serif}
.offers-explore-meta{display:flex;gap:8px;color:#64748b;font:500 10.5px Inter,sans-serif}
.offers-explore-row>b{color:#0b7f7e;font:800 15px Manrope,sans-serif;white-space:nowrap}
.offers-explore-actions{display:flex;gap:8px}
.offers-explore-actions .btn{min-height:28px;padding:0 10px;font-size:11px;white-space:nowrap}
.offers-explore-empty{color:#64748b;font:400 12px Inter,sans-serif;padding:14px;text-align:center;margin:0}
.offers-explore-more{display:flex;justify-content:center;padding-top:10px}
.offers-ai-note{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;background:#f4fbfb;border:1px solid #d7e9e9;border-radius:12px;font-size:12.5px;color:#0f172a;line-height:1.5}.offers-ai-note .offers-ai-text{flex:1;min-width:0}.offers-ai-note .btn-small{min-height:28px;padding:0 12px;font-size:12px;flex:0 0 auto;margin-left:auto}
.offers-ai-note .ai-source-badge{flex:0 0 auto;padding:3px 9px;border-radius:999px;background:#0b7f7e;color:#fff;font:700 10px Inter,sans-serif}.offers-page .selected-offer-summary{margin-bottom:22px}.offers-page .historical-offers{margin-top:20px;padding-top:18px;border-top:1px solid #e2e8f0}
.offer-modal-backdrop{position:fixed;z-index:9999;inset:0;background:rgba(15,23,42,.48);display:grid;place-items:center;padding:18px}.offer-modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:26px;box-shadow:0 24px 70px rgba(15,23,42,.22)}
.offer-modal h2{margin:8px 0 14px;color:#0f172a;font:700 22px/1.25 Manrope,sans-serif}.offer-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.offer-modal-title{flex:1;min-width:0}.offer-modal-close{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#64748b;font-size:13px;line-height:1;cursor:pointer;padding:0}.offer-modal-close:hover{background:#f1f5f9;color:#0f172a}.offer-detail-list{margin:18px 0}.offer-detail-list div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #f1f5f9}.offer-detail-list dt{color:#64748b;font:500 11px Inter,sans-serif}.offer-detail-list dd{margin:0;color:#0f172a;font:700 11px Inter,sans-serif;text-align:right}.offer-modal-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:18px}
.offer-confirm-summary{display:grid;gap:7px;padding:15px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.offer-confirm-summary span{color:#64748b;font:500 11px Inter,sans-serif}.offer-comparison-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.offer-comparison-table article{display:grid;gap:7px;padding:14px;border:1px solid #e2e8f0;border-radius:14px}.offer-comparison-table b{color:#0b7f7e;font:800 18px Manrope,sans-serif}.offer-comparison-table span,.offer-comparison-table small{color:#64748b;font:500 10px/1.45 Inter,sans-serif}
.offer-compare-goto{display:block;width:100%;margin-top:8px;padding:7px 0;border:1px solid #d7e9e9;border-radius:8px;background:#f4fbfb;color:#0b7f7e;font:700 11px Inter,sans-serif;cursor:pointer}.offer-compare-goto:hover{background:#e6f4f3}
.offer-flash{animation:offerFlash 1.4s ease}
@keyframes offerFlash{0%,60%{box-shadow:0 0 0 3px rgba(11,127,126,.45)}100%{box-shadow:0 0 0 0 rgba(11,127,126,0)}}
.offers-request-list{display:grid;gap:9px;margin-top:18px;text-align:left}.offers-request-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;border:1px solid #e2e8f0;border-radius:13px;text-decoration:none;background:#fff}.offers-request-list strong{display:block;color:#0f172a}.offers-request-list span{display:block;color:#64748b;font-size:10px}.offers-request-list b{color:#0b7f7e}@media(max-width:760px){.offers-page .offers-context,.offers-page .offers-live-head{flex-direction:column;align-items:flex-start}.offers-page .offers-context-status{text-align:left}}
/* Otobot AI teklif önerisi */
.offer-guide{margin:18px 0 6px;padding:18px;border:1px solid #d7e9e9;border-radius:16px;background:#f4fbfb}.offer-guide-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.guide-summary{font:500 13px/1.6 Inter,sans-serif;color:#0f172a;margin:8px 0 12px}.guide-list{display:grid;gap:10px;margin-bottom:10px}.guide-item{padding:11px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.guide-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.guide-item-top strong{color:#0f172a;font:700 12px Inter,sans-serif}.guide-score{font:800 12px Manrope,sans-serif;color:#0b7f7e}.guide-note{font:500 10.5px/1.45 Inter,sans-serif;padding:2px 0}.guide-note.good{color:#047857}.guide-note.warn{color:#b45309}.guide-recommend{font:500 12px/1.55 Inter,sans-serif;color:#334155;margin:4px 0 8px}.guide-recommend strong{color:#0b7f7e}.offer-guide small{display:block;color:#64748b;font:400 10px Inter,sans-serif}
.offer-recommend-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font:700 9px Inter,sans-serif;background:#0b7f7e;color:#fff}.offer-card.recommended{outline:2px solid rgba(11,127,126,.35);outline-offset:2px}
/* Mini tanıtım kartı (Detay modal) */
.spm-card{text-align:left}.spm-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.spm-head .eyebrow{color:#0e6e6e}.spm-head h2{font:700 22px/1.2 Manrope,sans-serif;color:#0f172a;margin:6px 0 4px}.spm-loc{color:#64748b;font-size:12px;margin:0}.spm-rating{display:flex;align-items:center;gap:6px;white-space:nowrap}.spm-rating b{font:800 18px Manrope,sans-serif;color:#0f172a}.spm-rating span{color:#64748b;font-size:11px}.spm-stars{color:#f59e0b;letter-spacing:1px}.spm-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}.spm-chip{background:#eaf3f3;border:1px solid #d5e7e4;color:#0b3d5c;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}.spm-block{margin-top:14px;padding-top:14px;border-top:1px solid #f1f5f9}.spm-block h3{font:700 13px Inter,sans-serif;color:#0f172a;margin:0 0 8px}.spm-hours{list-style:none;margin:0;padding:0}.spm-hours li{display:flex;justify-content:space-between;font-size:12px;padding:5px 0;border-bottom:1px solid #f1f5f9}.spm-hours li:last-child{border-bottom:none}.spm-hours span{color:#64748b}.spm-hours strong{color:#0f172a;font-weight:600}.spm-reviews{list-style:none;margin:0;padding:0;max-height:180px;overflow:auto}.spm-reviews li{padding:8px 0;border-bottom:1px solid #f1f5f9}.spm-reviews li:last-child{border-bottom:none}.spm-review-head{display:flex;justify-content:space-between;margin-bottom:4px}.spm-review-head time{color:#94a3b8;font-size:10.5px}.spm-reviews p{margin:0;color:#33475b;font-size:12px;line-height:1.5}.spm-muted{color:#94a3b8;font-size:12px;margin:0}.spm-note{color:#64748b;font-size:11px;margin:14px 0 0;padding:10px 12px;background:#f8fafc;border-radius:10px}.spm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;justify-content:flex-end}.spm-actions .btn{min-height:38px;height:38px;padding:0 14px;font-size:12.5px}.spm-loading{color:#64748b;text-align:center;padding:30px 0;font-size:13px}

/* Offer → Appointment bridge */
.appointments-page .appointment-bridge-summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin:0 0 18px;
  padding:15px 17px;
  border:1px solid #ccfbf1;
  border-radius:15px;
  background:#f0fdfa;
}
.appointments-page .appointment-bridge-summary h2{
  margin:4px 0 3px;
  color:#0f172a;
  font:700 17px Manrope,sans-serif;
}
.appointments-page .appointment-bridge-summary p{
  margin:0;
  color:#64748b;
  font:500 10px/1.5 Inter,sans-serif;
}
.appointments-page .appointment-bridge-meta{text-align:right}
.appointments-page .appointment-bridge-meta strong{
  display:block;
  color:#0b7f7e;
  font:800 16px Manrope,sans-serif;
}
.appointments-page .appointment-bridge-meta span{
  color:#64748b;
  font:600 10px Inter,sans-serif;
}
@media(max-width:700px){
  .appointments-page .appointment-bridge-summary{align-items:flex-start;flex-direction:column}
  .appointments-page .appointment-bridge-meta{text-align:left}
}

/* Approved asset library — appointment calendar */
.appointments-page .panel-heading .appointment-calendar-asset{
  width:76px;
  height:76px;
  object-fit:contain;
  flex:0 0 auto;
}

/* Single live selected-offer card */
.appointments-page .selected-offer-panel{
  align-self:start;
}
.appointments-page #selectedOfferLive{
  padding:18px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
}
.appointments-page #selectedOfferLive h3{
  margin:6px 0 8px;
  color:#0f172a;
  font:700 17px Manrope,sans-serif;
}
.appointments-page .selected-offer-price{
  margin-bottom:12px;
  color:#0b7f7e;
  font:800 22px Manrope,sans-serif;
}
.appointments-page .selected-offer-live-meta{
  margin:0;
}
.appointments-page .selected-offer-live-meta div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  border-top:1px solid #f1f5f9;
}
.appointments-page .selected-offer-live-meta dt{
  color:#64748b;
  font:500 10px Inter,sans-serif;
}
.appointments-page .selected-offer-live-meta dd{
  margin:0;
  color:#0f172a;
  font:700 10px/1.4 Inter,sans-serif;
  text-align:right;
}

/* Appointment selected-offer layout v4 — single compact card above planner */
.appointments-page .appointment-bridge-summary{
  grid-column:1 / -1;
  margin-bottom:4px;
}
.appointments-page .appointment-bridge-meta{
  min-width:150px;
}
.appointments-page .appointment-bridge-meta small{
  display:block;
  margin-top:3px;
  color:#64748b;
  font:600 9px Inter,sans-serif;
}
.appointments-page .appointments-grid{
  grid-template-columns:minmax(190px,.72fr) minmax(0,1.7fr);
}
.appointments-page .calendar-panel{
  min-width:0;
}
@media(max-width:900px){
  .appointments-page .appointments-grid{grid-template-columns:1fr}
  .appointments-page .appointment-bridge-summary{grid-column:1}
}

/* Work Order live UI v1 */
.workorder-page .workorder-context-card{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;padding:16px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.workorder-page .workorder-context-card h2{margin:5px 0 3px;color:#0f172a;font:700 18px Manrope,sans-serif}.workorder-page .workorder-context-card p{margin:0;color:#64748b;font:500 11px/1.5 Inter,sans-serif}
.workorder-page .workorder-context-status{text-align:right}.workorder-page .workorder-context-status strong{display:block;color:#0b7f7e;font:800 14px Manrope,sans-serif}.workorder-page .workorder-context-status span{display:block;max-width:300px;margin-top:3px;color:#64748b;font:500 10px/1.4 Inter,sans-serif}
.workorder-page .workorder-card{min-width:0}.workorder-page .workorder-state-head{margin-bottom:16px}.workorder-page .workorder-state-head h2,.workorder-page .workorder-attention h2,.workorder-page .workorder-ready-hero h2,.workorder-page .workorder-empty-state h2,.workorder-page .workorder-chooser h2{margin:6px 0 6px;color:#0f172a;font:700 23px Manrope,sans-serif}
.workorder-page .workorder-reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.workorder-page .workorder-reference-grid>div{padding:11px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.workorder-page .workorder-reference-grid span{display:block;color:#64748b;font:500 9px Inter,sans-serif}.workorder-page .workorder-reference-grid strong{display:block;margin-top:3px;color:#0f172a;font:700 10px Inter,sans-serif}
.workorder-page .workorder-section.live{margin-top:16px}.workorder-page .workorder-section.live>h3{margin:0 0 10px;color:#0f172a;font:700 14px Manrope,sans-serif}.workorder-page .workorder-section.subdued{padding-top:14px;border-top:1px solid #e2e8f0}
.workorder-page .workorder-item-list{display:grid;gap:8px}.workorder-page .workorder-item-card{padding:13px 14px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.workorder-page .workorder-item-main{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.workorder-page .workorder-item-main strong{display:block;color:#0f172a;font:700 11px Inter,sans-serif}.workorder-page .workorder-item-main span:not(.workorder-item-status){display:block;margin-top:3px;color:#64748b;font:500 9px/1.45 Inter,sans-serif}
.workorder-page .workorder-item-status{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font:700 8px Inter,sans-serif}.workorder-page .item-proposed .workorder-item-status{background:#fff7ed;color:#c2410c}.workorder-page .item-approved .workorder-item-status{background:#eff6ff;color:#1d4ed8}.workorder-page .item-in_progress .workorder-item-status{background:#f0fdfa;color:#0f766e}.workorder-page .item-completed .workorder-item-status{background:#ecfdf5;color:#047857}.workorder-page .item-rejected .workorder-item-status{background:#fff1f2;color:#be123c}
.workorder-page .workorder-item-costs{display:flex;gap:14px;margin-top:9px;color:#64748b;font:500 9px Inter,sans-serif}.workorder-page .workorder-item-costs b{color:#0f172a}.workorder-page .workorder-item-detail{margin-top:9px;padding:0;border:0;background:transparent;color:#0b7f7e;font:700 9px Inter,sans-serif;cursor:pointer}.workorder-page .workorder-decision-note{margin:8px 0 0;color:#64748b;font:500 9px/1.45 Inter,sans-serif}
.workorder-page .workorder-attention{margin-bottom:12px;padding:16px;border:1px solid #fed7aa;border-radius:15px;background:#fff7ed}.workorder-page .workorder-attention p{margin:0;color:#9a3412;font:500 10px/1.55 Inter,sans-serif}
.workorder-page .workorder-proposal-list{display:grid;gap:10px}.workorder-page .workorder-proposal-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:15px;border:1px solid #fdba74;border-radius:15px;background:#fff}.workorder-page .workorder-proposal-card h3{margin:4px 0;color:#0f172a;font:700 14px Manrope,sans-serif}.workorder-page .workorder-proposal-card p{margin:0;color:#64748b;font:500 10px/1.5 Inter,sans-serif}.workorder-page .workorder-proposal-costs{display:flex;gap:12px;margin-top:9px;color:#64748b;font:500 9px Inter,sans-serif}.workorder-page .workorder-proposal-costs strong{color:#0f172a}.workorder-page .workorder-proposal-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.workorder-page .workorder-ready-hero{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin-bottom:16px;padding:18px;border:1px solid #bbf7d0;border-radius:17px;background:#f0fdf4}.workorder-page .workorder-ready-hero img{width:150px;height:120px;object-fit:contain}.workorder-page .workorder-ready-hero p{margin:0 0 13px;color:#64748b;font:500 10px/1.55 Inter,sans-serif}
.workorder-page .workorder-state-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.workorder-page .workorder-mini-timeline{display:grid;gap:8px;margin-top:14px}.workorder-page .workorder-mini-timeline>div{display:flex;gap:9px;align-items:flex-start}.workorder-page .workorder-mini-timeline>div>span{width:9px;height:9px;margin-top:3px;border-radius:50%;background:#cbd5e1}.workorder-page .workorder-mini-timeline>div.done>span{background:#0ea5a4}.workorder-page .workorder-mini-timeline p{margin:0}.workorder-page .workorder-mini-timeline strong,.workorder-page .workorder-mini-timeline small{display:block}.workorder-page .workorder-mini-timeline strong{color:#0f172a;font:700 10px Inter,sans-serif}.workorder-page .workorder-mini-timeline small{margin-top:2px;color:#64748b;font:500 9px Inter,sans-serif}
.workorder-page .workorder-empty-state,.workorder-page .workorder-chooser{padding:30px;text-align:center}.workorder-page .workorder-empty-state p{max-width:520px;margin:0 auto 16px;color:#64748b;font:500 11px/1.6 Inter,sans-serif}.workorder-page .workorder-chooser-list{display:grid;gap:8px;margin-top:16px;text-align:left}.workorder-page .workorder-chooser-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none}.workorder-page .workorder-chooser-list strong,.workorder-page .workorder-chooser-list span{display:block}.workorder-page .workorder-chooser-list strong{color:#0f172a}.workorder-page .workorder-chooser-list span{color:#64748b;font-size:9px}.workorder-page .workorder-chooser-list b{color:#0b7f7e;font-size:9px}
.workorder-modal-backdrop{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.48)}.workorder-modal{width:min(650px,100%);max-height:90vh;overflow:auto;padding:25px;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.22)}.workorder-modal h2{margin:7px 0 10px;color:#0f172a;font:700 21px Manrope,sans-serif}.workorder-modal-description{color:#64748b;font:500 11px/1.6 Inter,sans-serif}.workorder-modal-list{margin:15px 0}.workorder-modal-list div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #f1f5f9}.workorder-modal-list dt{color:#64748b;font:500 10px Inter,sans-serif}.workorder-modal-list dd{margin:0;color:#0f172a;font:700 10px Inter,sans-serif;text-align:right}.workorder-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:17px}.workorder-reject-label{display:grid;gap:6px;color:#334155;font:700 10px Inter,sans-serif}.workorder-reject-label span{color:#94a3b8;font-weight:500}.workorder-reject-label textarea{padding:10px;border:1px solid #cbd5e1;border-radius:10px;font:500 11px Inter,sans-serif;resize:vertical}.workorder-danger{background:#be123c!important;border-color:#be123c!important}
@media(max-width:900px){.workorder-page .workorder-context-card,.workorder-page .workorder-item-main{align-items:flex-start;flex-direction:column}.workorder-page .workorder-context-status{text-align:left}.workorder-page .workorder-reference-grid{grid-template-columns:1fr}.workorder-page .workorder-proposal-card{grid-template-columns:1fr}.workorder-page .workorder-proposal-actions{justify-content:flex-start}.workorder-page .workorder-ready-hero{grid-template-columns:1fr}.workorder-page .workorder-ready-hero img{width:120px;height:100px}}

.revenue-ad .sponsored{display:block;margin:0 0 6px;color:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.vehicle-summary-card .vehicle-history-ad{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}
.vehicle-summary-card .vehicle-history-ad img{display:block;width:100%;max-width:300px;aspect-ratio:300/250;object-fit:cover;margin:0 auto;border-radius:12px}

/* Delivery live UI v1 */
.delivery-page .delivery-context-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;padding:16px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.delivery-page .delivery-context-card h2{margin:5px 0 3px;color:#0f172a;font:700 18px Manrope,sans-serif}.delivery-page .delivery-context-card p{margin:0;color:#64748b;font:500 11px/1.5 Inter,sans-serif}
.delivery-page .delivery-context-status{text-align:right}.delivery-page .delivery-context-status strong{display:block;color:#0b7f7e;font:800 14px Manrope,sans-serif}.delivery-page .delivery-context-status span{display:block;max-width:300px;margin-top:3px;color:#64748b;font:500 10px/1.4 Inter,sans-serif}
.delivery-page .delivery-live-grid{align-items:start}.delivery-page .delivery-live-empty,.delivery-page .delivery-review-alert,.delivery-page .delivery-issue-card{padding:18px;border-radius:15px}
.delivery-page .delivery-live-empty{border:1px solid #e2e8f0;background:#f8fafc}.delivery-page .delivery-review-alert{margin-bottom:14px;border:1px solid #99f6e4;background:#f0fdfa}.delivery-page .delivery-issue-card{margin-bottom:14px;border:1px solid #fed7aa;background:#fff7ed}
.delivery-page .delivery-live-empty h2,.delivery-page .delivery-review-alert h2,.delivery-page .delivery-issue-card h2,.delivery-page .delivery-complete-hero h2{margin:6px 0;color:#0f172a;font:700 20px Manrope,sans-serif}.delivery-page .delivery-live-empty p,.delivery-page .delivery-review-alert p,.delivery-page .delivery-issue-card p,.delivery-page .delivery-complete-hero p{margin:0;color:#64748b;font:500 10px/1.55 Inter,sans-serif}
.delivery-page .delivery-live-items{display:grid;gap:8px}.delivery-page .delivery-live-items article{display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.delivery-page .delivery-live-items img{width:18px;height:18px}.delivery-page .delivery-live-items strong,.delivery-page .delivery-live-items span{display:block}.delivery-page .delivery-live-items strong{color:#0f172a;font:700 10px Inter,sans-serif}.delivery-page .delivery-live-items span{margin-top:2px;color:#64748b;font:500 9px/1.4 Inter,sans-serif}
.delivery-page .delivery-rejected{opacity:.88}.delivery-page .delivery-rejected-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f1f5f9}.delivery-page .delivery-rejected-row strong{color:#475569;font-size:10px}.delivery-page .delivery-rejected-row span{color:#be123c;font:700 9px Inter,sans-serif}
.delivery-page .delivery-warranty{display:flex;justify-content:space-between;gap:14px;padding:11px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}.delivery-page .delivery-warranty span{color:#64748b;font-size:10px}.delivery-page .delivery-warranty strong{color:#0f172a;font-size:10px}
.delivery-page .delivery-side-copy{color:#64748b;font:500 10px/1.55 Inter,sans-serif}.delivery-page .delivery-side-link{display:block;margin-top:10px;color:#0b7f7e;font:700 9px Inter,sans-serif;text-align:center;text-decoration:none}
.delivery-page .delivery-complete-hero{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;margin-bottom:14px;padding:16px;border:1px solid #bbf7d0;border-radius:15px;background:#f0fdf4}.delivery-page .delivery-complete-hero img{width:120px;height:95px;object-fit:contain}
.delivery-page .delivery-live-ad{width:min(300px,100%);margin:22px 0 22px auto}.delivery-page .delivery-live-ad img{width:300px;max-width:100%;aspect-ratio:300/250;object-fit:cover;border-radius:12px}
.delivery-page .delivery-issue-card dl{margin:12px 0 0}.delivery-page .delivery-issue-card dl div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-top:1px solid #fed7aa}.delivery-page .delivery-issue-card dt{color:#9a3412;font-size:9px}.delivery-page .delivery-issue-card dd{margin:0;color:#7c2d12;font:700 9px Inter,sans-serif}
.delivery-chooser{display:grid;gap:8px}.delivery-chooser a{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none}.delivery-chooser strong{color:#0f172a}.delivery-chooser span{color:#0b7f7e;font-size:9px}
.delivery-modal-backdrop{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.48)}.delivery-modal{width:min(620px,100%);padding:25px;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.22)}.delivery-modal h2{margin:7px 0 10px;color:#0f172a;font:700 21px Manrope,sans-serif}.delivery-modal p{color:#64748b;font:500 11px/1.6 Inter,sans-serif}.delivery-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:17px}.delivery-modal-label{display:grid;gap:6px;margin-top:12px;color:#334155;font:700 10px Inter,sans-serif}.delivery-modal-label select,.delivery-modal-label textarea{padding:10px;border:1px solid #cbd5e1;border-radius:10px;font:500 11px Inter,sans-serif;background:#fff}
@media(max-width:900px){.delivery-page .delivery-context-card{align-items:flex-start;flex-direction:column}.delivery-page .delivery-context-status{text-align:left}.delivery-page .delivery-complete-hero{grid-template-columns:1fr}.delivery-page .delivery-live-ad{margin-right:auto}}

/* Service Review live UI v1 */
.review-page .review-context-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;padding:16px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.review-page .review-context-card h2{margin:5px 0 3px;color:#0f172a;font:700 18px Manrope,sans-serif}.review-page .review-context-card p{margin:0;color:#64748b;font:500 11px/1.5 Inter,sans-serif}
.review-page .review-context-status{text-align:right}.review-page .review-context-status strong{display:block;color:#0b7f7e;font:800 14px Manrope,sans-serif}.review-page .review-context-status span{display:block;max-width:300px;margin-top:3px;color:#64748b;font:500 10px/1.4 Inter,sans-serif}
.review-page .review-form-actions,.review-page .review-history-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.review-page .review-live-message{min-height:18px;margin-top:8px;color:#0b7f7e;font:600 9px Inter,sans-serif}
.review-page .review-live-empty{padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.review-page .review-live-empty h2{margin:6px 0;color:#0f172a;font:700 20px Manrope,sans-serif}.review-page .review-live-empty p{margin:0;color:#64748b;font:500 10px/1.55 Inter,sans-serif}
.review-page .review-history-card{padding:4px}.review-page .review-history-score{margin:10px 0 16px;color:#f59e0b;font-size:24px;letter-spacing:1px}.review-page .review-history-score strong{margin-left:8px;color:#0f172a;font:800 18px Manrope,sans-serif}
.review-page .review-history-grid{display:grid;gap:8px}.review-page .review-history-grid>div,.review-page .review-history-meta{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f1f5f9}.review-page .review-history-grid span,.review-page .review-history-meta span{color:#64748b;font:500 10px Inter,sans-serif}.review-page .review-history-grid strong,.review-page .review-history-meta strong{color:#0f172a;font:700 10px Inter,sans-serif}
.review-page .review-history-card blockquote{margin:16px 0 0;padding:13px 15px;border-left:3px solid #0ea5a4;border-radius:0 10px 10px 0;background:#f8fafc;color:#334155;font:500 11px/1.6 Inter,sans-serif}
.review-page .review-replies{margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0}.review-page .review-replies h3{margin:0 0 8px;color:#0f172a;font:700 13px Manrope,sans-serif}.review-page .review-replies p{margin:0;color:#475569;font:500 10px/1.55 Inter,sans-serif}
.review-page .review-live-ad{width:min(300px,100%);margin:22px 0 22px auto}.review-page .review-live-ad img{width:300px;max-width:100%;aspect-ratio:300/250;object-fit:cover;border-radius:12px}
.review-chooser{display:grid;gap:8px}.review-chooser a{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none}.review-chooser strong{color:#0f172a}.review-chooser span{color:#0b7f7e;font-size:9px}
@media(max-width:900px){.review-page .review-context-card{align-items:flex-start;flex-direction:column}.review-page .review-context-status{text-align:left}.review-page .review-live-ad{margin-right:auto}}

/* Owner Dashboard live state v1 */
.owner-process-list{display:grid;gap:12px}.owner-process-live{transition:border-color .18s ease,box-shadow .18s ease}
.owner-process-live.type-work_order_approval{border-color:#fdba74;background:#fffaf5}
.owner-process-live.type-ready_for_delivery{border-color:#bbf7d0;background:#f7fff9}
.owner-process-live.type-review_pending{border-color:#99f6e4;background:#f7fffe}
.owner-process-live .owner-process-main small{max-width:520px}
.owner-empty-process{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;padding:20px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}
.owner-empty-process img{width:90px;height:90px;object-fit:contain}.owner-empty-process h3{margin:5px 0;color:#0f172a;font:700 17px Manrope,sans-serif}.owner-empty-process p{margin:0 0 12px;color:#64748b;font:500 10px/1.55 Inter,sans-serif}
.owner-empty-activity{padding:18px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:#64748b;font:500 10px Inter,sans-serif}
@media(max-width:700px){.owner-empty-process{grid-template-columns:1fr}.owner-empty-process img{width:72px;height:72px}}

/* Vehicle History live UI v1 */
.vehicle-history-page .vehicle-history-live-grid{align-items:start}
.vehicle-history-empty{display:grid;justify-items:start;gap:10px;padding:24px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc}
.vehicle-history-empty img{width:110px;height:110px;object-fit:contain}.vehicle-history-empty h2{margin:0;color:#0f172a;font:700 20px Manrope,sans-serif}.vehicle-history-empty p{margin:0;color:#64748b;font:500 11px/1.6 Inter,sans-serif}
.vehicle-history-active-process{margin-bottom:16px;padding:16px;border:1px solid #99f6e4;border-radius:15px;background:#f0fdfa}.vehicle-history-active-process h3{margin:5px 0;color:#0f172a;font:700 16px Manrope,sans-serif}.vehicle-history-active-process p{margin:0 0 12px;color:#64748b;font:500 10px/1.5 Inter,sans-serif}
.vehicle-history-detail{padding:4px}.vehicle-history-back{margin:0 0 14px;padding:0;border:0;background:transparent;color:#0b7f7e;font:700 10px Inter,sans-serif;cursor:pointer}.vehicle-history-detail>h2{margin:5px 0 14px;color:#0f172a;font:700 21px Manrope,sans-serif}
.vehicle-history-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vehicle-history-detail-meta>div{padding:11px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}.vehicle-history-detail-meta span,.vehicle-history-detail-meta strong{display:block}.vehicle-history-detail-meta span{color:#64748b;font-size:9px}.vehicle-history-detail-meta strong{margin-top:3px;color:#0f172a;font:700 10px Inter,sans-serif}
.vehicle-history-detail-section,.vehicle-history-review{margin-top:14px;padding:15px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.vehicle-history-detail-section h3,.vehicle-history-review h3{margin:0 0 10px;color:#0f172a;font:700 14px Manrope,sans-serif}.vehicle-history-detail-section p,.vehicle-history-review p{margin:0;color:#64748b;font:500 10px/1.55 Inter,sans-serif}
.vehicle-history-completed-items{display:grid;gap:8px}.vehicle-history-completed-items>div{display:flex;gap:8px;align-items:center;padding:9px 10px;border-radius:10px;background:#f8fafc}.vehicle-history-completed-items img{width:17px;height:17px}.vehicle-history-completed-items span{color:#334155;font:600 10px Inter,sans-serif}
.vehicle-history-review{border-color:#99f6e4;background:#f0fdfa}.vehicle-history-rating{margin:8px 0 12px;color:#f59e0b;font-size:22px;letter-spacing:1px}.vehicle-history-rating strong{margin-left:7px;color:#0f172a;font:800 16px Manrope,sans-serif}
.vehicle-history-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.vehicle-history-issue-history{background:#fff7ed;border-color:#fed7aa}
.vehicle-history-chooser{display:grid;gap:10px}.vehicle-history-chooser>h2{color:#0f172a;font:700 20px Manrope,sans-serif}.vehicle-history-chooser button{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;text-align:left}.vehicle-history-chooser strong{color:#0f172a}.vehicle-history-chooser span{color:#0b7f7e;font-size:10px}
@media(max-width:900px){.vehicle-history-detail-meta{grid-template-columns:1fr}}