.tasks-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1.5rem;align-items:start}.tasks-filters{background:white;border:1px solid var(--border);border-radius:16px;padding:1rem;position:sticky;top:1rem}.task-views{display:grid;gap:.35rem}.task-views button{text-align:left;border-color:transparent}.task-views button[aria-pressed=true]{background:var(--green);color:white}.tasks-main{min-width:0}.task-row{display:flex;align-items:start;gap:.7rem;padding:1rem;background:white;border:1px solid var(--border);border-radius:14px}.task-check{font-size:1.25rem;padding:.4rem .7rem;min-width:44px;min-height:44px}.task-content{display:grid;gap:.5rem;flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:.25rem}.task-content strong{font-size:1rem;overflow-wrap:anywhere}.task-content>span{display:flex;flex-wrap:wrap;gap:.75rem;font-weight:400;font-size:.8rem;color:var(--muted)}.task-content small{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.task-done strong{text-decoration:line-through;color:var(--muted)}.task-overdue,.task-priority.p2{color:#a33b32}.task-priority{font-weight:600}.calendar-event.tasks{background:#ebe4fa}@media(max-width:760px){.tasks-layout{grid-template-columns:1fr;gap:1rem}.tasks-filters{position:static;padding:.75rem}.task-views{display:flex;overflow-x:auto;gap:.35rem}.task-views button{white-space:nowrap;flex-shrink:0;padding:.6rem}.tasks-filters label{margin:.6rem 0 0}.tasks-filters .footnote{display:none}.task-row{padding:.75rem}}
.tasks-layout>*{min-width:0;max-width:100%}.tasks-filters select,.tasks-main input{min-width:0;max-width:100%}.task-content{grid-template-columns:minmax(0,1fr)}.task-content>span>span{min-width:0;overflow-wrap:anywhere}.task-check{flex-shrink:0}.tasks-main .toolbar input{min-width:0;flex-basis:180px}.tasks-main .toolbar>span{font-size:.875rem}.task-content>span{font-size:.875rem}
@media(max-width:760px){.tasks-layout{grid-template-columns:minmax(0,1fr)}.task-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:.4rem}.task-views button{min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:.875rem;line-height:1.3;padding:.55rem .35rem}.tasks-filters{min-width:0}.tasks-main .toolbar{gap:.5rem}.task-content small{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.task-row{gap:.6rem}.task-content>span{gap:.35rem .65rem}body[data-app=tasks] main{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}body[data-app=tasks] .workspace>header{gap:.4rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}body[data-app=tasks] .app-brand img{flex-shrink:0}body[data-app=tasks] .account-button{min-width:0}body[data-app=tasks] dialog{padding:1.25rem;max-width:calc(100vw - 1.5rem)}body[data-app=tasks] dialog form,body[data-app=tasks] dialog label{min-width:0}body[data-app=tasks] dialog input,body[data-app=tasks] dialog select{min-width:0;max-width:100%}}
@media(max-width:430px){.task-views{grid-template-columns:repeat(2,minmax(0,1fr))}}