/* Unfinished: the window scene is a background; all work and controls remain live. */
.tab-panel[data-tab-panel="unfinished"] { inset:0; border-radius:0; background:none; }
.nu-window-page.np-page {
 --nu-muted:var(--text-secondary); --nu-top:12dvh;
 display:block; position:relative; padding:var(--nu-top) 1.6vw 2.6dvh 4.5vw;
 background:none; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
 color:var(--text-primary); font-family:var(--font-sans); font-weight:400; font-size:14px; overflow-y:auto; overflow-x:hidden; scroll-padding:calc(var(--nu-top) + 16px) 0 120px;
}
body[data-space="unfinished"] .map-photo[data-bg-tab="unfinished"] { background-image:url('../assets/unfinished/calm-window.webp'); background-position:center; background-size:cover; }
body[data-space="unfinished"] .map-photo[data-bg-tab="unfinished"]::after { opacity:.08; }
.nu-layout { display:grid; grid-template-columns:minmax(0,2.05fr) minmax(330px,1fr); gap:8.4vw; min-height:650px; height:calc(100dvh - var(--nu-top) - 80px); animation:nu-scene-in .7s var(--chrome-ease) backwards; }
.nu-window-page.has-active-step { padding-bottom:130px; }
.has-active-step .nu-layout { height:auto; }
.nu-action-area { position:relative; min-width:0; padding-top:5.2dvh; }
.nu-window-hero .nu-kicker { color:var(--nu-muted); font-family:var(--font-display); font-size:clamp(10px,.75vw,13px); font-weight:300; letter-spacing:.27em; line-height:1.5; margin:0; }
.nu-window-hero h1 { font:300 clamp(32px,2.65vw,46px)/1.24 var(--font-display); letter-spacing:-.035em; margin:23px 0 17px; }
.nu-window-hero>p:last-child { font-size:clamp(13px,.95vw,16px); line-height:1.5; color:var(--nu-muted); margin:0; }
.nu-window-note { position:absolute; left:96%; top:6%; width:70px; color:var(--text-muted); font:300 clamp(8px,.59vw,11px)/1.7 var(--font-display); letter-spacing:.22em; pointer-events:none; }
/* Same material and blur as the existing widgets; omit the requested outer shadow. */
.nu-glass { background:var(--neura-widget-surface); backdrop-filter:var(--neura-widget-blur); -webkit-backdrop-filter:var(--neura-widget-blur); border:0; border-radius:var(--radius-md); box-shadow:none; }
.nu-recommendation { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:28px; width:min(100%,880px); padding:32px; margin-top:28px; }
.nu-recommendation-main { display:flex; flex-direction:column; gap:24px; min-width:0; }
.nu-suggestion-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:12px 16px; min-width:0; }
.nu-recommended-item { display:flex; align-items:center; margin:0; min-height:0; }
.nu-recommended-copy { width:100%; min-width:0; animation:nu-task-in .28s var(--chrome-ease) backwards; }
.nu-recommended-copy h2 { margin:0; font:inherit; }
.nu-window-page .nu-check { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:0; border-radius:8px; background:none; color:var(--text-primary); cursor:pointer; }
.nu-check>span { display:grid; place-items:center; width:18px; height:18px; border:1px solid var(--text-secondary); border-radius:50%; transition:background .2s,border-color .2s; }
.nu-check svg { width:13px; height:13px; }
.nu-check:hover>span { border-color:var(--text-primary); background:var(--panel-fill-hover); }
.nu-window-page .nu-recommended-title { display:block; max-width:22ch; min-height:44px; border:0; background:none; text-align:left; padding:0; color:var(--text-primary); font:300 clamp(30px,2.1vw,38px)/1.2 var(--font-display); letter-spacing:-.035em; text-wrap:balance; overflow-wrap:anywhere; }
.nu-recommended-context { margin:12px 0 0; color:var(--text-secondary); font:400 16px/1.5 var(--font-sans); overflow-wrap:anywhere; }
.nu-recommended-notes { display:block; margin:20px 0 0; max-width:48ch; color:var(--text-secondary); font:400 16px/1.7 var(--font-sans); white-space:pre-wrap; overflow-wrap:anywhere; }
.nu-recommended-title:is(:hover,:focus-visible) { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; text-decoration-color:var(--text-muted); }
.nu-recommendation-summary { min-width:0; margin-top:auto; }
.nu-suggestion-count { margin:0; color:var(--text-secondary); font:400 12px/1.5 var(--font-sans); }
.nu-task-meta { display:flex; flex-wrap:wrap; gap:12px 20px; color:var(--text-secondary); font:400 13px/1.5 var(--font-sans); }
.nu-task-meta>span { display:inline-flex; align-items:center; gap:8px; }
.nu-task-meta .np-icon { flex-shrink:0; width:16px; height:16px; }
.nu-suggestion-nav { display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-start; gap:8px; margin:0; }
.nu-window-page .nu-suggestion-nav button { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 44px; padding:0; background:var(--panel-fill-hover); border:1px solid var(--border-soft); border-radius:12px; color:var(--text-secondary); transition:background .2s var(--chrome-ease),color .2s var(--chrome-ease); }
.nu-suggestion-nav button:is(:hover,:active) { background:var(--panel-fill-active); color:var(--text-primary); }
.nu-suggestion-nav .np-icon { width:20px; height:20px; }
.nu-recommendation-empty { padding:0; }
.nu-recommendation-empty h2 { font:300 22px/1.4 var(--font-display); margin:0 0 8px; }
.nu-recommendation-empty p { font-size:13px; color:var(--nu-muted); line-height:1.65; margin:0; }
.nu-card-actions { display:flex; flex-direction:column; justify-content:center; gap:10px; min-width:0; padding-left:24px; border-left:1px solid var(--border-soft); }
.nu-window-page .nu-card-action { display:flex; align-items:center; gap:10px; min-width:0; min-height:66px; padding:12px; text-align:left; background:var(--panel-fill-hover); border:1px solid var(--border-soft); border-radius:7px; color:var(--text-secondary); transition:background .2s var(--chrome-ease),color .2s var(--chrome-ease); }
.nu-window-page .nu-card-action-primary { background:var(--panel-fill-active); color:var(--text-primary); }
.nu-card-action>span { min-width:0; flex:1; font:300 14px/1.45 var(--font-display); overflow-wrap:anywhere; }
.nu-card-action small { display:block; margin-top:4px; color:var(--text-secondary); font:400 12px/1.5 var(--font-sans); }
.nu-card-action>.np-icon { flex-shrink:0; width:16px; height:16px; }
.nu-card-action:is(:hover,:active) { background:var(--panel-fill-active); color:var(--text-primary); }
.nu-open-area { display:flex; flex-direction:column; min-width:0; min-height:0; }
/* The open-items panel carries only the shared blur, with no dark backing layer. */
.nu-open-panel { display:flex; flex-direction:column; flex:1; min-height:540px; padding:22px 28px 14px; background:transparent; box-shadow:none; }
.nu-open-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; min-height:44px; margin-bottom:12px; }
.nu-open-heading h2 { min-width:0; font:300 clamp(19px,1.3vw,23px)/1.3 var(--font-display); margin:0; letter-spacing:-.025em; overflow-wrap:anywhere; }
.nu-open-controls { display:flex; align-items:center; gap:8px; }
.nu-open-heading .np-select { margin:0; min-width:95px; max-width:150px; }
.nu-open-heading .np-select-label { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.nu-open-heading .np-select-trigger { padding:6px 11px; min-height:44px; background:var(--panel-fill-hover); color:var(--text-primary); border:1px solid var(--border-soft); border-radius:var(--chrome-radius); font:300 12px/1.4 var(--font-display)!important; }
.nu-open-heading .np-select-trigger svg { width:13px; height:13px; }
/* A compact filter trigger opens a readable, independently sized glass menu. */
.np-select-options--portal:is(#nu-filter-options,#nu-all-filter-options,#nu-status-options,#nu-focus-task-options) { overflow-x:hidden; box-shadow:var(--panel-highlight); }
.np-select-options--portal:is(#nu-filter-options,#nu-all-filter-options,#nu-status-options,#nu-focus-task-options) .widget-search-item { white-space:normal; overflow-wrap:anywhere; min-height:44px; }
.np-select-options--portal#nu-focus-task-options .widget-search-item { min-height:58px; flex-shrink:0; }
#nu-focus-task-options .np-option-copy { flex:1; min-width:0; text-align:left; }
#nu-focus-task-options .np-option-copy>span { display:block; font:300 13px/1.5 var(--font-display); }
#nu-focus-task-options .np-option-copy>small { display:block; color:var(--text-secondary); font:400 11px/1.5 var(--font-sans); margin-top:3px; }
.nu-open-list { display:flex; flex-direction:column; flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; }
.nu-open-row { display:flex; align-items:center; gap:12px; flex:1 0 66px; min-width:0; border-bottom:1px solid var(--border-softer); }
.nu-open-item { display:flex; align-items:center; gap:14px; flex:1; min-width:0; min-height:64px; padding:14px 0; background:none; border:0; text-align:left; border-radius:7px; }
.nu-open-item>span:first-child { min-width:0; flex:1; }
.nu-open-item strong { display:block; font:300 clamp(13px,.86vw,15px)/1.4 var(--font-display); overflow-wrap:anywhere; }
.nu-open-item small { display:block; color:var(--nu-muted); font:400 clamp(11px,.75vw,13px)/1.5 var(--font-sans); margin-top:5px; overflow-wrap:anywhere; }
.nu-open-item:hover strong { color:var(--text-primary); }
.nu-due { white-space:nowrap; border-radius:20px; padding:6px 12px; font-family:var(--font-display); font-weight:300; font-size:clamp(10px,.72vw,12px); line-height:1.2; color:var(--text-secondary); background:var(--panel-fill-hover); }
.is-closed .nu-open-item strong { text-decoration:line-through; text-decoration-color:var(--text-muted); color:var(--text-secondary); }
.is-closed .nu-check>span { background:var(--panel-fill-active); }
.nu-list-actions { display:flex; flex-wrap:wrap; gap:4px 20px; flex-shrink:0; padding-top:8px; }
.nu-list-actions .nu-view-all { flex:1 1 135px; }
.nu-view-all { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:10px 0; font:300 14px/1.5 var(--font-display)!important; border:0; border-radius:7px; background:none; }
.nu-view-all .np-icon { color:var(--text-secondary); transition:transform .2s; }
.nu-view-all:hover .np-icon { transform:translateX(3px); }
.nu-window-page .nu-add-item { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid var(--border-soft); border-radius:var(--chrome-radius); background:var(--panel-fill-hover); color:var(--text-secondary); transition:background .2s var(--chrome-ease),color .2s var(--chrome-ease); }
.nu-window-page .nu-add-item:is(:hover,:active) { background:var(--panel-fill-active); color:var(--text-primary); }
.nu-add-item .np-icon { width:20px; height:20px; }
.nu-list-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; flex:1; padding:32px 8px; }
.nu-list-empty>.np-icon { width:32px; height:32px; color:var(--text-muted); margin-bottom:18px; }
.nu-list-empty h3 { font:300 23px/1.3 var(--font-display); margin:0; }
.nu-list-empty p { color:var(--nu-muted); font-size:13px; line-height:1.6; margin:12px 0 24px; }

/* Work stays in context: the suggestion expands, and the right panel edits it. */
.nu-active-step { grid-column:1/-1; border-top:1px solid var(--border-soft); padding-top:20px; min-width:0; animation:nu-scene-in .25s var(--chrome-ease) backwards; }
.nu-active-step>header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.nu-active-step h3 { font:300 17px/1.4 var(--font-display); margin:0 0 10px; }
.nu-active-step>header h3 { margin:0; }
.nu-active-step>p { font:400 13px/1.7 var(--font-sans); white-space:pre-wrap; overflow-wrap:anywhere; color:var(--text-secondary); margin:0; }
.nu-panel-back.np-icon-button { flex-shrink:0; width:44px; height:44px; background:var(--panel-fill-hover); border:0; border-radius:7px; color:var(--text-secondary); }
.nu-panel-back:hover { background:var(--panel-fill-active); color:var(--text-primary); }
.nu-panel-back .np-icon { width:16px; height:16px; }
.nu-panel-content { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; padding:12px 3px 16px; scroll-padding:16px; }
.nu-item-form,.nu-time-form { display:flex; flex-direction:column; gap:14px; }
.nu-open-panel .np-field { font:400 12px/1.5 var(--font-sans); color:var(--text-secondary); margin:0; }
.nu-open-panel .np-field input,.nu-open-panel .np-field textarea { min-width:0; color:var(--text-primary); background:var(--panel-fill-hover); border:1px solid var(--border-soft); border-radius:var(--chrome-radius); color-scheme:dark; font:400 14px/1.6 var(--font-sans); }
.nu-open-panel .np-field input::placeholder,.nu-open-panel .np-field textarea::placeholder { color:var(--text-muted); font-weight:400; }
.nu-panel-content .np-select,.nu-full-list-filter { margin:0; color:var(--text-secondary); }
.nu-panel-content .np-select-trigger,.nu-full-list-filter .np-select-trigger { background:var(--panel-fill-hover); color:var(--text-primary); border-color:var(--border-soft); font-size:14px!important; }
.nu-open-panel .np-form-row { grid-template-columns:repeat(2,minmax(0,1fr)); min-width:0; }
.nu-open-panel .np-form-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; margin-top:4px; }
.nu-open-panel .np-button { min-height:44px; font-size:14px; }
.nu-panel-hint { color:var(--text-secondary); font:400 13px/1.7 var(--font-sans); margin:0; }
.nu-focus-context { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--text-secondary); font:400 12px/1.5 var(--font-sans); margin-top:-7px; }
.nu-focus-context>span:first-child { min-width:0; overflow-wrap:anywhere; }
.nu-duration { border:0; padding:0; margin:0; min-width:0; }
.nu-duration legend { color:var(--text-secondary); font:400 12px/1.5 var(--font-sans); margin-bottom:8px; }
.nu-duration>div { display:flex; gap:8px; }
.nu-window-page .nu-duration button { flex:1; min-width:0; min-height:44px; padding:8px; border:1px solid var(--border-soft); border-radius:7px; background:var(--panel-fill-hover); color:var(--text-secondary); font:300 13px/1.5 var(--font-display); transition:background .2s var(--chrome-ease),color .2s var(--chrome-ease); }
.nu-duration button:hover,.nu-duration button[aria-pressed="true"] { background:var(--panel-fill-active); color:var(--text-primary); border-color:var(--text-muted); }
.nu-time-summary { display:flex; align-items:center; gap:7px; color:var(--text-secondary); font:400 12px/1.5 var(--font-sans); margin:0; }
.nu-time-summary .np-icon { width:14px; height:14px; }
.nu-open-panel .nu-editor-actions { flex-shrink:0; margin:0; padding-top:14px; border-top:1px solid var(--border-softer); }
.nu-time-form .np-select-trigger { white-space:normal; text-align:left; line-height:1.5; min-height:44px; }
.nu-focused-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:18px; }
.nu-focused-actions .np-button { min-height:44px; font-size:14px; }
.nu-edit-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; background:none; border:0; font-family:var(--font-display)!important; font-weight:300!important; color:var(--text-secondary)!important; }
.nu-full-list-filter { margin-bottom:12px; }
.nu-window-page :is(button,input,textarea):focus-visible { outline:1px solid var(--text-primary); outline-offset:3px; }
.nu-open-panel :is(input,textarea):focus-visible { outline:none; border-color:var(--text-secondary); box-shadow:0 0 0 1px var(--border-soft); }
.nu-window-page .np-toast { bottom:112px; }
:is(.nu-window-page,.nu-open-list,.nu-panel-content) { color-scheme:dark; scrollbar-width:thin; scrollbar-color:var(--text-muted) transparent; }
:is(.nu-window-page,.nu-open-list,.nu-panel-content)::-webkit-scrollbar { width:4px; height:4px; background:transparent; }
:is(.nu-window-page,.nu-open-list,.nu-panel-content)::-webkit-scrollbar-thumb { background:var(--text-muted); border-radius:4px; }
:is(.nu-window-page,.nu-open-list,.nu-panel-content)::-webkit-scrollbar-button { display:none; width:0; height:0; }
@supports selector(::-webkit-scrollbar) { :is(.nu-window-page,.nu-open-list,.nu-panel-content) { scrollbar-width:auto; scrollbar-color:auto; } }
/* Avoid an animated opacity ancestor: glass must sample the actual wallpaper. */
@keyframes nu-scene-in { from { transform:translateY(8px); } to { transform:none; } }
@keyframes nu-task-in { from { transform:translateY(5px); } to { transform:none; } }
@media(max-height:800px) and (min-width:1101px) {
 .nu-layout { min-height:560px; }
 .nu-action-area { padding-top:3.2dvh; }
 .nu-window-hero h1 { font-size:clamp(32px,2.65vw,42px); margin:18px 0 13px; }
 .nu-window-hero>p:last-child { font-size:14px; }
 .nu-recommendation { margin-top:22px; padding:28px; }
 .nu-open-panel { min-height:480px; padding:17px 20px 12px; }
 .nu-open-row { flex-basis:56px; gap:5px; }
 .nu-open-item { min-height:56px; padding-block:10px; gap:8px; }
 .nu-open-heading h2 { font-size:20px; }
 .nu-open-heading { gap:6px; margin-bottom:6px; }
}
@media(max-width:1400px) and (min-width:1101px) {
 .nu-layout { gap:5.5vw; grid-template-columns:minmax(0,2fr) minmax(340px,1fr); }
 .nu-window-note { display:none; }
 .nu-due { padding:5px 8px; }
}
@media(max-width:1100px) {
 .nu-window-page.np-page { --nu-top:110px; padding:var(--nu-top) 5vw 130px; }
 .nu-layout { height:auto; min-height:0; grid-template-columns:minmax(0,1fr); gap:36px; }
 .nu-action-area { padding:24px 0 0; }
 .nu-window-hero h1 { font-size:clamp(32px,4.5vw,42px); }
 .nu-window-note { display:none; }
 .nu-open-area { max-width:none; }
 .nu-open-panel { min-height:0; }
 .nu-open-list { overflow:visible; }
 .nu-open-row { min-height:76px; }
 .nu-window-hero>p:last-child { font-size:14px; }
 .nu-panel-content { overflow:visible; }
}
@media(max-width:760px) {
 .nu-window-page.np-page { --nu-top:138px; padding-inline:20px; }
 .nu-action-area { padding-top:18px; }
 .nu-window-hero h1 { font-size:34px; margin-top:18px; }
 .nu-window-hero>p:last-child { font-size:14px; max-width:360px; }
 .nu-recommendation { grid-template-columns:minmax(0,1fr); padding:26px; margin-top:26px; gap:24px; }
 .nu-recommendation-main { gap:24px; }
 .nu-recommended-context { font-size:16px; }
 .nu-recommended-notes { font-size:16px; }
 .nu-card-actions { padding:20px 0 0; border-left:0; border-top:1px solid var(--border-soft); }
 .nu-open-panel { padding:20px 18px 12px; }
 .nu-open-heading h2 { font-size:20px; }
 .nu-open-item strong { font-size:14px; }
 .nu-open-item small { font-size:12px; }
 .nu-open-row { gap:7px; }
 .nu-due { padding:6px 9px; font-size:10px; }
 .nu-window-page .np-toast { bottom:110px; left:16px; right:16px; transform:none; min-width:0; max-width:none; }
}
@media(max-width:390px) {
 .nu-window-page.np-page { padding-inline:14px; }
 .nu-window-hero h1 { font-size:32px; }
 .nu-recommendation { padding:22px; }
 .nu-open-panel { padding-inline:12px; }
 .nu-open-row { gap:2px; }
 .nu-open-item { gap:6px; }
}
@media(prefers-reduced-motion:reduce) {
 .nu-layout,.nu-active-step,.nu-recommended-copy { animation:none; }
 .nu-card-action,.nu-suggestion-nav button,.nu-add-item,.nu-view-all .np-icon,.nu-check>span,.nu-duration button { transition:none; }
}