body > #abonement-cancel-dialog {width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--ws-line);border-radius:18px;background:var(--ws-panel);color:var(--ws-ink);overflow:auto;box-shadow:0 28px 90px #0006}
#abonement-cancel-dialog form {display:block;margin:0;padding:0}
#abonement-cancel-dialog .dialog-header {padding:20px 24px;margin:0;background:linear-gradient(115deg,#482834,#252730);border-bottom:1px solid #6b4653;display:flex;align-items:center;justify-content:space-between;gap:16px}
#abonement-cancel-dialog .dialog-header h2 {margin:0;color:#fff;font-size:21px}
#abonement-cancel-dialog .icon-close {color:#f4e5e9}
.package-cancel-body {padding:24px;display:grid;gap:18px}
.package-cancel-client {display:grid;gap:6px;overflow-wrap:anywhere}
.package-cancel-client strong {font-size:19px}
.package-cancel-client span,.package-cancel-note {color:var(--ws-muted)}
.package-cancel-note {margin:0;font-size:14px;line-height:1.6}
.package-cancel-summary {margin:0;padding:16px;border:1px solid var(--ws-line);border-radius:12px;background:var(--ws-raised);display:grid;gap:12px}
.package-cancel-summary > div {display:flex;justify-content:space-between;gap:16px;font-size:15px}
.package-cancel-summary dt {color:var(--ws-muted)}
.package-cancel-summary dd {margin:0;font-weight:650;text-align:right;white-space:nowrap}
.package-cancel-amount {color:#ed9dad}
.package-cancel-reason {display:grid;gap:8px;font-size:15px}
#abonement-cancel-dialog textarea {box-sizing:border-box;width:100%;resize:vertical;min-height:72px;background:var(--ws-raised);color:var(--ws-ink);border:1px solid var(--ws-line);border-radius:10px;padding:12px;font:inherit}
.package-cancel-confirm {display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}
#abonement-cancel-dialog input[type=checkbox] {width:18px;height:18px;flex:0 0 18px;margin:2px 0;accent-color:#ac4b62}
.package-cancel-actions {display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:18px 24px;border-top:1px solid var(--ws-line)}
#abonement-cancel-dialog button {min-height:42px}
#abonement-cancel-dialog .package-cancel-submit {background:#9e4057;color:#fff;border:1px solid #ba6277;border-radius:10px;padding:10px 16px}
#abonement-cancel-dialog button:disabled {opacity:.5;cursor:not-allowed}
.package-cancel-error:empty {display:none}
.package-cancel-error,.package-cancel-blocked {margin:0;padding:12px;border:1px solid #ac6072;background:#8d34451a;border-radius:10px;color:#f6b3c3;line-height:1.55;font-size:14px}
#app .ab-cancel-btn,#client-drawer .ab-cancel-btn {color:#e9a4b4;border:1px solid #995469;background:#92334a14}
#app .ab-cancel-btn:hover,#client-drawer .ab-cancel-btn:hover {background:#92334a30}
.package-cancelled-card .package-cancelled-copy {margin:0;padding:18px;color:var(--ws-muted);line-height:1.6;font-size:14px}
:root[data-theme=light] .package-cancel-amount,:root[data-theme=light] .package-cancel-error,:root[data-theme=light] .package-cancel-blocked,:root[data-theme=light] #app .ab-cancel-btn,:root[data-theme=light] #client-drawer .ab-cancel-btn {color:#9b344c}
:root[data-theme=light] #abonement-cancel-dialog .dialog-header {background:linear-gradient(115deg,#4b2936,#34313c)}
@media(max-width:480px){.package-cancel-body{padding:18px;gap:16px}#abonement-cancel-dialog .dialog-header{padding:18px}.package-cancel-actions{padding:16px}.package-cancel-actions button{flex:1}.package-cancel-summary{padding:12px}.package-cancel-summary > div{font-size:14px}}