/* ── Lai Lai Pro trade-in estimator (shared) ──
   Used by /iphone-trade-in/ (inline, collapsible) and
   /iphone-trade-in-quote/ (standalone). Self-contained colours so it does not
   depend on the host page's CSS variables. */
#tradein-root{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:#1D1D1F;}
#tradein-root *{box-sizing:border-box;}
#tradein-root .ti-container{max-width:640px;margin:0 auto;padding:8px 20px 0;}
#tradein-root .step{display:none}#tradein-root .step.active{display:block}
#tradein-root .step-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0A84FF;margin-bottom:18px}
#tradein-root h2{font-size:22px;font-weight:700;letter-spacing:-.015em;margin-bottom:20px;color:#1D1D1F}
#tradein-root .field{margin-bottom:18px}
#tradein-root label{display:block;font-size:14px;font-weight:600;margin-bottom:7px;color:#1D1D1F}
#tradein-root select,#tradein-root input[type="text"],#tradein-root input[type="tel"]{width:100%;padding:13px 15px;border:1px solid rgba(0,0,0,.14);border-radius:12px;font-family:inherit;font-size:15px;background:#fff;color:#1D1D1F;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
#tradein-root input[type="text"],#tradein-root input[type="tel"]{background-image:none}
#tradein-root select:focus,#tradein-root input:focus{outline:none;border-color:#0A84FF;box-shadow:0 0 0 3px rgba(10,132,255,.12)}
#tradein-root .grade-badge{display:inline-block;padding:6px 14px;border-radius:980px;font-size:13px;font-weight:700;margin-top:4px}
#tradein-root .grade-excellent{background:#0A84FF;color:#fff}#tradein-root .grade-good{background:#E8F0FE;color:#0a58c2}#tradein-root .grade-fair{background:#fff;color:#1D1D1F;border:1px solid rgba(0,0,0,.18)}
#tradein-root .btn-row{display:flex;gap:10px;margin-top:28px}
#tradein-root .btn-primary{flex:1;padding:15px;background:#0A84FF;color:#fff;border:none;border-radius:980px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}
#tradein-root .btn-primary:hover{background:#409CFF}#tradein-root .btn-primary:active{transform:scale(.97)}
#tradein-root .btn-secondary{padding:15px 22px;background:#fff;color:#1D1D1F;border:1px solid rgba(0,0,0,.16);border-radius:980px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}
#tradein-root .btn-secondary:hover{background:#f0f0f3}
#tradein-root .progress-bar{display:flex;gap:6px;margin-bottom:28px}
#tradein-root .progress-dot{height:4px;flex:1;background:#dcdce1;border-radius:2px}#tradein-root .progress-dot.done{background:#0A84FF}
#tradein-root .card-wrap{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:26px 24px;}
#tradein-root .quote-box{border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:22px;margin-bottom:18px;background:#fff}
#tradein-root .quote-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px;gap:12px}
#tradein-root .quote-row:last-child{border-bottom:none}#tradein-root .quote-row.total{font-weight:700;font-size:16px;padding-top:14px;color:#1D1D1F}
#tradein-root .offer-amount{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:10px 0 4px;color:#1D1D1F}
#tradein-root .offer-label{font-size:13px;color:#666;margin-bottom:26px}
#tradein-root .quote-code{font-size:12px;color:#888;margin-bottom:6px;font-family:monospace;letter-spacing:.05em}
#tradein-root .upgrade-preview{border:1px solid #0A84FF;border-radius:12px;padding:20px;margin-top:16px;display:none;background:#fff}
#tradein-root .upgrade-preview-row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-bottom:1px solid #f0f0f0}
#tradein-root .upgrade-preview-row:last-child{border-bottom:none;font-weight:700;font-size:16px}
#tradein-root .section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#888;margin:24px 0 12px}
#tradein-root .whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:#25D366;color:#fff;border:none;border-radius:980px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}
#tradein-root .whatsapp-btn:hover{background:#1fba59}#tradein-root .whatsapp-btn svg{width:19px;height:19px;fill:#fff}
#tradein-root .rejected-box{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:28px;text-align:center;margin-bottom:20px;background:#fff}
#tradein-root .rejected-box h3{font-size:18px;margin-bottom:10px;color:#1D1D1F}#tradein-root .rejected-box p{color:#555;font-size:14px;line-height:1.6}
#tradein-root .ti-help{font-size:13px;color:#888;margin-bottom:20px;line-height:1.6}