.rr-customer #cancelApptModal { padding:20px; background:#19352975; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.rr-customer #cancelApptModal .cancel-appointment-dialog { width:100%; max-width:460px; max-height:calc(100dvh - 40px); padding:30px; border:1px solid #e3e9e1; border-radius:28px; background:#fff; box-shadow:0 24px 80px #142e2926; text-align:left; }
.rr-customer #cancelApptModal .modal-close { top:16px; right:16px; width:44px; height:44px; background:#f1f4ee; color:#617168; }
.rr-customer #cancelApptModal .modal-close svg { width:19px; height:19px; }
.rr-customer #cancelApptTitle { padding-right:36px; margin:0 0 10px; color:#20382e; font-size:27px; font-weight:650; line-height:1.2; letter-spacing:-.7px; }
.rr-customer .cancel-dialog-description { margin:0; max-width:320px; color:#617168; font-size:14px; line-height:1.6; }
.rr-customer .cancel-appointment-summary { padding:16px; margin-top:24px; border-radius:14px; background:#f2f5ef; }
.rr-customer #cancelApptService { margin:0; color:#20382e; font-size:15px; font-weight:600; line-height:1.45; overflow-wrap:anywhere; }
.rr-customer #cancelApptWhen { margin:6px 0 0; color:#617168; font-size:13px; line-height:1.6; font-variant-numeric:tabular-nums; }
.rr-customer .cancel-appointment-policy { border-top:1px solid #e5ebe2; padding-top:18px; margin-top:22px; }
.rr-customer .cancel-appointment-policy h3 { margin:0 0 7px; color:#20382e; font-size:13px; font-weight:600; line-height:1.5; }
.rr-customer .cancel-appointment-policy p { margin:0; color:#617168; font-size:13px; line-height:1.65; }
.rr-customer .cancel-appointment-policy strong { font-weight:600; color:#42584a; }
.rr-customer .cancel-appointment-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:26px; }
.rr-customer .cancel-appointment-actions button { display:flex; align-items:center; justify-content:center; min-height:50px; padding:13px 12px; border:1px solid transparent; border-radius:12px; font-size:14px; font-weight:600; line-height:1.4; cursor:pointer; transition:background .15s; }
.rr-customer .cancel-keep { background:#205d49; color:#fff; }
.rr-customer .cancel-keep:hover { background:#174b3b; }
.rr-customer .cancel-confirm { background:#faf0ed; color:#983d32; border-color:#eedcd6!important; }
.rr-customer .cancel-confirm:hover { background:#f5e4df; }
.rr-customer #cancelApptModal button:disabled { opacity:.55; cursor:wait; }
.rr-customer .cancel-appointment-error { padding:12px 14px; margin:18px 0 0; border-radius:12px; color:#983d32; background:#faf0ed; font-size:13px; line-height:1.6; }
.rr-customer #cancelApptModal [hidden] { display:none!important; }
@media(max-width:480px) { .rr-customer #cancelApptModal { padding:16px; } .rr-customer #cancelApptModal .cancel-appointment-dialog { padding:26px 24px 24px; border-radius:24px; max-height:calc(100dvh - 32px); } .rr-customer #cancelApptTitle { font-size:25px; max-width:285px; } .rr-customer .cancel-appointment-actions { grid-template-columns:1fr; margin-top:22px; } .rr-customer .cancel-appointment-summary { margin-top:20px; } }