.interactive-tasks{position:relative;width:100%;background:#080807;border:1px solid #282824;border-radius:18px;overflow:hidden;color:#ececea;font:400 12px/1.45 var(--sans);text-align:left;box-shadow:0 28px 80px #0008;isolation:isolate}
.interactive-tasks button{font:inherit;color:inherit;border:0;background:none;min-height:36px;padding:7px 10px;border-radius:8px;transition:background .15s}
.interactive-tasks button:hover{background:#ffffff0d}
.interactive-tasks button:focus-visible,.interactive-tasks input:focus-visible{outline:2px solid #db4a2b;outline-offset:2px}
.it-top{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #242421;background:#10100e}
.it-app-name{font-family:var(--display);font-weight:600;font-size:21px}.it-live{display:flex;align-items:center;gap:7px;color:#bbb8af;font-size:11px}.it-live i{width:6px;height:6px;border-radius:50%;background:#db4a2b}
.it-layout{display:grid;grid-template-columns:116px minmax(0,1fr)}.it-sidebar{padding:20px 13px;border-right:1px solid #242421;display:flex;flex-direction:column;gap:17px;color:#aaa79f;font-size:11px}.it-sidebar strong{color:#eee}.it-sidebar>span:not(:first-child)::before{content:'';display:inline-block;width:5px;height:5px;background:#db4a2b;border-radius:50%;margin-right:7px}.it-muted{color:#95928b;font-size:10px}.it-sidebar-note{margin-top:auto;line-height:1.8;color:#77746e}.it-main{min-width:0;padding:16px 12px}.it-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.it-heading strong{font-size:18px}.it-heading button{color:#a6a39b;font-size:11px}.it-toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:14px}.it-switch{display:flex;gap:2px}.it-switch button{font-size:10px;padding:6px 9px;border-radius:100px}.it-switch button[aria-pressed=true]{background:#db4a2b;color:white}.it-views{border:1px solid #282824;border-radius:100px}.it-views button[aria-pressed=true]{background:#282824}
.it-content{min-height:260px}.it-group{border-top:1px solid #22221f}.it-project{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 4px!important}.it-project-chip{border:1px solid #795930;background:#332718;color:#f0b467;border-radius:100px;padding:5px 10px;font-weight:700;font-size:11px}.it-group:nth-child(2) .it-project-chip{color:#bcade0;border-color:#514665;background:#25212e}.it-group:nth-child(3) .it-project-chip{color:#85bca0;border-color:#365240;background:#1d2a22}.it-chevron{font-size:21px;line-height:1;transition:transform .15s}.it-project[aria-expanded=true] .it-chevron{transform:rotate(90deg)}
.it-task{display:flex;align-items:center;gap:7px;min-height:48px;padding:8px 3px;border-top:1px solid #1d1d1a;cursor:pointer}.it-task:hover{background:#ffffff05}.it-task input{appearance:none;flex:none;width:18px;height:18px;border:1.5px solid #595950;border-radius:50%;margin:0;cursor:pointer;display:grid;place-items:center}.it-task input:checked{background:#db4a2b;border-color:#db4a2b}.it-task input:checked::after{content:'✓';color:white;font-size:12px}.it-task-title{flex:1;min-width:0;font-size:11px;line-height:1.4}.is-done .it-task-title{text-decoration:line-through;color:#87877e}.it-avatar{flex:none;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;background:#346a91;font-size:9px}.it-person-AD{background:#397b60}.it-person-LS{background:#ac542c}.it-date{color:#b4b0a5;font-size:9px;min-width:42px;text-align:right}.it-footer{padding:12px 16px;border-top:1px solid #242421;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#aaa79f}.it-count{white-space:nowrap;color:#e9e5dc}
.it-board{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.it-column{background:#10100e;padding:8px;border-radius:9px;min-width:0}.it-column h3{font:700 11px var(--sans);margin:4px 0 12px;color:#c8c4b9}.it-board .it-task{flex-wrap:wrap;gap:7px;border:1px solid #292923;border-radius:7px;padding:10px 8px;margin-bottom:8px;background:#0a0a09}.it-board .it-task-title{flex-basis:calc(100% - 27px)}.it-board .it-avatar{margin-left:25px}.it-empty{padding:15px 4px;color:#96938a;font-size:11px}
@media(min-width:821px) and (max-width:1200px){.it-sidebar{display:none}.it-layout{grid-template-columns:1fr}}
@media(max-width:820px){.interactive-tasks{max-width:620px;margin-inline:auto;font-size:14px}.it-layout{grid-template-columns:116px minmax(0,1fr)}.it-task-title{font-size:13px}.it-task{min-height:52px}.it-content{min-height:280px}.it-switch button{min-height:44px;font-size:11px}.it-project{min-height:52px!important}.it-heading button{min-height:44px}}
@media(max-width:540px){.it-sidebar{display:none}.it-layout{grid-template-columns:1fr}.it-main{padding:12px}.it-top{padding:14px}.it-avatar{width:24px;height:24px}.it-toolbar{gap:8px}.it-date{font-size:10px}.it-task{gap:8px}.it-task input{width:21px;height:21px}.it-footer{font-size:10px;padding:12px}.it-board{gap:8px}.it-board .it-task-title{font-size:12px;flex-basis:calc(100% - 29px)}}
@media(prefers-reduced-motion:reduce){.interactive-tasks *{transition:none!important}}