#quote-review { width:min(760px,calc(100% - 24px)); max-height:90dvh; padding:32px; border:0; border-radius:18px; color:var(--ink); box-shadow:0 24px 80px #0004; }
#quote-review::backdrop { background:#0f1f33b3; backdrop-filter:blur(3px); }
body:has(#quote-review[open]) { overflow:hidden; }
.review-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.review-heading h2 { margin-top:8px; font-size:1.8rem; letter-spacing:-.04em; }
.review-heading .btn { flex:none; }
.review-recipient { display:grid; grid-template-columns:70px 1fr; padding:16px; border-radius:10px; background:#f4f6f8; gap:10px; font-size:.9rem; }
.review-recipient dt { color:var(--slate); }
.review-recipient dd { margin:0; overflow-wrap:anywhere; font-weight:600; }
#quote-review label { display:block; margin:20px 0 8px; font-size:.9rem; font-weight:700; }
#review-message { width:100%; min-height:260px; resize:vertical; border:1px solid #cbd5e1; border-radius:10px; background:#fbfcfd; padding:16px; font:inherit; font-size:16px; line-height:1.6; color:var(--ink); }
.review-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
#review-status { color:#185437; font-size:.9rem; }
@media(max-width:640px) { #quote-review { padding:22px; } .review-heading { flex-direction:column; } .review-heading h2 { font-size:1.5rem; } .review-actions .btn { width:100%; } .review-recipient { grid-template-columns:1fr; gap:3px; } .review-recipient dd { margin-bottom:8px; } }