/* Tap pilot uses the existing app theme tokens and accessible choice buttons. */
#quoteme-card.is-tap-pilot .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-left:0}
#quoteme-card.is-tap-pilot .choice{min-height:64px;border-radius:14px;padding:14px;text-align:left;font:inherit;color:var(--yitm-navy);overflow-wrap:anywhere}
#quoteme-card.is-tap-pilot .choice strong{display:block}
#quoteme-card.is-tap-pilot .choice small{margin-top:6px;line-height:1.45}
#quoteme-card.is-tap-pilot:not(.has-tap-history) .messages>.msg:not(:last-child){display:none}
#quoteme-card.is-tap-edit .messages{display:none}
#quoteme-card.is-tap-pilot #ready{margin-left:0;max-width:100%}
.tap-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.tap-controls .btn{min-height:44px}
.tap-controls .btn:focus-visible,#quoteme-card.is-tap-pilot .choice:focus-visible{outline:3px solid var(--yitm-navy);outline-offset:3px}
#tap-choice-title{font-size:1.25rem;line-height:1.4;margin:12px 0}
@media(max-width:640px){#quoteme-card.is-tap-pilot .choices{grid-template-columns:1fr}.tap-controls .btn{flex:1 1 140px}}

/* UX2: calm ordering-menu treatment, with roomy targets on all devices. */
#quoteme-card.is-tap-pilot #tap-choice-title{font-size:clamp(1.3rem,2.8vw,1.65rem);font-weight:800;margin:18px 0 10px}
#quoteme-card.is-tap-pilot .choices{gap:14px;margin-top:18px}
#quoteme-card.is-tap-pilot .choice{min-height:88px;border:2px solid var(--yitm-control-border);border-radius:18px;padding:18px 20px;box-shadow:0 2px 8px rgba(0,0,0,.035);transition:border-color .12s,background-color .12s}
#quoteme-card.is-tap-pilot .choice strong{font-size:1.08rem;line-height:1.35}
#quoteme-card.is-tap-pilot .choice small{font-size:.9rem;font-weight:450}
#quoteme-card.is-tap-pilot .choice:hover{border-color:var(--yitm-red);background:var(--yitm-soft)}
#quoteme-card.is-tap-pilot .choice:focus-visible{outline:3px solid var(--yitm-navy);outline-offset:3px}
#quoteme-card.is-tap-pilot .tap-controls{border-top:1px solid var(--yitm-border);padding-top:12px}
@media(max-width:640px){#quoteme-card.is-tap-pilot .choice{min-height:76px;padding:16px 18px}#quoteme-card.is-tap-pilot .choices{gap:10px}}
@media(prefers-reduced-motion:reduce){#quoteme-card.is-tap-pilot .choice{transition:none}}

/* UX4: quote-document review rather than a chat transcript. */
.quote-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:2px solid var(--yitm-border);padding:4px 0 16px;margin-bottom:16px;flex-wrap:wrap}
.quote-review-head h2{margin:5px 0 8px;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.2}
.quote-review-eyebrow{font-size:.77rem;letter-spacing:.06em;font-weight:800;color:var(--yitm-navy)}
#draft-quote-ref{font-size:.88rem;font-weight:750;overflow-wrap:anywhere;margin:0}
.quote-review-status{border:1px solid var(--yitm-border);border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:700}
#ready .request-details{display:block;border-radius:12px;padding:14px;background:#fff}
#ready .request-details[hidden]{display:none}
#ready .request-details .known-title{margin:0 0 10px}
#ready .quote-review-confirm{border-top:1px solid var(--yitm-border);padding-top:16px;align-items:flex-start}
#ready .quote-review-confirm input{width:20px;height:20px;flex-shrink:0}
.quote-review-disclaimer{font-size:.86rem;line-height:1.55;color:var(--yitm-navy)}
@media(max-width:640px){.quote-review-head{gap:10px}.quote-review-status{font-size:.78rem}}

/* UX5: safe 320–390px layout, readable form controls and resilient keyboard navigation. */
#quoteme-card,#quoteme-card *{min-width:0}
#quoteme-card .choice,#quoteme-card .btn{touch-action:manipulation}
#quoteme-card .choice:focus-visible,#quoteme-card .btn:focus-visible,#quoteme-card select:focus-visible,#quoteme-card input:focus-visible,#quoteme-card textarea:focus-visible{outline:3px solid var(--yitm-navy);outline-offset:2px}
#quoteme-card .quote-review-head,#quoteme-card .review-summary,#quoteme-card .known__row{overflow-wrap:anywhere}
#quoteme-card .messages:focus-visible{outline:3px solid var(--yitm-navy)}
@media(max-width:640px){
 #quoteme-card .contact-grid{grid-template-columns:minmax(0,1fr)}
 #quoteme-card .contact-grid .wide{grid-column:1}
 #quoteme-card .composer__row{display:flex;flex-wrap:wrap}
 #quoteme-card .composer textarea{width:100%;flex:1 1 100%;font-size:16px}
 #quoteme-card .contact-grid input,#quoteme-card .contact-grid select{font-size:16px;max-width:100%}
 #quoteme-card .known__row{align-items:flex-start}
 #quoteme-card .tap-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #quoteme-card .tap-controls .btn{width:100%;min-height:48px;padding:12px 8px}
 #quoteme-card .quote-review-head{flex-direction:column}
}
@media(max-width:360px){#quoteme-card .tap-controls{grid-template-columns:minmax(0,1fr)}}