/* Compact working surfaces; warm cork is intentionally scoped to the board. */
.v21-habit-name{flex-direction:row;align-items:center;justify-content:space-between;gap:5px}
.v21-habit-name strong{flex:1;min-width:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v21-habit-table th:first-child{width:190px;min-width:190px;max-width:190px;padding:4px 7px}
.v21-habit-table td{height:36px;padding:3px 2px}
.v21-habit-table tbody th{height:36px;vertical-align:middle}
.v21-habit-table .ui-action{width:22px;min-width:22px;height:22px;padding:3px}
[data-sort-handle]:not(button){cursor:grab;touch-action:none;outline-offset:3px}
[data-sort-handle]:not(button):focus-visible{outline:2px solid var(--text);border-radius:3px}
.v21-habit-row{min-height:35px;padding:3px 0}
.v21-habit-row label{gap:8px;font-size:13px}
.v22-task{padding:8px 10px;gap:9px;border-radius:10px;min-height:54px;flex-wrap:nowrap;align-items:center}
.v22-task .v14-task-body{gap:4px;flex-basis:auto}
.v22-task .v14-task-title{font-size:13px;line-height:1.4}
.v22-task .v14-task-meta{font-size:10px;gap:6px}
.v22-task .v14-task-meta .cat-pill{padding:1px 6px;font-size:9px}
.v22-task .progress-track{height:3px;max-width:100%;margin:0}
.v22-task .v14-task-actions{width:auto;flex:none;flex-wrap:nowrap;gap:0;align-self:center}
.v22-task .v14-task-actions .ui-action{width:25px;min-width:25px;height:27px;padding:4px}
.v22-task .v14-task-actions .ui-icon{width:15px;height:15px}
.v14-task-list{gap:6px}
.v22-text-button{border:0;background:transparent;color:var(--text);font:inherit;font-size:12px;padding:3px 0;cursor:pointer;text-align:start}
.v22-text-button:hover{text-decoration:underline}
.v22-appointment{gap:5px;padding:9px 0;min-width:0}
.v22-appointment label{gap:7px;min-width:0}
.v22-appointment label>span{display:block;min-width:0;font-size:12px;line-height:1.55}
.v22-appointment time{font-size:10px;margin-inline-end:5px;display:inline-block}
.v22-appointment .ui-action{width:25px;min-width:25px;height:26px;padding:4px}
.v21-reminder-title{overflow-wrap:anywhere}
.v14-week-day .v22-appointment{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 5px;align-items:flex-start}
.v14-week-day .v22-appointment label{align-items:flex-start}
.v14-week-day .v22-appointment .ui-action{width:20px;min-width:20px;padding:2px}
.v14-week-day .v22-appointment label>span{font-size:11px}
.v22-month-heading{display:flex;justify-content:space-between;align-items:center;gap:2px}
.v22-month-heading>.v22-text-button{font-weight:700;font-size:13px}
.v22-month-add{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;line-height:1;padding:3px 5px}
.v14-month-day .v22-appointment{padding:4px 0;border-bottom:0}
.v22-appointment-small label{align-items:flex-start;gap:4px}
.v22-appointment-small label>span{font-size:10px;line-height:1.4}
.v22-appointment-small .v21-check{width:13px!important;min-width:13px;height:13px!important;margin-top:1px}
.v22-appointment-small .v21-reminder-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v22-month-more{border:0;background:transparent;color:var(--muted);font:inherit;font-size:9px;text-align:start;cursor:pointer;margin-top:auto;padding:3px 0}

/* Room-style cork board. Zones are soft outlines on one continuous material. */
body .v16-board.v22-cork{--v16-bg:#bb9467;--v16-panel:#ffffff12;--v16-border:#6b4b2c55;--v16-type:#302419;--v16-muted:#59432c;--note-height:116px;background:#bc956b url('cork-texture.svg') repeat;background-size:260px 260px;color:#302419;border:9px solid #8e6542;border-radius:9px;padding:10px;gap:8px;box-shadow:inset 0 0 0 2px #e3c09a77,inset 0 2px 8px #3c261930,0 3px 9px #00000014}
body .v22-cork .v16-board-bar{color:#392a1d;font-size:10px;min-height:22px;align-items:center}
body .v22-cork .v16-zone{border:1px dashed #63472c66;border-radius:4px;background:#ffffff0b;--zone-accent:transparent;gap:7px;padding:8px;grid-template-rows:25px minmax(0,1fr) 21px}
body .v22-cork .v16-zone-header h2{background:#fff8e8e6;box-shadow:0 1px 2px #3d281529;border-radius:2px;padding:3px 8px;color:#352b22;font-size:11px;font-weight:600;max-width:calc(100% - 24px)}
body .v22-cork .v16-counter{background:transparent;color:#3e2e1f;border:0;font-size:10px;height:20px;min-width:18px}
body .v22-cork .v16-zone-empty{border:0;background:transparent;color:#4e3823;opacity:.7}
body .v22-cork .v16-zone-empty p{font-size:10px}
body[data-palette="mono"] .v22-cork .v16-note.v22-paper{--paper:#fffdf4;--ink:#29251f;--edge:#d2c7b3;--pin:#a7a096;background:linear-gradient(135deg,#fffefa 60%,#f8f3e7);color:var(--ink);border:1px solid #d1c2a0aa;border-radius:1px 1px 8px 1px;padding:12px 7px 5px;box-shadow:1px 3px 3px #3c241e35;overflow:hidden}
body[data-palette="mono"] .v22-cork .v16-note.v22-paper:nth-child(3n+2){background:linear-gradient(135deg,#faf7ed,#f3eddf)}
body[data-palette="mono"] .v22-cork .v16-note.v22-paper:before{content:'';position:absolute;left:50%;top:3px;width:6px;height:6px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f9f7f3,#8b8277 65%,#4a433b);box-shadow:1px 2px 2px #29221d55;opacity:1;border:0}
body[data-palette="mono"] .v22-cork .v16-note.v22-paper:hover,body[data-palette="mono"] .v22-cork .v16-note.v22-paper:focus-within{box-shadow:1px 4px 6px #3c241e50;outline-color:#62482f}
.v22-note-title{display:flex;align-items:flex-start;gap:5px;min-width:0;flex:1;cursor:pointer}
.v22-note-title .v21-check{accent-color:#4b453e;width:14px!important;min-width:14px;height:14px!important;flex:none;margin-top:1px}
.v22-note-title .v16-note-title{font-size:11px;line-height:1.35;-webkit-line-clamp:2;font-weight:600}
.v22-note-tools{display:flex;flex:none;gap:0}
.v22-note-tools .ui-action{width:18px!important;min-width:18px!important;height:20px!important;min-height:20px!important;padding:2px!important}
.v22-note-tools .ui-icon{width:13px!important;height:13px!important}
.v22-cork .v18-note-heading{gap:3px;align-items:flex-start}
.v22-cork .v16-note-done{opacity:.85}
.v22-cork .v16-note-done .v16-note-title{text-decoration:line-through;text-decoration-thickness:1.3px;color:#787063}
.v22-cork .v16-note-description{color:#615849;margin:1px 0 0;font-size:10px}
body[data-palette="mono"] .v22-cork .v16-move-select{background:transparent!important;color:#4d4439!important;border-color:#d8cdb9!important}
.v22-cork .v18-board-pager{color:#4b3623;font-size:9px}
.v22-cork .v18-board-pager button{background:#fff9e8a8;color:#453223;border-color:#6e4b2933;height:20px}
body .v22-cork .v16-zone-hover{background:#fff8db33!important;outline:2px solid #62482f;outline-offset:-2px}
.v22-board-footer{display:flex;align-items:center;gap:9px;flex:none;min-height:35px;padding-inline-end:54px;color:#453223;font-size:10px}
.v22-trash-bin{display:flex;align-items:center;gap:7px;border:1px solid #70533855;border-radius:7px;background:#fff9ecd9;color:#48372b;padding:5px 10px;cursor:pointer;font:inherit;min-height:33px;transition:background .15s,transform .15s}
.v22-trash-bin b{display:inline-block;font-size:10px;background:#6a4c2914;border-radius:4px;padding:0 5px;margin-inline-start:4px}
.v22-trash-bin .ui-icon{width:21px;height:21px}
.v22-trash-bin.is-over{background:#30271d;color:#fff8ed;transform:scale(1.05);outline:2px solid #fff7e6}
.v22-board-day{display:flex;align-items:center;gap:5px;min-width:0}
.v22-board-day input{width:115px;min-width:0;background:#fff9e8b3;border:1px solid #6e4b2933;border-radius:4px;font-size:10px;color:#3a2b20;padding:2px}
.v22-trash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}
.v22-trash-paper{padding:17px;background:#fffaf0;color:#352f27;border:1px solid #d8cdb9;border-radius:3px 3px 10px 3px;box-shadow:1px 3px 4px #00000014;overflow-wrap:anywhere}
.v22-trash-paper h3{font-size:14px;margin:0 0 8px}.v22-trash-paper p{font-size:12px;white-space:pre-wrap;max-height:160px;overflow:auto}.v22-trash-paper small{color:#716657;font-size:10px}
.v22-trash-actions{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:6px}
.v22-trash-actions .outline-btn{background:#fff;color:#352f27;border-color:#cfc4b1;font-size:11px;padding:4px 10px}
.v22-trash-actions .ui-action{color:#352f27}

/* A personal photo strip remains visible at the top of the home workspace. */
.v22-vision{position:relative;border:0;background:var(--surface);border-radius:12px;overflow:hidden;margin:0 0 26px}
.v22-vision-images{display:flex;align-items:flex-start;gap:0;padding:0;width:100%;height:auto;background:transparent}
.v22-vision-images figure{position:relative;flex:1 1 0;margin:0;min-width:0;overflow:hidden;background:transparent}
.v22-vision-images img{width:100%;height:auto;display:block}
.v22-vision.is-empty .v22-vision-images{min-height:140px}
.v22-vision.is-empty .v22-vision-placeholder{width:100%;min-height:140px}
.v22-vision-placeholder{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;background:repeating-linear-gradient(0deg,transparent,transparent 20px,#7777770a 21px),var(--surface-2);padding:20px;text-align:center}
.v22-vision-placeholder>span{font:500 13px var(--latin),sans-serif;letter-spacing:3px;color:var(--muted)}
.v22-vision-placeholder p{font-size:14px;margin:0}.v22-vision-placeholder .outline-btn{font-size:12px}
.v22-home-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}
.v22-home-heading h2{font-size:24px;margin:4px 0;font-weight:500}
.v22-home-heading>span{font-size:11px;color:var(--muted)}
.v22-affirmation{padding:12px 16px;margin-bottom:17px;border-radius:5px;border-inline-start:2px solid var(--muted);background:var(--surface-2)}
.v22-affirmation p{font-size:14px;margin:3px 0 0;line-height:1.65}
.v22-affirmation>span{font-size:9px;letter-spacing:.3px}
.v22-home-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:10px;margin-bottom:18px;background:var(--surface)}
.v22-home-metrics>div{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-inline-end:1px solid var(--border)}
.v22-home-metrics>div:last-child{border:0}.v22-home-metrics small{font-size:10px;color:var(--muted)}
.v22-home-metrics strong{font-size:19px;font-weight:500}.v22-home-metrics strong span{font-size:12px;color:var(--muted)}
.v22-home-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:18px;align-items:start}
.v22-home-main,.v22-home-aside{display:grid;gap:18px;min-width:0}
.v22-home-layout .card{padding:18px;border-radius:10px;box-shadow:none}
.v22-home-layout .section-heading{margin-bottom:13px;gap:8px}
.v22-home-layout .section-heading h2{font-size:15px}
.v22-home-layout .v22-task{background:transparent;border-width:0 0 1px;border-radius:0;padding:8px 0}
.v22-home-layout .v22-task:last-child{border:0}
.v22-home-layout .v14-task-title{font-size:12px}
.v22-goal-glance{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px 0;font-size:12px}
.v22-goal-glance span{overflow-wrap:anywhere}.v22-goal-glance b{font-size:11px;font-weight:500;color:var(--muted)}
.v22-goal-glance .progress-track{grid-column:1/-1;height:4px}
.v22-agenda>.v22-text-button{margin-top:10px}
.v22-vision-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.v22-vision-tile{position:relative;min-width:0;padding:5px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);cursor:grab}
.v22-vision-tile img{width:100%;height:95px;object-fit:contain;display:block;border-radius:4px}

.v22-vision-tile .ui-action{position:absolute;top:7px;left:7px;background:var(--surface);width:25px;min-width:25px;height:25px;padding:4px}
.v22-upload{text-align:center;cursor:pointer}
@media(max-width:1100px){.v22-home-layout{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.v22-home-metrics>div{padding:12px;flex-direction:column;gap:3px}.v22-home-layout .v14-task-meta .cat-pill{display:none}}
@media(max-width:750px){
 .v22-home-layout{grid-template-columns:1fr}.v22-home-aside{grid-row:2}.v22-home-heading{align-items:flex-start}.v22-home-heading h2{font-size:20px}.v22-home-heading>span{font-size:10px;max-width:100px}
 .v22-vision{margin-bottom:18px}
 .v22-vision-placeholder{gap:6px;padding:10px}.v22-vision-placeholder>span{font-size:10px}.v22-vision-placeholder p{font-size:11px}.v22-vision-placeholder .outline-btn{font-size:10px;padding:4px 8px}
 .v22-task{gap:6px;padding:7px}.v22-task .v14-task-title{font-size:12px}.v22-task .v14-task-meta{font-size:9px;gap:3px}.v22-task .v14-task-actions{display:grid;grid-template-columns:repeat(2,23px)}.v22-task .v14-task-actions .ui-action{width:23px;min-width:23px;height:23px;padding:3px}
 .v14-month-day .v22-appointment-small label{gap:2px}.v22-appointment-small label>span{font-size:9px}.v22-appointment-small time{display:none}.v22-appointment-small .v21-check{width:11px!important;height:11px!important;min-width:11px}.v22-month-more{font-size:8px}.v22-month-add{padding:2px;font-size:12px}
 body .v16-board.v22-cork{padding:5px;border-width:5px;gap:5px}.v22-cork .v18-board-layout{grid-template-rows:155px minmax(0,1fr);gap:5px}.v22-cork .v16-matrix-grid{gap:5px}body .v22-cork .v16-zone{padding:4px;gap:4px;grid-template-rows:22px minmax(0,1fr) 19px}body .v22-cork .v16-zone-header h2{font-size:9px;padding:3px 4px;max-width:calc(100% - 18px)}
 .v22-cork .v16-note.v22-paper{padding:10px 4px 4px!important}.v22-note-title{gap:3px}.v22-note-title .v21-check{width:12px!important;min-width:12px;height:12px!important}.v22-note-title .v16-note-title{font-size:10px}.v22-note-tools{flex-direction:column}.v22-note-tools .ui-action{height:16px!important;min-height:16px!important;width:16px!important;min-width:16px!important}.v22-note-tools .ui-icon{width:12px!important;height:12px!important}
 .v22-board-footer{gap:6px;min-height:30px;font-size:8px;padding-inline-end:46px}.v22-trash-bin{padding:3px 6px;min-height:29px;gap:4px}.v22-trash-bin .ui-icon{width:18px;height:18px}.v22-board-footer>span{max-width:110px}.v22-board-day{font-size:8px;gap:3px}.v22-board-day input{width:100px;font-size:9px}
 .v22-vision-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.v22-trash-grid{grid-template-columns:1fr}
}
@media(max-width:750px) and (max-height:740px){.v22-cork .v18-board-layout{grid-template-rows:126px minmax(0,1fr)}.v22-cork .v16-board-bar>span:last-child{display:none}.v22-cork .v16-note-bottom{display:none}.v22-note-title .v16-note-title{-webkit-line-clamp:1}.v22-cork .v16-zone[data-compact="true"] .v16-note-description{display:none}.v22-board-footer{min-height:28px}}
@media print{.v22-vision{position:static}}

button.v22-vision-edit{position:absolute;top:9px;left:9px;background:var(--surface);border:1px solid var(--border);border-radius:50%;box-shadow:0 1px 5px #0002;width:30px;height:30px;min-width:30px;padding:6px;z-index:1}
@media print{.v22-vision-edit,.v22-trash-bin{display:none}}