.day-completion{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}
.day-completion-check{display:flex;align-items:center;gap:11px;min-height:44px;font-size:14px;line-height:1.45;cursor:pointer}
.day-completion-check input[type=checkbox]{appearance:none;position:relative;flex-shrink:0;width:19px;height:19px;border:1px solid #8991a3;border-radius:4px;background:transparent;margin:0}
.day-completion-check input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}
.day-completion-check input[type=checkbox]:checked::after{content:'';position:absolute;left:5px;top:1px;width:5px;height:11px;border:solid #1b223c;border-width:0 2px 2px 0;transform:rotate(45deg)}
.day-completion-check:has(input:disabled){cursor:default}
.day-completion>p{margin:5px 0 0}
dialog.day-confirm-dialog{inset:0;margin:auto;width:calc(100% - 40px);max-width:360px;max-height:calc(100dvh - 40px);padding:20px;border:1px solid #3c4251;border-radius:16px;background:#232731;color:var(--text);box-shadow:0 15px 70px #0006;overflow-y:auto}
dialog.day-confirm-dialog::backdrop{background:#080a10b8}
.day-confirm-dialog .day-confirm-date{font-size:11px;color:var(--muted);margin:0 0 5px}
.day-confirm-dialog h2{font-size:20px;line-height:1.3;letter-spacing:0;margin:0 0 12px;outline:none}
.day-confirm-dialog p{font-size:14px;line-height:1.5;margin:0 0 10px}
.day-confirm-dialog .day-confirm-explanation{color:var(--muted)}
.day-confirm-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px}
button.day-confirm-action,button.day-text-action{border:0;background:transparent;color:var(--accent);padding:10px 0;min-height:44px;font:inherit;font-size:14px;line-height:1.4;cursor:pointer;text-align:left}
button.day-confirm-action.subtle{color:var(--muted)}
button.day-text-action:disabled{cursor:default;opacity:.5}
.day-confirm-action:focus-visible,.day-text-action:focus-visible,.day-completion-check input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.ready-actions:has(.day-text-action){border:0;padding:0;margin-top:10px}
@media(forced-colors:active){.day-completion-check input[type=checkbox]{appearance:auto}.day-completion-check input[type=checkbox]:checked::after{display:none}}