/* Planner extends the Hub's shared landscape, serif and warm green palette. */
.planner-space{--planner-sage:#bdd0b5;--planner-sand:#ead0aa;--planner-sky:#adccd3;--planner-rose:#dfb8ae;--planner-lavender:#c9bedb;--planner-line:#d0d8c31c;--planner-muted:#adb6a8;--planner-surface:#1a251fe8;font-size:.9rem;max-width:none}
.planner-space svg{width:19px;height:19px;flex:0 0 19px;vertical-align:middle}.planner-space button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;line-height:1.5;font-weight:450}.planner-space button.primary{background:var(--planner-sand);border-color:var(--planner-sand);color:#263127;font-size:.83rem;gap:.6rem;padding:.7rem 1rem;border-radius:7px}.planner-space button.primary:hover{background:#f5dfbe}.planner-space button.planner-secondary{border:1px solid #c8d3bb30;color:#e1e7d8;border-radius:7px;background:#ced8bd09;font-size:.82rem;padding:.7rem 1rem}.planner-space .eyebrow{font-size:.64rem;letter-spacing:.14em;color:var(--planner-sage);margin-bottom:.7rem}.planner-space button:focus-visible,.planner-space :is(input,textarea,select):focus-visible{outline:2px solid var(--planner-sand);outline-offset:3px}.planner-space button:hover{background:#e7ebda09}.planner-space :is(input,textarea,select){font-family:var(--sans);color:var(--paper);border-color:var(--planner-line);border-radius:6px;background:#152019b8;font-size:.85rem}.planner-space select{color-scheme:dark;max-width:100%;padding:.65rem .8rem}.planner-space textarea{resize:vertical}.planner-space [aria-pressed=true]{background:transparent}.planner-status{margin:0;min-height:0}.planner-status:not(:empty){padding:.7rem 1rem;margin-bottom:1rem;border:1px solid #d1dcb526;border-radius:7px;background:#253027e8;font-size:.8rem;color:#e3d3b4}.planner-loading{padding:3rem 0}.planner-loading h1{font:4rem var(--serif)}
.planner-navigation{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--planner-line)}.planner-navigation nav{display:flex;gap:.2rem;flex-shrink:0;background:#17211bbd;padding:4px;border:1px solid var(--planner-line);border-radius:9px}.planner-navigation nav button{border:0;border-radius:6px;font-size:.8rem;padding:.6rem .85rem;color:#aab5a3}.planner-navigation nav button[aria-pressed=true]{background:#b9c9a61f;color:#e3e9d7;box-shadow:0 1px 4px #0002}.planner-navigation nav svg{width:16px;height:16px;flex-basis:16px}.planner-search{display:flex;align-items:center;gap:.6rem;margin-left:auto;max-width:290px;min-width:100px;flex:1;padding:.4rem .65rem;border:1px solid var(--planner-line);border-radius:7px;background:#18241cdc}.planner-search svg{width:16px;height:16px;flex-basis:16px;color:#95a88e}.planner-search input{padding:.15rem 0;border:0;outline:0!important;border-radius:0;background:none;font-size:.77rem;min-width:0;box-shadow:none}.planner-search:focus-within{outline:2px solid var(--planner-sand);outline-offset:2px}.planner-search kbd{border:1px solid var(--planner-line);font:.65rem var(--sans);padding:0 .3rem;border-radius:3px;color:#a1b398}.planner-space .planner-icon{padding:.4rem;border:0;background:transparent;min-height:34px;min-width:34px;color:#aab9a1;border-radius:5px}.planner-section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.planner-section-heading h2{font:1.55rem/1.1 var(--serif);margin:0;color:#e4e5d7}.planner-section-heading .eyebrow{font-size:.56rem;color:#97ab8d;margin-bottom:.55rem}.planner-task-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:1.6rem;align-items:start}.planner-task-panel{min-width:0}.planner-layout-switch{display:flex;border:1px solid var(--planner-line);padding:3px;border-radius:6px}.planner-layout-switch button{padding:.35rem .45rem;border:0;border-radius:4px;color:#8e9d89}.planner-layout-switch button[aria-pressed=true]{color:#dce1d0;background:#b9c9a61a}.planner-layout-switch svg{width:16px;height:16px;flex-basis:16px}
.planner-task-views{display:flex;gap:.85rem;border-bottom:1px solid var(--planner-line);overflow:auto;scrollbar-width:thin}.planner-task-views button{border:0;border-radius:0;white-space:nowrap;padding:.5rem 0 .8rem;font-size:.72rem;color:#a2b09a}.planner-task-views button[aria-pressed=true]{color:#e4d0ad;border-bottom:2px solid #d9c398;background:transparent}.planner-filters{display:flex;align-items:center;gap:.65rem;margin:1rem 0}.planner-filters label{display:flex;gap:.4rem;align-items:center;font-size:0}.planner-filters select{font-size:.7rem;padding:.4rem .6rem;max-width:170px;background:#1a251e}.planner-filters>span{margin-left:auto;font-size:.64rem;color:#98a68f;white-space:nowrap}.planner-capture{display:flex;align-items:center;gap:.7rem;max-width:none;margin:0 0 1.5rem;padding:.55rem .6rem .55rem .9rem;background:#9db9870b;border:1px solid #c8d7b528;border-radius:8px}.planner-capture>svg{color:#9eb590;width:17px;height:17px;flex-basis:17px}.planner-capture input{border:0;background:none;box-shadow:none;padding:.3rem 0;font-size:.77rem;min-width:0;flex:1}.planner-capture button{font-size:.7rem;padding:.4rem .65rem;border:1px solid #c8d7b524;border-radius:5px;background:#bed1a415;flex-shrink:0;color:#c5d4b8}.planner-capture button span{color:#91a882}.planner-task-group{margin:1.4rem 0 1.7rem}.planner-task-group>h3{display:flex;align-items:center;gap:.6rem;font:.64rem var(--sans);color:#adbba3;margin-bottom:.5rem}.planner-task-group>h3>span{font-size:.57rem;background:#cbd9b714;border-radius:4px;min-width:18px;text-align:center;padding:2px}.planner-task{display:flex;align-items:flex-start;gap:.7rem;padding:1rem .35rem;border-bottom:1px solid var(--planner-line);position:relative;min-width:0;transition:background .15s}.planner-task:hover{background:#c9d8ba05}.planner-space .planner-check{width:19px;height:19px;min-width:19px;padding:0;border:1px solid #a9ba995c;border-radius:50%;margin-top:2px;color:#213120;background:transparent}.planner-check[aria-pressed=true]{background:#bed0aa;border-color:#bed0aa}.planner-check svg{width:12px;height:12px;flex-basis:12px}.planner-task-main{min-width:0;flex:1}.planner-space .planner-task-title{display:block;padding:0;text-align:left;font-size:.8rem;color:#e0e5d6;border:0;overflow-wrap:anywhere;line-height:1.5;background:none}.is-complete .planner-task-title{text-decoration:line-through;color:#99a48e}.planner-task-meta{display:flex;align-items:center;gap:.3rem .7rem;flex-wrap:wrap;margin-top:.45rem;line-height:1.6;font-size:.6rem;color:#a6b79b}.planner-project-label{display:inline-flex;align-items:center;gap:.3rem;max-width:100%;overflow-wrap:anywhere;font-size:.62rem;color:var(--tone)}.planner-project-label i,.planner-priority i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.planner-priority{display:inline-flex;align-items:center;gap:.3rem;text-transform:capitalize;font-size:.6rem;color:#a4b396}.planner-priority.priority-high{color:#d9aa98}.planner-priority.priority-medium{color:#c3b791}.planner-priority.priority-low{color:#a3b79a}.planner-date.is-overdue{color:#e4b09c}.planner-doing{color:#a9cbd1}.planner-task>.planner-icon{margin-top:-.3rem;font-size:1rem;min-width:27px;padding:.15rem;color:#a1b693}.tone-sage{--tone:var(--planner-sage)}.tone-sand{--tone:var(--planner-sand)}.tone-sky{--tone:var(--planner-sky)}.tone-rose{--tone:var(--planner-rose)}.tone-lavender{--tone:var(--planner-lavender)}
.planner-aside{display:grid;gap:1rem;padding-top:.1rem}.planner-aside-card{background:linear-gradient(145deg,#2b392c99,#19251dea);border:1px solid var(--planner-line);border-radius:11px;padding:1.2rem}.planner-aside-card>p{font-size:.74rem;line-height:1.8;color:#a8b59e;margin:.5rem 0 1.4rem}.planner-small-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.9rem}.planner-small-heading h3{font:1.35rem var(--serif);margin:0;color:#e0e4d3}.planner-small-heading>svg{width:15px;height:15px;color:#aabc9f}.planner-space .planner-text-action{border:0;padding:.2rem 0;background:none;color:#c0d0ad;font-size:.69rem;gap:.5rem}.planner-text-action svg{width:13px;height:13px;flex-basis:13px}.planner-space .planner-mini-project{display:block;border:0;border-bottom:1px solid var(--planner-line);border-radius:0;padding:.2rem 0 1rem;margin-bottom:1rem;width:100%;text-align:left;background:none}.planner-mini-project>span{display:flex;align-items:center;gap:.45rem;color:#d9e0ce;font-size:.73rem;overflow-wrap:anywhere}.planner-mini-project>span>i{width:6px;height:6px;flex:0 0 6px;border-radius:2px;background:var(--tone)}.planner-mini-project svg{margin-left:auto;width:13px;height:13px;flex-basis:13px;color:#96a88b}.planner-space progress{display:block;width:100%;height:4px;appearance:none;border:0;border-radius:5px;background:#e2e8d713;overflow:hidden;accent-color:var(--tone,var(--planner-sage))}.planner-space progress::-webkit-progress-bar{background:#e2e8d713}.planner-space progress::-webkit-progress-value{background:var(--tone,var(--planner-sage));border-radius:5px}.planner-space progress::-moz-progress-bar{background:var(--tone,var(--planner-sage))}.planner-mini-project progress{margin:.8rem 0 .45rem}.planner-mini-project small{font-size:.6rem;color:#99ab90}.planner-pinned{background:linear-gradient(145deg,#423b2d45,#20291ee8)}.planner-space .planner-mini-note{display:block;width:100%;border:0;border-bottom:1px solid var(--planner-line);border-radius:0;background:none;text-align:left;padding:.1rem 0 .8rem;margin-bottom:.8rem}.planner-mini-note strong{display:block;font:.77rem var(--sans);color:#e0d7bd;overflow-wrap:anywhere}.planner-mini-note>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:.4rem;font-size:.67rem;color:#a7ac98;overflow-wrap:anywhere}
.planner-empty{text-align:center;padding:3.4rem 1.4rem;max-width:520px;margin:auto}.planner-empty-mark{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #d3dfbe29;background:#c0d3a40a;border-radius:14px;color:#b7c8a7;margin-bottom:1.2rem}.planner-empty-mark svg{width:24px;height:24px}.planner-empty h3{font:1.9rem var(--serif);margin:0 0 .7rem;color:#e1e5d1}.planner-empty p{font-size:.78rem;line-height:1.8;color:#aab69e;margin:0 auto 1.1rem;max-width:350px}.planner-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;align-items:start}.planner-column{background:#16231a8a;border:1px solid var(--planner-line);border-radius:8px;padding:.7rem;min-width:0}.planner-column>h3{display:flex;align-items:center;gap:.4rem;font:.65rem var(--sans);color:#c2cfb7;padding:.3rem .1rem .8rem}.planner-column>h3 span{margin-left:auto;color:#94a68b}.planner-column>h3 i{width:6px;height:6px;border-radius:50%;background:#a7b496}.planner-column>h3 i.status-doing{background:#dbbc8b}.planner-column>h3 i.status-done{background:#a9c898}.planner-task-card{padding:.8rem .7rem;flex-wrap:wrap;background:#273629a6;border:1px solid #c3d8a617;border-radius:7px;margin-bottom:.65rem;gap:.5rem}.planner-task-card .planner-task-title{font-size:.76rem}.planner-task-card .planner-task-main>p{font-size:.65rem;line-height:1.6;margin:.6rem 0;color:#acbba1;overflow-wrap:anywhere}.planner-task-card .planner-task-main{flex-basis:70%}.planner-card-status{width:100%;margin-top:.3rem}.planner-card-status select{padding:.35rem .5rem;background:#1c291e;font-size:.62rem}.planner-column-empty{font-size:.65rem;color:#92a087;padding:.9rem .2rem;margin:0}.planner-task-layout:has(.planner-board){grid-template-columns:minmax(0,1fr)}.planner-task-layout:has(.planner-board) .planner-aside{display:none}
.planner-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.planner-project-card{padding:1.3rem;border-radius:12px;border:1px solid #d0dec51c;background:linear-gradient(135deg,#2d392bdf,#1c281feb);min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.planner-project-card:before{content:'';position:absolute;top:0;left:1.4rem;right:1.4rem;height:2px;background:var(--tone);opacity:.65}.planner-project-top{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;font-size:.62rem;color:#a5b499}.planner-project-symbol{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:7px;background:#cbd3bd10;color:var(--tone)}.planner-project-symbol svg{width:16px;height:16px}.planner-project-top>.planner-icon{margin-left:auto;min-width:20px;padding:0}.planner-project-card h3{margin:0}.planner-space .planner-project-title{text-align:left;display:block;padding:0;border:0;border-radius:0;background:transparent;overflow-wrap:anywhere;font:1.6rem/1.2 var(--serif);color:#e2e7d6}.planner-project-card>p{font-size:.74rem;line-height:1.7;color:#a6b59c;margin:.8rem 0 1.5rem;overflow-wrap:anywhere;flex:1}.planner-project-progress{display:flex;justify-content:space-between;gap:.5rem;font-size:.64rem;margin-bottom:.5rem;color:#a9ba9f}.planner-project-progress strong{font-weight:450;color:var(--tone)}.planner-project-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--planner-line);font-size:.62rem;color:#a9b99d}.planner-project-footer>button{border:0;padding:0;background:none;font-size:.62rem;color:#c9d4bb}.planner-project-footer svg{width:12px;height:12px;flex-basis:12px}.planner-space .planner-project-new{border:1px dashed #c4d8a82d;background:#b8cfa106;min-height:270px;border-radius:12px;padding:1.3rem;flex-direction:column;color:#bac9ad}.planner-project-new>span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#c5d8b111;border-radius:50%;margin-bottom:.5rem}.planner-project-new strong{font:1.3rem var(--serif)}.planner-project-new small{font-size:.7rem;color:#92a586}
.planner-note-actions{display:flex;gap:.6rem;flex-wrap:wrap}.planner-notes-grid{display:grid;grid-template-columns:255px minmax(0,1fr);border:1px solid var(--planner-line);border-radius:12px;overflow:hidden;min-height:650px;background:#1a251de8}.planner-note-library{background:#18251bf5;border-right:1px solid var(--planner-line);min-width:0}.planner-note-filters{padding:1rem 1rem 0}.planner-note-filters>select{width:100%;font-size:.7rem;margin-bottom:.7rem}.planner-note-filters .planner-task-views{gap:1.1rem}.planner-note-list{padding:.5rem;max-height:710px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b5c6a138 transparent}.planner-space .planner-note-preview{display:block;width:100%;padding:1rem;border:1px solid transparent;border-radius:7px;background:none;text-align:left;margin-bottom:.2rem}.planner-space .planner-note-preview.is-selected{border-color:#c6d8ad25;background:#c3d6a60c}.planner-note-preview>span:first-child{display:flex;align-items:center;justify-content:space-between;color:#aabf95;margin-bottom:.65rem}.planner-note-preview svg{width:14px;height:14px;flex-basis:14px}.planner-note-preview small{font-size:.56rem;color:#92a385}.planner-note-preview strong{display:block;font:.8rem/1.5 var(--sans);color:#dce3cf;overflow-wrap:anywhere}.planner-note-preview p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:.69rem/1.7 var(--sans);color:#9eaf92;margin:.4rem 0 .7rem;overflow-wrap:anywhere}.planner-note-preview .planner-project-label{font-size:.58rem}.planner-note-list-empty{padding:1.5rem 1rem}.planner-note-list-empty p{font-size:.76rem;color:#a2b293}.planner-note-editor{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0,#7d885b0f,transparent 55%),#1d291fe8}.planner-note-editor>.planner-empty{margin:auto;padding:3rem 2rem}.planner-note-form{display:flex;flex-direction:column;max-width:none;margin:0;padding:0;gap:0;flex:1}.planner-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.8rem 1.4rem;border-bottom:1px solid var(--planner-line);min-height:64px}.planner-editor-toolbar>span{font-size:.65rem;color:#b6c4a6;overflow-wrap:anywhere}.planner-editor-toolbar>div{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.planner-editor-toolbar .primary{padding:.45rem .8rem!important;font-size:.72rem!important}.planner-note-form>fieldset{display:flex;flex:1;flex-direction:column;gap:0;min-width:0;border:0;margin:0;padding:1.4rem 1.7rem 1rem}.planner-note-form input.planner-note-title{font:2.2rem/1.25 var(--serif);border:0;background:none;padding:.5rem 0;width:100%;color:#e3e6d4;border-radius:0}.planner-note-title::placeholder{color:#86967a;opacity:.8}.planner-note-properties{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--planner-line);padding:.6rem 0 1.1rem;margin-bottom:1.1rem}.planner-note-properties select{font-size:.66rem;padding:.3rem .5rem;max-width:220px;background:#1a281ddd}.planner-note-properties .planner-pin-control{display:flex;align-items:center;gap:.35rem;font-size:.68rem;color:#a8bb98;cursor:pointer}.planner-pin-control input{width:13px;height:13px;accent-color:var(--planner-sage);margin:0}.planner-pin-control svg{width:12px;height:12px;flex-basis:12px}.planner-note-form textarea{border:0;border-radius:0;box-shadow:none;background:none;padding:.2rem 0;resize:vertical;min-height:380px;flex:1;font:.86rem/1.95 var(--sans);color:#cad5bf;white-space:pre-wrap}.planner-note-form textarea::placeholder{color:#8c9e80}.planner-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-top:1px solid var(--planner-line);padding:1rem 1.5rem;font-size:.6rem;color:#97aa89;flex-wrap:wrap}.planner-editor-footer>span{font-size:.58rem}.planner-note-form>.planner-danger{align-self:flex-end;margin:0 1.5rem 1rem}
.planner-dialog{border:1px solid #c5d5af35;border-radius:14px;background:#1c291feb;padding:1.7rem;width:min(620px,calc(100% - 28px));backdrop-filter:blur(24px)}.planner-dialog .hub-dialog-heading h2{font:2.3rem var(--serif)}.planner-form{max-width:none;margin:1.4rem 0 .5rem}.planner-form>fieldset{display:grid;gap:1.15rem;padding:0;margin:0;border:0;min-width:0}.planner-form label{font-size:.75rem;color:#b7c6a9;gap:.5rem}.planner-form input,.planner-form textarea,.planner-form select{font-size:.85rem;padding:.75rem;color:#e0e8d4}.planner-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.planner-dialog-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:.7rem;padding-top:1.3rem;border-top:1px solid var(--planner-line)}.planner-dialog-actions>button{font-size:.8rem;border-radius:6px}.planner-colors{display:flex;flex-wrap:wrap;gap:.8rem;padding:0;margin:0;border:0}.planner-colors legend{font-size:.75rem;color:#b7c6a9;margin-bottom:.6rem}.planner-colors label{display:flex;align-items:center;position:relative;gap:.4rem;text-transform:capitalize;font-size:.65rem;cursor:pointer}.planner-colors input{appearance:none;width:21px;height:21px;background:var(--tone);padding:0;border:3px solid #263326;border-radius:50%;margin:0}.planner-colors input:checked{outline:1px solid var(--tone);outline-offset:2px}.planner-maintenance{display:flex;justify-content:space-between;gap:1rem;padding-top:.5rem}.planner-space .planner-danger{border:1px solid #dbb3a730;background:transparent;border-radius:5px;font-size:.68rem;color:#e3b5a2;padding:.4rem .6rem}.planner-today-task{overflow-wrap:anywhere}.planner-today .life-section-heading{gap:1rem;flex-wrap:wrap}.planner-today .life-list-row{gap:1rem}
@media(min-width:1500px){body:has(.planner-space) main{max-width:1400px}.planner-task-layout{grid-template-columns:minmax(0,1fr) 265px}.planner-notes-grid{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:1200px){.planner-task-layout{grid-template-columns:minmax(0,1fr)}.planner-aside{grid-template-columns:1fr 1fr}.planner-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-navigation{gap:.7rem}.planner-navigation nav button{padding:.55rem .65rem}.planner-navigation nav svg{display:none}.planner-notes-grid{grid-template-columns:215px minmax(0,1fr)}.planner-editor-footer>span>span{display:none}}
@media(max-width:900px){.planner-navigation{flex-wrap:wrap}.planner-navigation nav{flex:1}.planner-navigation nav button{flex:1}.planner-search{order:3;max-width:none;flex-basis:100%}.planner-notes-grid{grid-template-columns:1fr;min-height:400px}.planner-note-library{border-right:0;border-bottom:1px solid var(--planner-line)}.planner-note-filters{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem}.planner-note-filters>select{margin:0;max-width:200px}.planner-note-filters .planner-task-views{border-bottom:0}.planner-note-filters .planner-task-views button{padding:.4rem 0}.planner-note-list{display:flex;max-height:180px;overflow:auto;padding:.5rem}.planner-space .planner-note-preview{min-width:220px;max-width:220px;margin:0 .25rem 0 0;padding:.8rem}.planner-note-preview p{font-size:.65rem}.planner-note-preview .planner-project-label{display:none}.planner-note-preview>span:first-child{margin-bottom:.3rem}.planner-note-list-empty{padding:.5rem}.planner-note-list-empty p{margin:0 0 .4rem}.planner-note-form textarea{min-height:340px}.planner-note-actions .planner-secondary{font-size:.7rem}.planner-section-heading h2{font-size:1.9rem}.planner-section-heading:has(.planner-note-actions){flex-wrap:wrap}}
@media(max-width:720px){body:has(.planner-space) .sidebar nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}body:has(.planner-space) .sidebar nav a{white-space:nowrap}body:has(.planner-space) .notice{display:none}body:has(.planner-space) .topbar{padding-top:.4rem}.planner-navigation{margin-bottom:1rem}.planner-navigation nav svg{display:block}.planner-project-grid{gap:.8rem}.planner-task-meta{gap:.25rem .6rem}.planner-board{gap:.5rem}.planner-column{padding:.5rem}.planner-task-card{padding:.7rem .5rem}.planner-section-heading .eyebrow{font-size:.55rem}.planner-aside{gap:.8rem}.planner-aside-card{padding:1rem}}
@media(max-width:520px){.planner-navigation{gap:.6rem}.planner-navigation nav button{font-size:.72rem;padding:.5rem .65rem}.planner-navigation nav svg{width:14px;height:14px;flex-basis:14px}.planner-task-views{gap:1rem}.planner-task-views button{font-size:.68rem}.planner-filters{gap:.4rem}.planner-filters select{font-size:.63rem;max-width:135px;padding:.4rem}.planner-filters>span{font-size:.57rem}.planner-capture{padding:.5rem .55rem;gap:.4rem}.planner-capture input{font-size:.69rem}.planner-capture button{padding:.3rem .5rem;font-size:.65rem}.planner-task-title{font-size:.78rem!important}.planner-aside{grid-template-columns:1fr}.planner-aside-card{padding:1.2rem}.planner-board{grid-template-columns:1fr}.planner-task-card .planner-task-main{flex-basis:80%}.planner-card-status{margin-left:24px;width:calc(100% - 24px)}.planner-task-card{padding:.8rem}.planner-column>h3{font-size:.75rem}.planner-project-grid{grid-template-columns:1fr}.planner-project-new{min-height:175px!important}.planner-project-card{padding:1.5rem}.planner-section-heading h2{font-size:1.8rem}.planner-section-heading>button.primary{font-size:.7rem;padding:.55rem .7rem}.planner-section-heading>button svg{display:none}.planner-note-actions{width:100%}.planner-note-actions button{flex:1;font-size:.7rem!important;padding:.6rem!important}.planner-note-form>fieldset{padding:1.1rem}.planner-note-form input.planner-note-title{font-size:1.8rem}.planner-editor-toolbar{padding:.7rem 1rem}.planner-editor-toolbar>span{font-size:.6rem}.planner-note-form textarea{font-size:.8rem}.planner-note-properties{gap:.7rem}.planner-note-properties select{max-width:170px;font-size:.63rem}.planner-editor-footer{padding:.8rem 1rem}.planner-note-filters{gap:.6rem}.planner-note-filters>select{max-width:135px}.planner-note-filters .planner-task-views{gap:.7rem}.planner-note-filters .planner-task-views button{font-size:.63rem}.planner-empty{padding:2.7rem 1rem}.planner-empty h3{font-size:1.75rem}.planner-dialog{padding:1.2rem}.planner-form-grid{grid-template-columns:1fr;gap:1rem}.planner-colors{gap:.7rem}.planner-colors label{font-size:.6rem}.planner-dialog .hub-dialog-heading h2{font-size:2rem}}
@media(max-width:360px){.planner-navigation nav button{padding:.45rem .5rem}.planner-navigation nav svg{display:none}.planner-filters{flex-wrap:wrap}.planner-filters>span{display:none}.planner-filters select{max-width:122px}.planner-note-properties select{max-width:150px}.planner-editor-toolbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.planner-space *{transition:none!important;scroll-behavior:auto!important}}.motion-off .planner-space *{transition:none!important}.planner-space .planner-check{position:relative;flex:0 0 32px;width:32px;min-width:32px;height:32px;min-height:32px;margin:-4px 0 0 -5px;border:0;background:none}.planner-check:before{content:'';position:absolute;width:19px;height:19px;border:1px solid #a9ba9977;border-radius:50%;background:transparent}.planner-check[aria-pressed=true]:before{background:#bed0aa;border-color:#bed0aa}.planner-check svg{position:relative;z-index:1}.planner-check:hover:before{border-color:#d6dfc2}.planner-task-card .planner-check{margin-top:-4px;margin-right:-5px}
@media(max-width:720px){.planner-navigation nav button{min-height:40px}.planner-task-views button{min-height:40px}.planner-space .planner-check{min-height:36px;height:36px;flex-basis:36px;width:36px;min-width:36px}.planner-task-card .planner-task-main{flex-basis:calc(100% - 45px)}}
/* Native mobile controls stay at 16px to avoid focus zoom while writing. */
@media(max-width:720px){.planner-space input:not([type=checkbox]):not([type=radio]):not(.planner-note-title),.planner-space textarea,.planner-space select{font-size:16px}.planner-search input{line-height:1.5}.planner-note-properties select{max-width:180px}.planner-filters select{min-height:40px}.planner-editor-footer .planner-text-action{min-height:40px}}

/* Keep decisions and blockers visible alongside the next step. */
.planner-jobs-source{color:#d8c2a2;font-size:.72rem;line-height:1.7}.planner-jobs-source:hover{text-decoration:underline}
.planner-closed-count{color:#a9b99d;font-size:.65rem}
.planner-task.is-closed .planner-check:before{background:#c9b89825;border-color:#c9b89880}
.planner-task.is-closed .planner-check>span{z-index:1;line-height:1;color:#d3c6ac}
.planner-task-outcome{font-size:.62rem;color:#c6c5b1}
.planner-task-outcome.status-blocked{color:#e4b49c}
.planner-task-outcome.status-on_hold{color:#d5c59e}
.planner-task-main>.planner-task-context{font-size:.7rem;line-height:1.6;color:#b7c2aa;margin:.5rem 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.planner-task-context strong{font-weight:500}
.planner-board{grid-template-columns:repeat(3,minmax(0,1fr))}
.planner-column>h3 i.status-blocked{background:#d7a28e}
.planner-column>h3 i.status-on_hold{background:#bfb18b}
.planner-column>h3 i.status-closed{background:#acaaa0}
.planner-status-hint{margin:0;font-size:.72rem;line-height:1.6}
.planner-form [hidden]{display:none}
.planner-maintenance{flex-wrap:wrap;align-items:center}
.planner-task-history{border-top:1px solid var(--planner-line);padding-top:1rem;min-width:0}
.planner-task-history summary{cursor:pointer;font-size:.78rem;color:#d4dcc8;min-height:28px}
.planner-history-list{list-style:none;padding:0;margin:1rem 0 0;max-height:300px;overflow:auto;scrollbar-width:thin}
.planner-history-list li{border-left:2px solid #c9d4b332;padding:0 0 1rem .85rem;margin-bottom:.4rem}
.planner-history-list li>div{display:flex;justify-content:space-between;gap:.4rem;flex-wrap:wrap;font-size:.72rem;color:#d5dfc7}
.planner-history-list time{font-size:.63rem;color:#9eaf91}
.planner-history-list p{font-size:.7rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0 0;color:#b7c2aa}
@media(max-width:900px){.planner-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.planner-board{grid-template-columns:1fr}.planner-task-history summary{min-height:36px}}

/* Compact workspace controls keep capture and the task list above the fold. */
.planner-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap;margin-bottom:1rem}
.planner-heading{display:flex;align-items:baseline;gap:.85rem;flex-wrap:wrap}
.planner-space .planner-header h1{font:2rem/1.1 var(--serif);letter-spacing:-.02em;margin:0}
.planner-heading>span{font-size:.72rem;color:var(--planner-muted)}
.planner-header-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.planner-header-actions button.primary,.planner-header-actions button.planner-secondary{min-height:40px;padding:.5rem .8rem;font-size:.76rem}
.planner-header+.planner-capture{margin-bottom:.55rem;background:#26372dcc;border-color:#c8d7b53d}
.planner-overview{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;margin:0 0 1rem;padding-bottom:.65rem;border-bottom:1px solid var(--planner-line)}
.planner-summary{display:flex;align-items:center;gap:.2rem .7rem;flex-wrap:wrap}
.planner-space .planner-summary>button{border:0;border-radius:4px;padding:.3rem 0;gap:.35rem;font-size:.71rem;color:#b8c5ad;min-height:32px}
.planner-summary strong{font-weight:550;color:#e7e7d9}
.planner-progress{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.67rem;color:#b6c3aa}
.planner-progress strong{font-weight:500;color:#dce5d1}
.planner-progress progress{width:64px;flex:0 0 64px}
.planner-progress .planner-closed-count{flex-basis:100%;text-align:right}
.planner-loading{padding:1rem 0}.planner-loading h1{font-size:2rem}
@media(max-width:720px){
  .planner-header{gap:.65rem;margin-bottom:.75rem}
  .planner-heading{gap:.65rem}
  .planner-header-actions button.primary,.planner-header-actions button.planner-secondary{min-height:40px;font-size:.73rem;padding:.5rem .7rem}
  .planner-overview{gap:.3rem;margin-bottom:.75rem;padding-bottom:.6rem}
  .planner-summary{gap:.2rem .7rem}
  .planner-space .planner-summary>button{min-height:36px;font-size:.7rem}
  .planner-progress{width:100%;font-size:.68rem}
  .planner-progress .planner-closed-count{flex-basis:auto;text-align:left}
  .planner-section-heading h2{font-size:1.5rem}
}
@media(max-width:420px){
  .planner-header-actions{width:100%}
  .planner-header-actions>button{flex:1}
  .planner-header-actions svg{width:16px;height:16px;flex-basis:16px}
}
