.todo-panel{display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%;position:relative;background:var(--office-card);border-radius:var(--office-radius)}.todo-panel:focus-visible,.todo-row:focus-visible{outline:2px solid var(--office-brass);outline-offset:-2px}.todo-panel button{cursor:pointer}.todo-panel button:disabled{cursor:default;opacity:1}.todo-panel button{transition:transform .16s var(--ease-out),color var(--motion-fast) ease,background-color var(--motion-fast) ease}.todo-panel button:active{transform:scale(.97)}.todo-add{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);flex:none;background:var(--office-card);border-bottom:var(--hairline) solid var(--office-row-border);z-index:3}.todo-add>svg{color:var(--office-muted);flex:none}.todo-entry{flex:1;min-width:0;border:var(--hairline) solid var(--office-border);border-radius:var(--office-control-radius);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-8)}.todo-entry:focus-within{outline:2px solid var(--office-brass);outline-offset:2px}.todo-entry input{flex:1 1 120px;width:100%;min-width:0;border:0;outline:none;padding:var(--space-4) 0;background:transparent;font-size:var(--office-14)}.todo-chips{display:contents}.todo-chips button{background:var(--office-gray-bg);border:0;border-radius:var(--office-pill-radius);font-size:var(--office-12);line-height:16px;padding:var(--space-4) var(--space-8)}.todo-add>button{border:0;background:transparent;min-width:36px;min-height:36px;display:grid;place-items:center}.todo-mention-menu{position:fixed;inset:auto;margin:0;max-height:280px;overflow:auto;overscroll-behavior:contain;padding:var(--space-4);border:var(--hairline) solid var(--office-border);border-radius:var(--office-radius);background:var(--office-card);color:var(--office-text);box-shadow:var(--office-shadow)}.todo-mention-menu [role=option]{display:flex;align-items:center;gap:var(--space-8);min-height:36px;padding:0 var(--space-8);border-radius:var(--office-control-radius);font-size:var(--office-14);cursor:pointer}.todo-mention-menu [role=option]>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-mention-menu small{flex:none;color:var(--office-muted);font-size:var(--office-12)}.todo-mention-menu [aria-selected=true]{background:var(--office-gray-bg)}.todo-mention{background:none;color:inherit;font-weight:500}.todo-scroll{flex:1;min-height:0;overflow:auto;background:var(--office-card);background-image:none;scrollbar-gutter:stable}.todo-scroll:after,.todo-scroll:before{content:none}.todo-group{position:relative}.todo-group-heading{display:flex;align-items:center;gap:var(--space-8);position:sticky;top:0;z-index:2;width:100%;min-height:36px;padding:var(--space-8) var(--space-16);background:var(--office-card);border:0;text-align:left;font-size:var(--office-13);line-height:18px;font-weight:500}.todo-group-heading[data-stuck=true]{box-shadow:0 var(--hairline) 0 var(--office-border)}.todo-group-heading>span{font-weight:400;color:var(--office-muted)}.todo-group-heading>span.office-due-late{color:var(--office-red)}.todo-chevron{transition:transform var(--motion-fast) var(--ease-out)}.todo-group-heading[aria-expanded=true] .todo-chevron{transform:rotate(90deg)}.todo-group-rows{overflow:clip;transition:height var(--motion-normal) var(--ease-out),opacity var(--motion-normal) var(--ease-out)}.todo-row{position:relative;display:flex;align-items:center;gap:var(--space-12);height:52px;padding:var(--space-4) var(--space-16);overflow:clip;opacity:1;transform:translateY(0);touch-action:pan-y;transition:height var(--motion-normal) var(--ease-out),opacity var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-drawer),background-color var(--motion-fast) ease}.todo-row[data-collapse=true]{height:0;opacity:0;transform:translateY(-4px);padding-block:0}@starting-style{.todo-row{height:0;opacity:0;transform:translateY(4px)}}.todo-handle{position:absolute;left:0;top:0;height:100%;width:var(--space-16);display:grid;place-items:center;cursor:grab;opacity:0;touch-action:none;color:var(--office-muted)}.todo-row[data-dragging=true]{z-index:4;overflow:visible;transform:scale(1.02);box-shadow:var(--office-shadow);background:var(--office-card);transition:none}.todo-check{width:18px;height:18px;flex:none;padding:0;border:var(--hairline) solid var(--office-control-border);border-radius:50%;background:var(--office-card);position:relative}.todo-check:before{content:"";position:absolute;inset:0;background:var(--office-green);opacity:0;border-radius:50%;transition:opacity .16s var(--ease-out)}.todo-check svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--office-on-primary);stroke-width:1.75}.todo-check path{stroke-dasharray:18;stroke-dashoffset:18;transition:stroke-dashoffset .16s var(--ease-out)}.todo-check[aria-checked=true]:before{opacity:1}.todo-check[aria-checked=true] path{stroke-dashoffset:0}.todo-kind{width:18px;flex:none;color:var(--office-muted);display:grid;place-items:center}.todo-content{min-width:0;flex:1}.todo-title{display:block;max-width:100%;padding:0;background:none;border:0;font-size:var(--office-14);line-height:20px;text-align:left;color:var(--office-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--motion-normal) ease}.todo-title span{position:relative}.todo-title span:after{content:"";position:absolute;height:var(--hairline);background:currentColor;left:0;right:0;top:50%;clip-path:inset(0 100% 0 0);transition:clip-path var(--motion-normal) var(--ease-out)}.todo-row[data-done=true] .todo-title{color:var(--office-muted)}.todo-row[data-done=true] .todo-title span:after{clip-path:inset(0)}.todo-title-input{display:block;width:100%;font-size:var(--office-14);line-height:20px;border:0;outline:2px solid var(--office-brass);border-radius:4px;padding:0}.todo-meta{display:flex;gap:var(--space-8);align-items:center;min-width:0;font-size:var(--office-13);line-height:18px;color:var(--office-muted);white-space:nowrap}.todo-meta a{overflow:hidden;text-overflow:ellipsis;text-decoration:none}.todo-meta button{padding:0;border:0;background:transparent;font-size:inherit;line-height:inherit;flex:none}.todo-meta .office-avatar{vertical-align:middle}.todo-actions{display:flex;align-items:center;gap:var(--space-4);flex:none}.todo-actions button{display:grid;place-items:center;background:transparent;border:0;width:32px;height:32px;padding:var(--space-4);border-radius:var(--office-control-radius);color:var(--office-muted)}.todo-generated-action{flex:none;white-space:nowrap}.todo-generated-action.office-button{min-height:28px;padding:0 var(--space-8);color:var(--office-secondary);font-size:var(--office-13)}.todo-generated-action.office-button:hover{color:var(--office-text)}@media (pointer:coarse){.todo-generated-action.office-button{min-height:44px}}@media (min-width:1024px){.todo-panel .office-row-menu{min-width:220px;max-width:min(360px,calc(100vw - 32px))}}.todo-panel .office-row-menu>button{display:flex;align-items:center;gap:var(--space-8)}.todo-date-presets{display:grid}@media (min-width:1024px){.todo-date-menu{margin:0}}.todo-date-presets button{display:flex;justify-content:space-between;gap:var(--space-12);border:0;background:none;text-align:left;padding:var(--space-8)}.todo-date-presets small{color:var(--office-muted)}.todo-calendar-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8)}.todo-date-menu .todo-calendar-head button{display:grid;place-items:center;place-content:center;flex:none;width:32px;min-width:32px;min-height:32px;padding:0;border:0;background:none}.todo-calendar-head strong{white-space:nowrap}.todo-panel .todo-date-menu>.office-menu-cancel{justify-content:center;min-height:44px;border-top:var(--hairline) solid var(--office-border)}.todo-calendar{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.todo-date-menu .todo-calendar button{display:grid;place-items:center;place-content:center;width:100%;border:0;border-radius:var(--office-control-radius);min-height:32px;min-width:32px;padding:var(--space-4);background:transparent}.todo-date-menu .todo-calendar [aria-pressed=true]{background:var(--office-selection)}.todo-empty,.todo-help{padding:var(--space-16);color:var(--office-muted);font-size:var(--office-13)}.todo-help button{margin-left:var(--space-8)}.todo-panel [data-instant=true],.todo-panel[data-instant=true] *{transition-duration:0s;animation:none}.todo-panel[data-instant=true] button:active{transform:none}@media (hover:hover) and (pointer:fine){.todo-row:hover{background:var(--office-table-head)}.todo-actions{opacity:0}.todo-row:focus-within .todo-actions,.todo-row:hover .todo-actions{opacity:1}.todo-row:focus-within .todo-handle,.todo-row:hover .todo-handle{opacity:1}.todo-row:focus-within .todo-date,.todo-row:hover .todo-date{visibility:hidden}.todo-actions button:hover,.todo-date-menu .todo-calendar button:hover,.todo-date-presets button:hover{background:var(--office-gray-bg)}}@media (min-width:1024px){.todo-panel .todo-date-menu{width:320px;max-width:calc(100vw - var(--space-32))}}@media (max-width:1023px){.todo-panel .todo-date-menu{width:100%;max-width:none}.todo-panel .todo-date-menu :is(.todo-calendar-head,.todo-calendar){width:100%;max-width:420px;margin-inline:auto}}@media (max-width:767px){.todo-row{height:52px;gap:var(--space-8)}.todo-add{position:fixed;bottom:calc(max(var(--offset-64),var(--todo-keyboard-offset,var(--space-4))) + env(safe-area-inset-bottom));left:var(--space-8);right:var(--space-8);border:var(--hairline) solid var(--office-border);border-radius:var(--office-control-radius);box-shadow:var(--office-shadow);padding:var(--space-8)}.todo-entry input{font-size:var(--office-16)}.office-main:has(.todo-add){padding-bottom:calc(var(--offset-88) + var(--offset-64) + env(safe-area-inset-bottom))}.todo-actions>button:not(:last-child){display:none}.todo-actions>button{width:44px;height:44px}.todo-date-menu .todo-calendar button{min-height:44px}.todo-date-menu .todo-calendar-head button{width:44px;min-width:44px;min-height:44px}.todo-handle{display:none}.todo-mention-menu [role=option]{min-height:44px}}@media (pointer:coarse){.todo-entry input{min-height:var(--offset-36)}.todo-add>button{min-width:44px;min-height:44px}.todo-check:after{content:"";position:absolute;inset:calc(-1 * (var(--space-12) + var(--hairline)))}.todo-date-menu .todo-calendar button,.todo-date-presets button{min-height:44px}.todo-date-menu .todo-calendar-head button{width:44px;min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.todo-panel .todo-chevron,.todo-panel .todo-row,.todo-panel button:active{transform:none}.todo-panel .todo-group-rows,.todo-panel .todo-row{transition:opacity .12s ease}.todo-panel .todo-check path,.todo-panel .todo-title span:after{transition:none}@starting-style{.todo-panel .todo-row{height:52px;opacity:0;transform:none}}}.office-card.todo-host{display:flex;flex-direction:column;min-height:0;height:auto;overflow:hidden}.todo-host>.office-card-header{flex:none}.todo-host>.todo-panel{flex:1}@media (min-width:768px){.client-stack>.todo-host,.office-dashboard-columns>.todo-host{height:auto;min-height:0}}@media (pointer:coarse){.todo-meta [data-date],.todo-meta [data-owner]{position:relative}.todo-meta [data-date]:before,.todo-meta [data-owner]:before{content:"";position:absolute;inset:calc(-1 * var(--space-12)) 0}.todo-meta [data-owner]{padding-inline:var(--space-12)}}@media (prefers-reduced-motion:reduce){.todo-panel .todo-check:before,.todo-panel .todo-group-rows,.todo-panel .todo-row,.todo-panel .todo-title{transition-duration:.12s!important}.todo-panel [data-instant=true],.todo-panel[data-instant=true] *,.todo-panel[data-instant=true] :before{transition-duration:0s!important}}