.task.tagged{background:var(--tag-color)!important;border-radius:6px}.task.tagged,.task.tagged .task-text,.task.tagged .task-meta{color:var(--ink)}.task.tagged:hover{filter:brightness(.98)}.tag-suggest{position:fixed;z-index:2000;display:none;min-width:180px;max-height:220px;overflow:auto;padding:5px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 35px #0002}.tag-suggest.open{display:grid}.tag-suggest button{display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:5px}.tag-suggest button:hover,.tag-suggest button.active{background:#f1efe8}.tag-dot{width:14px;height:14px;border-radius:4px;background:var(--dot)}.tag-color-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #eeece6}.tag-color-row code{min-width:0;flex:1;padding-top:10px;overflow-wrap:anywhere}@media(max-width:600px){.tag-color-row{display:grid}.tag-color-row code{padding:0}}
.calendar-shell{display:grid;grid-template-columns:minmax(0,1fr) 156px;align-items:start;min-width:0}.calendar-shell>#calendar{grid-column:1;grid-row:1;min-width:0}#tagFilter{grid-column:2;grid-row:1;position:sticky;top:0;height:calc(100vh - 76px);min-width:0;overflow:auto;border-left:1px solid var(--line);background:#f7f6f1;padding:14px 10px}#tagFilter>strong{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.tag-filter-all{width:100%;min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:left;font-weight:650}.tag-filter-all[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.tag-filter-items{display:grid;gap:3px;min-width:0;margin-top:8px}.tag-filter-item{display:flex;align-items:center;gap:6px;min-width:0;min-height:34px;padding:4px 3px;border-radius:6px;cursor:pointer}.tag-filter-item:hover{background:#fff}.tag-filter-item input{flex:none;margin:0;accent-color:var(--ink)}.tag-filter-item .tag-dot{flex:none}.tag-filter-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-filter-empty{color:var(--muted)}.task[hidden]{display:none!important}@media(max-width:1150px){.calendar-shell{display:flex;flex-direction:column;min-width:0}.calendar-shell>#calendar{width:100%}#tagFilter{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:7px;width:100%;height:auto;min-width:0;overflow-x:auto;overflow-y:hidden;border-left:0;border-bottom:1px solid var(--line);padding:7px 10px}#tagFilter>strong{flex:none;margin:0}.tag-filter-all{flex:none;width:auto;min-height:44px;padding:7px 12px}.tag-filter-items{display:flex;flex:none;gap:4px;margin:0}.tag-filter-item{flex:none;max-width:190px;min-height:44px;padding:6px 8px}}
.week-completion{display:grid;gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}#weekCompletion[hidden]{display:none}.week-completion-status{display:block;width:100%;min-height:44px;padding:7px 8px;border:0;border-radius:7px;background:#ebe9e2;font-size:12px;font-weight:750;text-align:left}.week-completion-status:disabled{cursor:default;opacity:1}.week-completion-status.pending{background:#fff0bd;color:#6d5200}.week-completion-status.pending:hover,.week-completion-status.pending[aria-pressed=true]{box-shadow:inset 0 0 0 2px #c79200}.week-completion-status.all-done{background:#dff1dc;color:#285d32}#toggleCompleted{width:100%;min-height:34px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:12px;font-weight:650}#toggleCompleted:disabled{cursor:default;opacity:.45}.calendar-week.hide-completed .task.done{display:none!important}.calendar-week.highlight-remaining .task:not(.done){position:relative;z-index:1;box-shadow:0 0 0 3px #d9a400,0 5px 14px #0002}.calendar-week.highlight-remaining .task.done{opacity:.3}@media(max-width:1150px){.week-completion{display:flex;flex:none;align-items:center;gap:6px;margin:0;padding:0 10px 0 0;border-right:1px solid var(--line);border-bottom:0}.week-completion-status{width:auto;white-space:nowrap}#toggleCompleted{width:auto;min-height:44px;white-space:nowrap}}