.task-board{display:grid;gap:16px}.task-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.task-toolbar .task-filter{min-height:42px;padding:0 13px;border:1px solid #40372f;border-radius:999px;background:#141311;color:#bdb3aa}.task-toolbar .task-filter.active{background:#4b3a2d;color:#fff;border-color:#8c7058}.task-toolbar .task-add{margin-left:auto}.task-groups{display:grid;gap:12px}.task-date-group{border:1px solid #343230;border-radius:13px;background:#111211;overflow:hidden}.task-date-head{width:100%;display:flex;align-items:center;gap:10px;padding:15px 17px;border:0;background:#171614;color:#eee;text-align:left}.task-date-head b{font-size:16px}.task-date-head small{color:#968c83}.task-date-head i{margin-left:auto;font-style:normal;transition:transform .16s}.task-date-group.open .task-date-head i{transform:rotate(180deg)}.task-date-body{display:none;padding:10px}.task-date-group.open .task-date-body{display:grid;gap:9px}.task-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #33312e;border-radius:10px;background:#151513;transition:opacity .16s,transform .16s,border-color .16s}.task-card:hover{border-color:#6b5746}.task-card.is-complete{opacity:.62}.task-card.is-removing{opacity:0;transform:translateX(-12px)}.task-check{width:30px;height:30px;border:1px solid #705b49;border-radius:9px;background:#171511;color:#f4dfcb;font-size:17px}.task-copy{min-width:0;cursor:pointer}.task-copy b,.task-copy small{display:block}.task-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-copy small{margin-top:5px;color:#8f8881}.task-actions{display:flex;gap:6px}.task-actions button{min-height:34px;padding:0 10px;border:1px solid #3c3834;border-radius:7px;background:#111;color:#bfb6ae}.task-empty{padding:42px 18px;border:1px dashed #4b433c;border-radius:12px;color:#938b83;text-align:center}.task-detail-overlay,.task-editor-overlay{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;background:#000c;opacity:0;transition:opacity .16s}.task-detail-panel,.task-editor-panel{width:min(720px,100%);max-height:92vh;overflow:auto;padding:24px;border:1px solid #4a4139;border-radius:18px;background:#131210;transform:translate3d(28px,0,0);transition:transform .18s cubic-bezier(.22,1,.36,1)}.task-detail-overlay.vuevia-overlay-visible,.task-editor-overlay.vuevia-overlay-visible{opacity:1}.task-detail-overlay.vuevia-overlay-visible>*,.task-editor-overlay.vuevia-overlay-visible>*{transform:none}.task-detail-overlay.vuevia-overlay-closing,.task-editor-overlay.vuevia-overlay-closing{opacity:0;pointer-events:none}.task-detail-overlay.vuevia-overlay-closing>*,.task-editor-overlay.vuevia-overlay-closing>*{transform:translate3d(24px,0,0)}.task-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.task-panel-head h2{margin:0}.task-panel-head button{min-width:42px}.task-meta-grid,.task-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.task-meta-grid>div,.task-subtasks{padding:14px;border:1px solid #302e2c;border-radius:10px;background:#171614}.task-meta-grid span{display:block;color:#877f78;font-size:11px}.task-meta-grid b{display:block;margin-top:6px}.task-form-grid label{display:grid;gap:6px;color:#aaa097;font-size:12px}.task-form-grid .wide{grid-column:1/-1}.task-form-grid input,.task-form-grid select,.task-form-grid textarea{width:100%;min-height:46px;padding:10px;border:1px solid #3b3530;border-radius:8px;background:#0d0e0d;color:#eee}.task-form-grid textarea{min-height:88px}.task-subtasks h3{margin:0 0 12px}.task-subtask{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:44px;border-bottom:1px solid #2b2927}.task-subtask:last-child{border:0}.task-subtask.done span{text-decoration:line-through;color:#777}.task-subtask-actions{display:flex;gap:5px}.task-subtask-actions button{min-height:30px;border:0;background:none;color:#a99482}.task-inline-add{display:flex;gap:8px;margin-top:12px}.task-inline-add input{flex:1}.task-panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px}.task-project-summary{margin-top:16px;padding:16px;border:1px solid #3c3732;border-radius:12px}.task-project-summary header{display:flex;align-items:center;justify-content:space-between}.task-project-summary ul{display:grid;gap:7px;padding-left:18px;color:#b8afa7}.task-dashboard-empty{color:#777;font-size:12px}.dash-todos button{width:100%;display:flex;align-items:center;gap:8px;min-height:44px;border:0;border-bottom:1px solid #292a2a;background:none;color:#d8d2cc;text-align:left}.dash-todos button time{margin-left:auto;color:#777;font-size:10px}
@media(max-width:700px){.task-toolbar .task-add{width:100%;margin-left:0}.task-card{grid-template-columns:auto minmax(0,1fr)}.task-actions{grid-column:1/-1;justify-content:flex-end}.task-detail-overlay,.task-editor-overlay{padding:0}.task-detail-panel,.task-editor-panel{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:18px 15px 86px}.task-meta-grid,.task-form-grid{grid-template-columns:1fr}.task-form-grid .wide{grid-column:auto}.task-actions button,.task-panel-actions button{min-height:44px}.task-detail-panel,.task-editor-panel{transform:translate3d(12%,0,0)}}
@media(prefers-reduced-motion:reduce){.task-detail-overlay,.task-editor-overlay,.task-detail-panel,.task-editor-panel,.task-card,.task-date-head i{transition-duration:1ms!important;transform:none!important}}
.task-form-help{margin:-4px 0 0;color:#8f8780;font-size:12px;line-height:1.5}.dash-task-priority{border-color:#604c3c!important;box-shadow:0 0 0 1px #31271f inset}.task-just-added{animation:taskAdded 1.6s ease-out}@keyframes taskAdded{0%{background:#34281f;box-shadow:0 0 0 2px #b18a67}100%{background:inherit;box-shadow:none}}
@media(max-width:999px){.dash-primary>.dash-task-priority{margin-top:12px;padding:15px;border:1px solid #604c3c;background:#141311;border-radius:10px}.dash-primary>.dash-task-priority .dash-section-head{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.task-just-added{animation:none!important;box-shadow:0 0 0 2px #b18a67}}
.task-card.is-removing,.task-subtask.is-removing{opacity:0;transform:translateX(30px);pointer-events:none}.task-subtask{transition:opacity .16s,transform .16s}.dash-todos{display:grid;gap:9px}.dash-task-card{display:block;padding:0;overflow:hidden}.dash-task-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:14px}.dash-task-title{min-width:0;border:0!important;background:none!important;color:#eee!important;text-align:left}.dash-task-title b,.dash-task-title em,.dash-task-title small{display:block}.dash-task-title b{overflow-wrap:anywhere;font-size:14px;line-height:1.4}.dash-task-title em{margin-top:4px;color:#c8a481;font-size:11px;font-style:normal}.dash-task-title small{margin-top:5px;color:#8f8881;font-size:11px;line-height:1.4}.task-status{padding:4px 7px;border:1px solid #3d3935;border-radius:999px;color:#999;font-size:10px}.task-status.overdue{border-color:#78584b;color:#e0ad91}.dash-task-arrow{width:38px!important;height:38px;border:1px solid #3f342c!important;border-radius:8px!important;background:#15120f!important;color:#d0a16f!important;font-size:18px}.dash-task-actions{display:flex;justify-content:flex-end;gap:7px;padding:0 14px 12px}.dash-task-actions button,.dash-task-body .task-subtask-actions button{width:auto;min-height:36px;padding:0 9px;border:1px solid #3a3531;border-radius:7px;background:#111;color:#baa998}.dash-task-body{display:none;padding:0 14px 14px;border-top:1px solid #292723;background:#12110f}.dash-task-card.open .dash-task-body{display:block}.dash-task-body .task-inline-add{margin-bottom:0}.dash-task-body .task-dashboard-empty{margin:12px 0 2px}.dash-todos .task-check{display:inline-grid;place-items:center;width:32px;min-height:32px;border:1px solid #705b49;background:#171511;text-align:center}.dash-todos .btn{width:auto}.dash-todos .task-inline-add .input{min-width:0}@media(max-width:560px){.dash-task-head{grid-template-columns:auto minmax(0,1fr) auto;padding:12px 10px}.dash-task-head>.task-status{grid-column:2}.dash-task-arrow{grid-column:3;grid-row:1/3}.dash-task-title b{font-size:13px}.dash-task-actions{padding-inline:10px}}
@media(max-width:700px){.dash-task-head{grid-template-columns:auto minmax(0,1fr) auto}.dash-task-head .task-status{grid-column:2}.dash-task-head .dash-task-arrow{grid-column:3;grid-row:1/3}.dash-task-actions button,.dash-task-body .task-subtask-actions button{min-height:42px}.dash-task-body .task-subtask{grid-template-columns:auto minmax(0,1fr);padding:7px 0}.dash-task-body .task-subtask-actions{grid-column:2;justify-content:flex-end}.task-inline-add{align-items:stretch}.task-inline-add button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.dash-task-arrow,.task-subtask{transition-duration:1ms!important;transform:none!important}}
.task-copy em,.dash-task-title em{display:block;overflow:hidden;margin-bottom:3px;color:#b8916d;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.task-project-summary li{display:grid;gap:3px}.task-project-summary li small{color:#b8916d}.task-project-summary li span{color:#8d8781;font-size:11px}.task-advanced{grid-column:1/-1;margin-top:4px;border-top:1px solid #302d29}.task-advanced summary{padding:14px 2px;color:#c5ab92;cursor:pointer}.task-advanced .task-form-grid{padding-top:8px}.task-form-grid label em{color:#8e8780;font-size:10px;font-style:normal}.task-editor-overlay,.task-detail-overlay{overflow-x:hidden}.task-editor-panel,.task-detail-panel{box-sizing:border-box;max-width:100vw}
@media(max-width:700px){.task-editor-overlay,.task-detail-overlay{width:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.task-quick-overlay .task-editor-panel{min-height:auto;margin-top:auto;border-radius:20px 20px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.task-quick-overlay input,.task-quick-overlay select,.task-quick-overlay textarea{font-size:16px}}
