.attendance-cancel-dialog{box-sizing:border-box;width:min(620px,94vw);max-height:90vh;padding:0;border:1px solid #526781;border-radius:14px;background:#142238;color:#f5f7fb;box-shadow:0 24px 80px #0008;font:16px/1.5 system-ui,sans-serif}
.attendance-cancel-dialog::backdrop{background:#0009}
.attendance-cancel-dialog header,.attendance-cancel-dialog footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 24px;background:#0d192b}
.attendance-cancel-dialog h2{margin:0;font-size:24px}.attendance-cancel-body{padding:8px 24px;max-height:58vh;overflow:auto}
.attendance-cancel-dialog label{display:block;margin:18px 0}.attendance-cancel-dialog textarea{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:10px;font:inherit;background:#fff;color:#142238;border:1px solid #8d9aab;border-radius:6px}
.attendance-cancel-dialog button{padding:10px 16px;border-radius:7px;border:1px solid #8ca3c3;background:#213955;color:#fff;font:inherit;cursor:pointer}
.attendance-cancel-dialog [data-confirm]{background:#8c2436;border-color:#f3b0b8}.attendance-cancel-dialog button:disabled{opacity:.5;cursor:default}
.attendance-cancel-dialog input{width:20px;height:20px;vertical-align:middle}.attendance-cancel-dialog :focus-visible{outline:3px solid #ffda70;outline-offset:3px}
.report-action-buttons [data-cancel-attendance]{border-color:#e6a1aa;color:inherit}.report-attendance-cancelled{font-weight:700;color:#efb4bb}
@media(max-width:480px){.attendance-cancel-dialog header,.attendance-cancel-dialog footer{padding:14px;flex-wrap:wrap}.attendance-cancel-body{padding:4px 16px}}

.attendance-cancel-dialog[data-mode="restore"] [data-confirm] {background:#234d75;color:white;border-color:#234d75;}

.attendance-cancel-dialog select{display:block;width:100%;min-height:44px;padding:8px;margin:8px 0 16px;font:inherit;color:inherit;background:inherit;border:1px solid #8a9bb1;border-radius:6px}

/* Keep attendance header and confirmation visible while the body scrolls. */
.attendance-cancel-dialog{overflow:hidden}.attendance-cancel-dialog>form{display:flex;flex-direction:column;max-height:calc(90vh - 2px);margin:0}.attendance-cancel-dialog header,.attendance-cancel-dialog footer{flex:none}.attendance-cancel-dialog .attendance-cancel-body{min-height:0;max-height:none;overflow:auto}