.cancel-modal__backdrop{align-items:center;background:rgba(14,18,25,.58);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1100}.cancel-modal{background:var(--surface-0);border:1px solid var(--surface-hover);border-radius:24px;box-shadow:0 24px 64px rgba(14,18,25,.22);color:var(--text-primary);display:flex;flex-direction:column;max-width:520px;padding:40px;width:100%}.cancel-modal__icon{align-items:center;background:#fef3f2;border-radius:9999px;color:#b42318;display:inline-flex;height:48px;justify-content:center;margin-bottom:24px;width:48px}.cancel-modal__heading h2{color:var(--text-primary);font-family:var(--font-family-title);font-size:var(--font-size-title-h4);font-weight:var(--font-weight-regular);line-height:var(--line-height-title-h4);margin:0}.cancel-modal__heading p{color:var(--text-secondary);font-size:var(--font-size-body-m);line-height:var(--line-height-body-m);margin:12px 0 0}.cancel-modal__appointment{background:var(--surface-1);border-radius:12px;display:flex;flex-direction:column;gap:4px;margin:24px 0 32px;padding:20px}.cancel-modal__appointment strong{font-size:var(--font-size-body-l);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body-l)}.cancel-modal__appointment span{color:var(--text-secondary)}.cancel-modal__appointment span,.cancel-modal__error{font-size:var(--font-size-body-m);line-height:var(--line-height-body-m)}.cancel-modal__error{background:#fef3f2;border:1px solid #fecdca;border-radius:10px;color:#7a271a;margin:-16px 0 24px;padding:12px 14px}.cancel-modal__actions{display:flex;gap:12px;justify-content:flex-end}.cancel-modal__actions .btn{min-height:48px}.cancel-modal__actions .btn--secondary.btn--outlined{background:transparent;border:1px solid var(--surface-3);color:var(--text-primary)}.cancel-modal__actions .btn--secondary.btn--outlined:hover:not(.btn--disabled){background:var(--surface-hover);filter:none}.cancel-modal__actions .btn--danger.btn--contained{background:#b42318;color:#fff}.cancel-modal__actions .btn--danger.btn--contained:hover:not(.btn--disabled){background:#912018;filter:none}@media (max-width:560px){.cancel-modal{border-radius:20px;padding:24px}.cancel-modal__heading h2{font-size:var(--font-size-mobile-title-h4);line-height:var(--line-height-mobile-title-h4)}.cancel-modal__actions{flex-direction:column}.cancel-modal__actions .btn{width:100%}}