body.tasks-mode .topbar #todayBtn,body.tasks-mode .topbar #prevBtn,body.tasks-mode .topbar #nextBtn,body.tasks-mode .topbar #rangeTitle,body.tasks-mode .topbar #searchBtn,body.tasks-mode .topbar #settingsBtn,body.tasks-mode .topbar #viewSelect{display:none}body.tasks-mode .mode-switch button:first-child{background:transparent;color:var(--muted)}body.tasks-mode .mode-switch button:last-child{background:#c2e7ff;color:#001d35}body.tasks-mode #calendarSurface{background:var(--bg);border-radius:0}body.tasks-mode .rail button[title=Tasks]{display:none}body.tasks-mode .sidebar{padding:12px 8px}.tasks-sidebar .create{margin:0 8px 28px;min-width:128px}.task-nav{display:flex;width:100%;align-items:center;gap:12px;border:0;border-radius:0 24px 24px 0;background:transparent;padding:7px 18px;color:var(--text);font-size:14px;text-align:left;cursor:pointer}.task-nav.active{background:#c2e7ff;color:#001d35}[data-theme=dark] .task-nav.active{background:#004a77;color:#c2e7ff}.task-nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}.tasks-sidebar h2{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:24px 16px 14px}.task-list-toggle{display:flex;align-items:center;gap:12px;padding:7px 18px;cursor:pointer;font-size:14px}.task-list-toggle:hover{background:var(--hover)}.task-list-toggle input{width:18px;height:18px;accent-color:#a8c7fa;margin:0}.task-list-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.task-list-toggle small{font-size:12px;margin-right:8px}.task-new-list{margin-top:18px}.tasks-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:8px;padding:0 6% 24px;min-height:100%}.task-card{background:var(--surface);border-radius:18px;padding:16px 0 14px;max-width:900px;min-width:0;border:1px solid transparent}.task-card:hover{border-color:var(--line)}.task-card header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px}.task-card h2{margin:0;font-size:20px;font-weight:400;overflow-wrap:anywhere}.task-card .icon{width:32px;height:32px;font-size:22px}.task-add{display:flex;align-items:center;gap:14px;color:#a8c7fa;background:transparent;border:0;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer}.task-add svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}[data-theme=light] .task-add{color:#0b57d0}.task-row{display:flex;align-items:flex-start;gap:12px;padding:7px 16px;min-height:36px;position:relative}.task-row:hover,.task-row:focus-within{background:var(--hover)}.task-check{width:18px;height:18px;border:1.7px solid var(--muted);border-radius:50%;padding:0;flex-shrink:0;cursor:pointer;background:transparent;color:var(--blue);margin-top:1px;display:grid;place-items:center}.task-check.completed{background:var(--blue);border-color:var(--blue);color:var(--surface)}.task-check svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.task-content{flex:1;min-width:0}.task-title-button{display:block;width:100%;border:0;padding:0;text-align:left;background:transparent;color:var(--text);font-size:14px;line-height:20px;cursor:pointer;overflow-wrap:anywhere}.task-row.done .task-title-button{text-decoration:line-through;color:var(--muted)}.task-detail-preview{font-size:12px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;line-height:18px;margin-top:3px}.task-date{display:inline-flex;font-size:11px;border:1px solid var(--line);border-radius:14px;padding:2px 7px;color:var(--muted);margin-top:5px;margin-right:4px}.task-date.overdue{color:#f28b82;border-color:#f28b8280}.task-actions{display:flex;gap:2px;opacity:0}.task-row:hover .task-actions,.task-row:focus-within .task-actions{opacity:1}.task-actions .icon{width:28px;height:24px}.task-star{font-size:20px!important}.task-star.starred{color:#fdd663;opacity:1}.task-row:has(.starred) .task-actions{opacity:1}.task-completed{border:0;background:transparent;color:var(--muted);font-size:14px;padding:12px 18px 4px;cursor:pointer}.task-empty{padding:16px 18px;color:var(--muted);font-size:13px}.tasks-loading{grid-column:1/-1;text-align:center;color:var(--muted);padding:50px}.task-menu{position:fixed;z-index:70;width:230px;padding:8px 0;background:var(--hover);border-radius:4px;box-shadow:0 6px 18px #0005;border:1px solid var(--line)}.task-menu button{display:block;width:100%;background:transparent;border:0;text-align:left;padding:10px 20px;color:var(--text);font-size:13px;cursor:pointer}.task-menu button:hover{background:var(--surface)}.task-menu .menu-label{font-size:12px;padding:8px 20px;color:var(--muted)}.task-menu hr{border:0;border-top:1px solid var(--line)}#taskEditDialog,#taskListDialog,#taskConfirmDialog{width:480px;padding:24px}#taskEditDialog header,#taskListDialog header{display:flex;justify-content:space-between;align-items:center}#taskEditDialog h2,#taskListDialog h2{font-size:20px;font-weight:400;margin:0}#taskEditDialog form,#taskListDialog form{padding:0}#taskTitleInput{font-size:21px;border-bottom:2px solid var(--blue)}#taskEditDialog label,#taskListDialog label{font-size:12px}#taskEditDialog textarea{resize:vertical}#taskEditDialog footer button,#taskListDialog footer button,#taskConfirmDialog button{border-radius:20px;padding:10px 20px}#taskEditDialog .row{gap:16px}#taskSaveStatus{font-size:12px;color:var(--muted)}.task-subtitle{font-size:13px;color:var(--muted)}.tasks-sidebar .sidebar-lists{overflow:auto;max-height:calc(100vh - 340px)}@media(max-width:1000px){.tasks-board{padding:0 18px 24px;grid-template-columns:1fr}.task-card{max-width:none}}@media(max-width:750px){.tasks-board{padding:4px 8px 24px;grid-template-columns:minmax(0,1fr)}body.tasks-mode .mode-switch{display:flex}body.tasks-mode .layout{grid-template-columns:minmax(0,1fr) 44px}.task-actions{opacity:1}.task-row{padding:9px 12px}.task-list-toggle{font-size:14px}#taskEditDialog .row{grid-template-columns:1fr}.task-card header{padding:0 12px 8px}.tasks-sidebar .create{margin-bottom:20px}}@media print{body.tasks-mode .tasks-board{display:block}body.tasks-mode .task-card{break-inside:avoid;margin:12px}.task-actions,.task-add,.task-card header button{display:none!important}}
.tasks-board{padding-left:5%;padding-right:5%}.task-nav{border-radius:24px}.task-nav,.task-list-toggle{font-size:16px}.task-title-button{font-size:16px;line-height:22px}.task-add{font-size:16px}.task-card h2{font-size:22px}.task-actions svg{width:20px;height:20px}.task-row{min-height:36px}.task-completed{font-size:16px}.task-check{margin-top:2px}