.todos-organized{max-width:1180px;margin:auto}.todo-workspace-bar,.todo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 16px}.todo-area-tabs{display:flex;position:relative;isolation:isolate;background:#e8eef6;padding:4px;border-radius:16px}.todo-area-tabs button{position:relative;z-index:1;display:flex;align-items:center;gap:10px;min-height:44px;border:0;padding:10px 22px;background:none;color:#64758b;font:600 13px system-ui;cursor:pointer}.todo-area-tabs button[aria-pressed=true]{color:#2b609e}.todo-area-tabs button span{font-size:11px;opacity:.65}.todo-toolbar{margin:16px 0 10px}.todos-organized .todo-tabs{padding:3px;border-radius:14px}.todos-organized .todo-tabs button{min-height:40px;padding:9px 16px;font-size:12px}.todo-search{width:230px;max-width:45%;min-height:44px;padding:10px 15px;border:1px solid #dde5ef;border-radius:14px;background:#ffffffa6;font:13px system-ui;color:#354a65}.todo-scope-note{color:#65788f;font-size:12px;line-height:1.7;margin:12px 0 24px}.todo-scope-note span{color:#8c98a8}.todo-groups{display:grid;gap:22px}.todo-group{border:1px solid color-mix(in srgb,var(--todo-color) 22%,#fff);border-radius:22px;background:#ffffffb8;box-shadow:0 4px 20px #2b456507;overflow:visible;transition:border-color .15s,box-shadow .15s}.todo-group>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--todo-color) 8%,#fafcff);border-radius:21px 21px 0 0;border-bottom:1px solid color-mix(in srgb,var(--todo-color) 12%,#f5f7fb)}.todo-group.is-collapsed>header{border-radius:21px;border-bottom:0}.todo-group-toggle{display:flex;align-items:center;gap:10px;border:0;background:none;min-width:0;padding:4px 0;min-height:40px;color:#354b65;cursor:pointer}.todo-group-toggle h2{margin:0;font:600 16px system-ui;overflow-wrap:anywhere;text-align:left}.todo-group-toggle i{width:9px;height:9px;border-radius:50%;background:var(--todo-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--todo-color) 10%,transparent);flex:none}.todo-group-count{padding:3px 8px;border-radius:8px;font:500 11px system-ui;color:var(--todo-color);background:color-mix(in srgb,var(--todo-color) 10%,#fff)}.todo-group-chevron{font-size:17px;color:#9ba8b8;transition:transform .16s}.is-collapsed .todo-group-chevron{transform:rotate(-90deg)}.todo-group>header>div{display:flex;flex:none;gap:4px}.todo-group>header .btn{min-width:36px;min-height:36px;padding:4px 9px;font-size:20px;box-shadow:none!important;background:none!important;border:0!important;color:var(--todo-color)}.todo-group-body{padding:0 16px 8px}.todo-group-body[hidden]{display:none}.todo-group-empty{padding:24px 28px;color:#9aa7b7;font-size:12px;min-height:66px;box-sizing:border-box}.todo-card{position:relative;gap:12px;padding:16px 4px;min-height:80px;box-sizing:border-box;transition:background .15s,opacity .15s}.todo-card .todo-title{padding:5px 0;align-self:center;line-height:1.5}.todo-card .todo-title strong{display:block;color:#364c67;font-size:14px;font-weight:560}.todo-card .todo-title small{font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45vw;margin-top:3px;color:#92a0b1}.todo-card.is-done .todo-title strong{text-decoration:line-through;color:#8e9bad}.todo-card .todo-title{text-decoration:none!important}.todo-shared-caption{display:block;font-size:11px;color:#7e92aa;margin-top:5px}.todo-drag{font-size:21px;color:#b1becd;cursor:grab;touch-action:none;user-select:none;display:grid;place-items:center;align-self:stretch;width:20px;flex:none}.todo-card:hover .todo-drag{color:#6582a5}.todo-check{width:27px;height:27px;transition:background .16s,border-color .16s;box-shadow:inset 0 1px 2px #43608805}.todo-check:hover{border-color:#508acf}.todo-row-meta{display:flex;align-items:center;gap:12px;flex:none}.todo-due{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:210px;min-height:36px;padding:6px 10px;border-radius:11px;border:1px solid #e6edf4;background:#f6f8fc;color:#697f99;font:500 11px system-ui;line-height:1.4;text-align:left;cursor:pointer;box-sizing:border-box}.todo-due svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}.todo-due.is-today{color:#3277bf;background:#edf5ff;border-color:#dbeafa}.todo-due.is-overdue{color:#bd5d55;background:#fff3f0;border-color:#f2dfd9}.todo-due.is-none{border-style:dashed;color:#99a7b8;background:transparent}.todo-avatar-pair{display:flex;padding-left:5px;flex:none}.todo-avatar-pair .profile-avatar{width:28px;height:28px;margin-left:-5px;border:2px solid #fff;border-radius:10px;font-size:9px;background:#eef2f8}.todo-avatar-pair .profile-avatar img{border-radius:8px}.todo-row-meta .overflow-menu>summary{width:32px;height:36px;border:0!important;background:none!important;box-shadow:none!important;opacity:.6}.todo-row-meta .overflow-menu[open]>summary,.todo-row-meta .overflow-menu>summary:hover{opacity:1}.todo-row-meta .overflow-menu-items{min-width:190px}.todo-row-meta .overflow-menu-items .todo-archive-action{color:#bd831e}.todo-row-meta .overflow-menu-items .todo-delete-action{color:#d3464e}.todo-drop-target{border-color:var(--todo-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--todo-color) 14%,transparent)}.todo-drop-before:before{content:'';position:absolute;left:0;right:0;top:-2px;height:3px;border-radius:5px;background:var(--todo-color)}.todo-dragging{opacity:.35}.todo-drag-ghost{position:fixed;pointer-events:none;z-index:900;padding:12px 16px;width:160px;border:1px solid #c9daf0;background:#fafdff;color:#345a83;border-radius:14px;box-shadow:0 10px 30px #28436622;font:600 12px system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#todo-form>fieldset{border:0;padding:0;margin:0;min-width:0}#todo-form .field,#todo-group-form .field{font-size:12px;color:#536983}#todo-form input[name=title],#todo-group-form input[name=name]{min-height:48px;font-size:16px}#todo-form textarea{font-size:14px;line-height:1.6}.todo-form-picker{border:1px solid #dfe7f2;border-radius:16px;background:#f7faff;margin-top:14px;overflow:hidden}.todo-form-picker>summary{list-style:none;display:flex;gap:10px;align-items:center;min-height:56px;padding:12px 15px;box-sizing:border-box;cursor:pointer}.todo-form-picker>summary::-webkit-details-marker{display:none}.todo-form-picker>summary>span:first-child{font-size:11px;color:#7c8fa6;min-width:64px}.todo-form-picker>summary strong{font-size:13px;flex:1;font-weight:550;color:#48617e;overflow-wrap:anywhere}.todo-form-picker>summary>span:last-child{color:#8599af}.todo-people-options{border-top:1px solid #e1e8f2;background:#fff;padding:7px;max-height:280px;overflow-y:auto}.todo-person{display:flex;align-items:center;position:relative;gap:12px;padding:10px;border:1px solid transparent;border-radius:12px;cursor:pointer;min-height:62px;box-sizing:border-box}.todo-person input{position:absolute;opacity:0;width:1px;height:1px}.todo-person>.profile-avatar{width:36px;height:36px;border-radius:12px;flex:none}.todo-person>.profile-avatar img{border-radius:11px}.todo-person>span:not(.profile-avatar){flex:1;min-width:0}.todo-person strong{display:block;font-size:13px;font-weight:550;color:#3e5674;overflow-wrap:anywhere}.todo-person small{display:block;margin-top:3px;font-size:10px;color:#8a9aaf}.todo-person>i{font-style:normal;color:#4488d2;opacity:0}.todo-person:has(input:checked){background:#edf5ff;border-color:#c7dff9}.todo-person:has(input:checked)>i{opacity:1}.todo-person:has(input:focus-visible){outline:2px solid #75a7de;outline-offset:-2px}.todo-form-audience{font-size:11px;line-height:1.6;color:#8494a8;margin:10px 2px 14px}.todo-share-locked{display:flex;gap:12px;padding:14px;background:#f2f6fc;border-radius:14px}.todo-share-locked strong{font-size:12px}.todo-share-locked p{font-size:11px;color:#8494a8;line-height:1.6;margin:5px 0 0}.todo-group-options{padding:6px;background:#fff;border-top:1px solid #e1e8f2;max-height:220px;overflow-y:auto}.todo-group-options label{display:flex;gap:10px;align-items:center;padding:12px;cursor:pointer;font-size:12px;min-height:44px;box-sizing:border-box}.todo-group-options input{accent-color:#4f8ac9}.todo-group-options i{width:10px;height:10px;border-radius:50%;background:var(--todo-color)}.todo-date-section{margin-top:24px}.todo-date-section h3{font-size:12px;font-weight:600;color:#536983;margin-bottom:12px}.todo-date-presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.todo-date-presets .btn{font-size:11px;padding:8px 12px;min-height:38px;border-radius:11px;box-shadow:none!important}.todo-date-presets .btn[aria-pressed=true]{background:#e6f1ff!important;color:#2c6aaa!important;border-color:#b7d2f4!important}.todo-date-field{font-size:11px;color:#8797ab}.todo-date-field input{min-height:48px;font-size:16px;color:#456486;padding:12px 14px;border-radius:13px;background:#f7faff}.todo-date-title{font-size:17px;font-weight:550;margin:0 0 20px;color:#435d7b}.todo-form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.todo-color-picker{border:0;padding:0;margin:22px 0}.todo-color-picker legend{font-size:12px;color:#536983;margin-bottom:14px}.todo-color-picker>div{display:flex;flex-wrap:wrap;gap:12px}.todo-color-picker label{position:relative;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;border-radius:50%;background:var(--todo-color)}.todo-color-picker input{position:absolute;opacity:0;width:1px;height:1px}.todo-color-picker span{color:#fff;font-size:17px;opacity:0}.todo-color-picker:has(input:focus-visible){outline:0}.todo-color-picker label:has(input:checked){outline:2px solid var(--todo-color);outline-offset:4px}.todo-color-picker label:has(input:focus-visible){outline:3px solid #213a59;outline-offset:4px}.todo-color-picker input:checked+span{opacity:1}.todo-move-list{display:grid;gap:7px}.todo-move-list .btn{display:flex;align-items:center;gap:12px;min-height:50px;justify-content:flex-start}.todo-move-list i{width:10px;height:10px;border-radius:50%}.todo-move-list span{margin-left:auto}.todo-card.is-compact{flex-wrap:wrap}.todo-card.is-compact .todo-row-meta{margin-left:auto}.todo-panel .todo-card.is-compact .todo-title{flex-basis:45%}
@media(max-width:760px){.todo-workspace-bar{gap:8px;flex-wrap:wrap}.todo-area-tabs button{padding:10px 14px}.todo-workspace-bar>.btn{font-size:11px;min-height:42px}.todo-toolbar{flex-wrap:wrap;gap:12px}.todo-search{width:100%;max-width:none;font-size:16px}.todos-organized .todo-tabs{width:100%;box-sizing:border-box}.todos-organized .todo-tabs button{flex:1;padding:9px 12px}.todo-group>header{padding:8px 10px}.todo-group-toggle{gap:8px}.todo-group-toggle h2{font-size:14px}.todo-group-body{padding:0 10px 6px}.todo-card{display:grid;grid-template-columns:16px 26px minmax(0,1fr);gap:8px;padding:12px 0}.todo-drag{width:16px;grid-column:1;grid-row:1 / span 2}.todo-card>.todo-check{grid-column:2;grid-row:1;width:25px;height:25px;margin-top:6px}.todo-card>.todo-title{grid-column:3;grid-row:1}.todo-card .todo-title small{max-width:100%;font-size:11px}.todo-card>.todo-row-meta{grid-column:3;grid-row:2;justify-content:flex-start;gap:8px;min-width:0}.todo-row-meta>.overflow-menu{margin-left:auto}.todo-due{max-width:none;min-height:36px;font-size:10px}.todo-scope-note{font-size:11px;margin-bottom:20px}.todo-scope-note span{display:block}.todo-group-empty{padding:20px 12px}.todo-row-meta .overflow-menu-items{right:0;max-width:calc(100vw - 64px)}.todo-card.is-compact{grid-template-columns:26px minmax(0,1fr)}.todo-card.is-compact>.todo-check{grid-column:1}.todo-card.is-compact>.todo-title,.todo-card.is-compact>.todo-row-meta{grid-column:2}.todo-card.is-compact .todo-row-meta{margin-left:0;width:100%}#todo-form textarea{font-size:16px}.todo-form-picker>summary{padding:12px}.todo-panel>header{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.todo-card,.todo-group,.todo-check,.todo-group-chevron{transition:none}}