/* Scoped to the booking app's optional multi-device flow. */
.multi-device-screen { max-width: 760px; }
.multi-device-list { display: grid; gap: 16px; margin-top: 24px; }
.multi-device-card { padding: 20px; border: 1px solid var(--line, #dde5eb); border-radius: 16px; background: #fff; }
.multi-device-heading { display: flex; align-items: center; gap: 14px; }
.multi-device-heading > img { width: 42px; height: 56px; object-fit: contain; flex-shrink: 0; }
.multi-device-heading > div:not(.multi-device-actions) { min-width: 0; flex: 1; }
.multi-device-heading h2 { margin: 3px 0; font-size: 18px; line-height: 1.35; color: var(--ink, #203146); }
.multi-device-heading p { margin: 0; color: var(--muted, #697c8f); font-size: 14px; }
.multi-device-index { color: var(--muted, #697c8f); font-size: 12px; }
.multi-device-actions { display: flex; align-items: center; gap: 8px; }
.multi-device-remove { display: grid; place-items: center; width: 40px; min-height: 44px; padding: 8px; border-radius: 8px; color: var(--muted, #697c8f); }
.multi-device-remove:hover { background: #f3f5f8; color: #824b4b; }
.multi-device-remove:focus-visible { outline: 2px solid var(--teal, #536e95); outline-offset: 2px; }
.multi-device-remove .icon { width: 18px; height: 18px; }
.multi-device-lines { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 12px; }
.multi-device-lines li { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; font-size: 14px; }
.multi-device-lines strong { font-weight: 500; }
.multi-device-lines small { display: block; margin-top: 3px; color: var(--muted, #697c8f); }
.multi-device-lines li > span:last-child { white-space: nowrap; }
.multi-device-add { margin-top: 20px; width: 100%; justify-content: center; min-height: 52px; }
.multi-device-continue { margin-top: 18px; min-height: 52px; }
.multi-device-note, .multi-device-limit { margin: 18px 0 0; color: var(--muted, #697c8f); font-size: 14px; line-height: 1.6; }
.multi-device-review .multi-device-card { padding: 16px 0; border: 0; border-radius: 0; }
.multi-device-review .multi-device-card + .multi-device-card { border-top: 1px solid var(--line, #dde5eb); }
.multi-order-device { display: flex; gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--line-soft, #e9eef2); }
.multi-order-device > img { width: 34px; height: 45px; object-fit: contain; flex-shrink: 0; }
.multi-order-device > div { display: grid; gap: 5px; min-width: 0; }
.multi-order-device strong { font-size: 15px; }
.multi-order-device small, .multi-order-device span { font-size: 13px; color: var(--muted, #697c8f); line-height: 1.5; }
.multi-order .order-discount { margin-top: 16px; }
.multi-review-notice { margin-top: 20px; padding: 14px 16px; background: #f4f6f9; border: 1px solid var(--line, #dde5eb); border-radius: 10px; color: var(--muted, #697c8f); line-height: 1.6; }
.multi-cancel { display: inline-flex; margin-bottom: 18px; min-height: 44px; }
.receipt-device-group + .receipt-device-group { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line, #dde5eb); }
@media (max-width: 999px) {
 .multi-device-screen { padding-bottom: 12px; }
 .multi-device-continue { display: none; }
 .multi-device-card { padding: 16px; }
 .multi-device-heading { gap: 10px; }
 .multi-device-heading h2 { font-size: 17px; }
 .multi-device-actions { gap: 3px; }
 .multi-device-list { margin-top: 20px; gap: 12px; }
}
@media (max-width: 380px) {
 .multi-device-heading { flex-wrap: wrap; }
 .multi-device-actions { margin-left: auto; }
}
.multi-device-discount,.multi-device-total{display:flex;justify-content:space-between;gap:16px;padding-top:8px;font-size:14px}.multi-device-discount{color:var(--primary,#365577)}.multi-device-total{border-top:1px solid var(--border,#e0e5ed);margin-top:12px;font-size:16px}.multi-device-discount-explanation strong{display:block;margin-bottom:5px}.multi-order-device-total{margin-top:6px}
.multi-quote-action{margin-top:12px;width:100%}.multi-quote-note{font-size:13px;color:var(--muted,#687589);margin:8px 0 0}.multi-quote-banner{border:1px solid var(--border,#dce2ec);border-radius:16px;padding:18px;margin:16px 0;background:var(--surface,#fff)}.multi-quote-banner p{margin:6px 0 12px}.multi-quote-banner .text-link{margin-right:18px}.mr-quote-dialog{width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dce2ec;border-radius:20px;padding:24px;color:#1d293d;background:#fff}.mr-quote-dialog::backdrop{background:rgba(15,26,42,.5)}.mr-quote-dialog header,.mr-quote-dialog footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.mr-quote-dialog h2{font-size:24px;margin:0}.mr-quote-dialog p{line-height:1.55}.mr-quote-close{border:0;background:transparent;font-size:30px;width:44px;height:44px;cursor:pointer}.mr-quote-dialog .form-grid{margin:20px 0}.mr-quote-dialog label{display:block;font-weight:600;margin-bottom:6px}.mr-quote-error{color:#a52b2b}.mr-quote-dialog [aria-invalid=true]{border-color:#a52b2b}.mr-quote-dialog footer{margin-top:18px}.mr-quote-dialog button:disabled{opacity:.6}@media(max-width:540px){.mr-quote-dialog{padding:18px}.mr-quote-dialog footer{flex-wrap:wrap}.mr-quote-dialog footer .btn-primary{flex:1}}
