.task-attention-strip{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;margin:.8rem 0 1rem;background:var(--panel)}
.task-attention-strip>span{flex:1;min-width:12rem;overflow-wrap:anywhere}
.task-attention-meta{display:block;margin-top:.35rem;font-size:.85rem;opacity:.85;overflow-wrap:anywhere}
.task-attention-dialog form{display:grid;gap:1rem}
[data-task-attention-main-view][hidden],[data-task-notification-view][hidden],.task-attention-dialog [data-hyperfocus-reminder-options][hidden],[data-task-attention-summary][hidden],[data-task-attention-readiness][hidden],[data-task-notification-open][hidden],[data-task-notification-info][hidden],[data-task-notification-view] [data-notification-settings][hidden]{display:none}
.task-attention-notification-info{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}
.task-attention-notification-info>p{margin:0}
.task-attention-notification-info>.button{white-space:normal}
.task-attention-dialog form>label:not(.check),.task-attention-dialog [data-hyperfocus-reminder-options]>label:not(.check){display:grid;gap:.4rem}
.task-attention-dialog .fieldset,.task-attention-dialog [data-hyperfocus-reminder-options]{display:grid;gap:.6rem}
.task-attention-dialog small{opacity:.8}
.task-attention-dialog [role=alert],.task-focus-notification-intent [role=alert]{color:var(--danger,#c53c4b)}
.task-focus-view{max-width:54rem;margin:0 auto;padding:1.25rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.task-focus-view.is-hyperfocus{border:2px solid var(--accent,#8a7aff);border-inline-start-width:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#8a7aff) 12%,transparent)}
.hyperfocus-heading{font-size:1rem;letter-spacing:.12em;text-transform:uppercase}
.hyperfocus-assistance{font-size:1.2rem;font-weight:600;margin:.75rem 0 1.5rem}
.task-focus-title,.task-focus-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.task-focus-title h1{overflow-wrap:anywhere;flex:1}
.task-focus-view.is-hyperfocus .task-focus-due{margin-top:.75rem}
.task-focus-header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}
.hyperfocus-end-split{position:relative;display:inline-flex;align-items:stretch}
.hyperfocus-end-split>[data-hyperfocus-end]{border-start-end-radius:0;border-end-end-radius:0}
.hyperfocus-end-split>.hyperfocus-end-toggle{min-width:44px;padding-inline:.65rem;border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}
.hyperfocus-end-toggle>span{display:inline-block;width:0;height:0;border-inline:5px solid transparent;border-top:6px solid currentColor}
.calendar-day-action-menu-list[data-hyperfocus-end-menu] [role=menuitem]{white-space:normal;min-height:44px}
.task-focus-header-actions .calendar-day-action-menu-list{top:calc(100% + 6px);bottom:auto}
.task-focus-title .task-text-fields{display:block;width:100%;margin:0}
.task-focus-title .action-name-title-field{margin:0}
.task-text-fields .action-details-title-field{display:block;margin:0}
.task-text-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.task-text-actions[hidden]{display:none}
.task-text-fields [data-task-text-status]:empty{display:none}
.task-focus-view.is-hyperfocus .calendar-day-action-menu-button{min-width:44px;min-height:44px}
@media(max-width:600px){.task-focus-header-actions{gap:.5rem}.task-text-fields .action-details-title-input{font-size:16px}}
.task-focus-details{white-space:normal;overflow-wrap:anywhere;margin:1rem 0 1.5rem}
.task-focus-note{border:1px solid var(--line);border-radius:8px;padding:.8rem;margin:.75rem 0}
.task-focus-note summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}
.task-focus-completion,.task-focus-notification-intent{margin-top:1.5rem}
.task-focus-view.is-hyperfocus .task-focus-completion{justify-content:flex-end}
.task-focus-snooze-split{width:auto;max-width:100%}
.task-focus-snooze-split .notification-snooze-main{white-space:normal}
.task-focus-snooze-split .notification-snooze-menu{bottom:auto;top:calc(100% + 6px);z-index:3}
.task-focus-reminder-controls{margin:.75rem 0 1.25rem}
.task-focus-reminder{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.8rem 1rem;margin:.75rem 0;border:1px solid var(--accent);border-radius:8px;background:var(--panel-soft)}
.task-focus-reminder p{margin:.25rem 0 0}
.task-focus-reminder.is-dismissing{opacity:0;transition:opacity .16s}
.hyperfocus-heading-group{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.hyperfocus-check-in-slot{position:sticky;top:calc(var(--hyperfocus-top,0px) + max(.5rem,env(safe-area-inset-top)));z-index:40}
.hyperfocus-check-in-slot .task-focus-reminder{border-inline-start:4px solid var(--accent);background:var(--panel);box-shadow:0 3px 10px #0003;margin:.5rem 0 1rem}
.hyperfocus-check-in-slot .task-focus-reminder[hidden]{display:none}
.hyperfocus-check-in-copy{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}
.hyperfocus-check-in-copy span{font-size:.85rem;overflow-wrap:anywhere}
.hyperfocus-check-in-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.hyperfocus-check-in-slot .form-error{flex-basis:100%;margin:0}
@media(max-width:600px){.hyperfocus-heading-group{gap:.4rem}.hyperfocus-check-in-actions{width:100%}.hyperfocus-check-in-actions .button{flex:1;min-height:44px}}
@media(max-width:600px){.task-attention-backdrop{padding:0;align-items:flex-end}.task-attention-dialog{width:100%;max-width:none;max-height:95dvh;border-radius:14px 14px 0 0;padding:1.25rem;overflow:auto}.task-focus-view{padding:.85rem}.task-focus-toolbar .button,.task-attention-dialog button{min-height:44px}.task-focus-title{align-items:flex-start}.task-attention-strip{padding:.75rem}}
