:root{--pico-font-size:16px;--pico-form-element-spacing-vertical:.6rem;--pico-form-element-spacing-horizontal:.8rem;--panel:var(--pico-card-background-color);--line:var(--pico-muted-border-color);--muted:var(--pico-muted-color);--soft:var(--pico-card-sectioning-background-color);--green:var(--pico-primary);--text:var(--pico-color)}button,input,select,textarea{margin-bottom:0}button{width:auto;line-height:1.5;border-radius:8px;padding:9px 13px}h1,h2,h3,p{color:inherit}main>header{background:none}dialog>article{margin:auto}dialog .dialog-head button{background:transparent;color:var(--pico-color)}.task h3 button{color:var(--pico-color)}.check{background:transparent;color:var(--pico-primary)}.task-actions select{padding-right:28px}.toolbar select{width:auto}.summary button{background:var(--panel);color:var(--text)}.view-switch button{background:transparent;color:var(--text)}.brand-icon,.primary,.view-switch [aria-pressed=true]{color:var(--pico-primary-inverse)}*{box-sizing:border-box}body{margin:0}button,a,input,select,textarea{outline-offset:4px}button:disabled{opacity:.45;cursor:default}.primary{background:var(--pico-primary-background);color:var(--pico-primary-inverse);border-color:var(--green)}.primary:hover{background:var(--pico-primary-hover-background)}input,textarea{width:100%}a{color:var(--green)}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}aside{padding:30px 20px;background:var(--soft);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px;min-width:0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;font-weight:750;letter-spacing:-.7px}.brand-icon{background:var(--green);color:white;border-radius:10px;padding:1px 9px;font-size:27px}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:.09em;font-weight:650;text-transform:uppercase}aside>.eyebrow{font-size:9px;margin:8px 0 40px}.side-section{font-size:10px;letter-spacing:.13em;color:var(--muted);margin:0 11px 9px}.nav{display:flex;justify-content:space-between;gap:8px;text-align:left;border-color:transparent;background:transparent;width:100%;font-size:13px;margin:2px 0;overflow-wrap:anywhere}.nav span{color:var(--muted);font-size:12px}.nav.active{background:var(--pico-primary-background);color:var(--pico-primary-inverse)}.side-bottom{margin-top:auto;padding-top:40px;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.side-bottom button{font-size:11px;background:transparent}.dot{width:7px;height:7px;border-radius:50%;background:#8b9f77}main{padding:40px 42px;min-width:0;max-width:1600px;width:100%;margin:0 auto;align-self:start}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}h1{font-size:34px;letter-spacing:-1.2px;margin:9px 0 5px;font-weight:650}h2{letter-spacing:-.5px}.subtitle{color:var(--muted);font-size:14px;margin:0}#notice{font-size:13px;color:var(--muted);line-height:1.6;padding:9px 0;min-height:35px}#notice.error{color:#a13e28;background:#fff0e8;padding:12px;border-radius:8px}.welcome{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:40px;margin:30px 0}.welcome h2{font-size:30px}.welcome p{max-width:510px;line-height:1.7;color:var(--muted)}.welcome button{margin:10px 8px 10px 0}small{display:block;color:var(--muted);font-size:12px;line-height:1.6}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:17px 0 28px}.summary button{display:flex;align-items:center;text-align:left;gap:17px;padding:20px;border-radius:12px}.summary strong{font-size:30px;font-weight:600}.summary span{font-size:12px;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.view-switch{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px;background:var(--panel)}.view-switch button{border:0;font-size:12px}.view-switch [aria-pressed=true]{background:var(--pico-primary-background);color:var(--pico-primary-inverse)}.search{flex:1;min-width:140px}.toolbar select,.toolbar>button,.search input{font-size:12px;line-height:1.5;min-height:39px;height:auto;padding-block:9px}.toolbar select{padding-inline:12px 32px}.toolbar>button{white-space:nowrap}.results-line{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin:22px 0 12px}.task{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:10px;box-shadow:0 2px 4px #263d2203}.task-top{display:flex;gap:11px;align-items:flex-start}.check{border-radius:50%;padding:0;min-width:20px;width:20px;height:20px;margin-top:2px;font-size:12px}.task h3{font-size:14px;font-weight:600;margin:1px 0 7px;line-height:1.5;overflow-wrap:anywhere;flex:1}.task h3 button{border:0;background:none;padding:0;text-align:left;font:inherit}.task p{font-size:12px;color:var(--muted);line-height:1.6;margin:5px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag{font-size:10px;color:var(--muted);padding:3px 7px;border-radius:5px;background:var(--soft)}.tag.urgent,.tag.overdue{background:#fae9e1;color:#a54a2c}.tag.high{background:#fff0d6;color:#95601b}.review{font-size:10px;border:0;background:#fff0d4;color:#876021;padding:4px 7px}.review.old{background:#fae3dc;color:#993d32}.task-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.task-actions button,.task-actions select,.task-actions a{font-size:10px;padding:5px 7px}.task-actions a{color:var(--muted);text-decoration:none}.list .task{max-width:1100px}.board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:14px;overflow-x:auto;padding-bottom:14px}.column{min-height:220px;background:var(--soft);border-radius:10px;padding:11px}.column.drop{outline:2px dashed var(--green)}.column-title{font-size:12px;font-weight:650;display:flex;justify-content:space-between;padding:4px 4px 13px}.column-title span{color:var(--muted);font-weight:400}.column .task{padding:13px}.column-empty{font-size:12px;color:var(--muted);padding:25px 8px;text-align:center}.empty{padding:65px 20px;text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.hint{font-size:11px;color:var(--muted)}footer{margin-top:38px;color:var(--muted);font-size:10px;line-height:1.7}footer details{font-size:12px;margin-bottom:18px;max-width:780px}footer summary{cursor:pointer}footer button{font-size:11px}dialog>article{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:15px;width:min(580px,95vw);padding:25px;max-height:90vh}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-head h2{margin:0}.dialog-head button{border:0}dialog label{display:block;font-size:12px;font-weight:600;margin:15px 0}dialog label input,dialog label textarea,dialog label select{display:block;width:100%;margin-top:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.dialog-actions a{font-size:12px}#form-error{color:#b04c39;font-size:12px;line-height:1.5}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1000px){.shell{grid-template-columns:190px 1fr}aside{padding:24px 12px}main{padding:28px 24px}.summary button{gap:10px;padding:15px}.summary strong{font-size:25px}}@media(max-width:700px){.shell{display:block}aside{padding:15px;border-right:0;border-bottom:1px solid var(--line)}aside>.eyebrow,.side-section{display:none}.brand{font-size:19px}#projects{display:flex;overflow-x:auto;gap:7px}.nav{width:auto;white-space:nowrap}#nav-all{margin-top:10px}.side-bottom{padding:7px 0 0}.side-bottom button{margin-left:auto}main{padding:25px 16px}header{align-items:flex-start}h1{font-size:28px}.subtitle{font-size:12px}.summary{gap:7px}.summary button{display:block;padding:12px}.summary strong,.summary span{display:block}.summary span{font-size:10px;margin-top:5px}.welcome{padding:25px}.board{grid-template-columns:repeat(4,265px)}.results-line{font-size:10px}.form-row{grid-template-columns:1fr}}

/* Compact app layout over Pico defaults. */
.brand img.brand-icon{display:block;width:38px;height:38px;padding:0;background:none;border-radius:9px}.nav.active span{color:var(--pico-primary-inverse)}.summary button{border-color:var(--line)}.task-actions{flex-wrap:wrap}.task-actions button{white-space:nowrap}.task-actions select{width:auto;max-width:100%}dialog .dialog-actions button{width:auto;margin-left:auto}

/* Card density and the original grouped control layout. */
.card-controls{display:flex;align-items:center;gap:7px;margin-top:12px}.card-controls select{flex:1;min-width:0;width:50%;font-size:11px;line-height:1.4;margin:0;padding:6px 25px 6px 7px;height:auto;background-position:right 5px center;background-size:14px}
.task-actions{justify-content:flex-start;gap:3px;flex-wrap:nowrap;margin-top:7px}.task-actions .icon-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;flex:0 0 30px;margin:0;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--pico-primary);box-shadow:none}.icon-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.icon-action:hover{background:var(--soft)}
.task h3 .review{display:inline-block;width:auto;margin:2px 0 2px 7px;padding:3px 6px;font-size:10px;line-height:1.4;background:#fff0d4;color:#876021;white-space:nowrap}.task h3 .review.old{background:#fae3dc;color:#993d32}
.board.compact-cards .task>p,.board.compact-cards .task>.tags,.board.compact-cards .task>.card-controls{display:none}.board.compact-cards .task{padding:11px}.board.compact-cards .task h3{margin-bottom:2px}.board.compact-cards .task-actions{margin-top:5px}#compact[aria-pressed=true]{background:var(--pico-primary-background);color:var(--pico-primary-inverse)}

/* Keep the final action row snug against the card bottom. */
.task>.task-actions{margin-bottom:0;padding-bottom:0;line-height:1}.board .task{padding-bottom:7px}.board.compact-cards .task{padding-bottom:5px}

/* Priority stays on the action row in both card densities. */
.task-actions .priority-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:22px;padding:0 5px;margin:0 3px 0 0;border:1px solid var(--pico-muted-border-color);border-radius:4px;background:var(--soft);color:var(--text);font-size:10px;font-weight:650;line-height:1;white-space:nowrap}.task-actions .priority-4{color:#ad392b;background:#fbe8e3;border-color:#dea093}.task-actions .priority-3{color:#8c560b;background:#fff0d6;border-color:#d6b47c}.task-actions .priority-2{color:#285c9c;background:#e8f0ff;border-color:#9db9df}

/* A neutral filled badge for normal priority, with equal visual structure. */
.task-actions .priority-1{background:#e5e7eb;color:#374151;border-color:#b8c0cc}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .task-actions .priority-1{background:#3d4858;color:#e5eaf1;border-color:#657287}}[data-theme=dark] .task-actions .priority-1{background:#3d4858;color:#e5eaf1;border-color:#657287}