/* A document starts as paper. Controls appear where the user is working. */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.today-crumb{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px}.today-crumb time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.today-canvas-screen .daily-canvas{min-height:calc(100dvh - 150px)}.today-canvas-screen .note-document{margin-top:12px;min-height:calc(100dvh - 200px)}.today-canvas-screen .note-column{min-height:90px}
.notes-screen .note-block{position:relative;margin-block:8px 20px;padding-right:30px!important;border:0;box-shadow:none}
.notes-screen .block-text[contenteditable]{border:0;outline:none;background:transparent;box-shadow:none;border-radius:3px}
.notes-screen .block-text[contenteditable]:focus-visible{outline:0;box-shadow:none;background:color-mix(in srgb,var(--text) 2%,transparent)}
.notes-screen .note-block.selected-block{outline:none;box-shadow:none;background:color-mix(in srgb,var(--accent) 11%,transparent);border-radius:5px}
.notes-screen .block-text[contenteditable]:empty:before{opacity:0;transition:opacity .15s}.notes-screen .note-block:hover .block-text:empty:before,.notes-screen .block-text:focus:empty:before,.empty-document:hover .block-text:empty:before{opacity:.4}
.block-properties-trigger,.block-comments-trigger{position:absolute;right:0;top:3px;display:grid;place-items:center;width:26px;height:28px;color:var(--muted);border-radius:5px;opacity:0;padding:0;z-index:7}
.note-block:hover>.block-properties-trigger,.note-block:focus-within>.block-properties-trigger,.block-properties-trigger:focus-visible{opacity:.65}.block-properties-trigger:hover{opacity:1;background:var(--glass-field)}
.block-comments-trigger{right:29px;display:flex;gap:3px;width:auto;min-width:24px;font-size:10px;opacity:.6}.block-comments-trigger:hover{color:var(--accent)}
.note-document .block-menu-trigger{font-size:18px;line-height:1;font-weight:400;left:-34px}.note-document .block-fold-trigger[hidden]{display:none}
.block-insert-below{position:absolute;top:100%;left:0;height:19px;width:28px;display:grid;place-items:center;opacity:0;color:var(--muted);border-radius:4px;z-index:8;padding:0}
.note-block:hover>.block-insert-below,.note-block:focus-within>.block-insert-below,.block-insert-below:focus-visible{opacity:.35}.block-insert-below:hover,.block-insert-below:focus-visible{opacity:1!important;color:var(--accent);background:var(--glass-field)}
.note-document .note-add-block{opacity:0;font-size:12px;transition:opacity .15s}.note-document .note-add-block:hover,.note-document .note-add-block:focus-visible{opacity:.6}.empty-document .note-add-block{display:none}
.page-block-link{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:46px;width:100%;text-align:left;border:0;border-radius:7px;box-shadow:none;background:var(--glass-field);font-size:14px;transition:background .15s}
.page-block-link:hover{background:var(--glass-field-hover)}.page-block-link>span{flex:1;min-width:0;overflow-wrap:anywhere}.page-block-link>svg:last-child{color:var(--muted)}.page-block-link:disabled{opacity:.55}
.page-block-name-field{display:grid;gap:5px;padding:7px 5px 12px;font-size:11px;color:var(--muted)}.page-block-name-field input{font-size:13px;width:100%;min-width:0;box-sizing:border-box;padding:8px}
.note-block.toggle>.block-text{font-weight:550}.note-block.toggle>.block-fold-trigger{opacity:.7}
.notes-screen .block-todo{appearance:none;border:1px solid var(--muted);border-radius:50%;width:16px;height:16px;min-width:16px;background:transparent;position:absolute;cursor:pointer}
.notes-screen .block-todo:checked{background:var(--accent);border-color:var(--accent)}.notes-screen .block-todo:checked:after{content:'✓';display:block;text-align:center;color:var(--paper);font-size:11px;line-height:14px}
.inline-format-row>[data-inline-type]{min-width:110px;max-width:150px;border:0;background:transparent;padding:5px;font-size:12px;box-shadow:none}.inline-comment-box{display:grid;gap:8px;padding:8px;max-width:320px}.inline-comment-box[hidden]{display:none}.inline-comment-box textarea{width:100%;box-sizing:border-box;min-height:80px;font:inherit;font-size:13px;padding:9px;resize:vertical}.inline-comment-box>button{font-size:12px;text-align:left;padding:7px;color:var(--accent)}
.block-comment-panel,.workspace-popover{position:fixed;z-index:1400;box-sizing:border-box;width:320px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 100px);overflow:auto;scrollbar-width:thin;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--glass-solid);color:var(--text);box-shadow:0 12px 38px var(--glass-shadow-deep)}
.block-comment-panel header{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:3px 4px 8px}.block-comment-panel header button{width:28px;height:28px;border-radius:5px}.block-comment-panel article{padding:12px 4px;border-top:1px solid var(--line)}.block-comment-panel p{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.block-comment-panel blockquote{font-size:11px;color:var(--muted);margin:0 0 8px;padding-left:9px;border-left:2px solid var(--line);overflow-wrap:anywhere}.block-comment-panel article>button{font-size:11px;color:var(--accent);padding:5px 0}.comment-resolved{opacity:.6}
.workspace-popover{width:290px;padding:7px}.workspace-menu-row{display:flex;align-items:center;gap:3px;border-radius:7px;min-height:42px}.workspace-menu-row.current-space{background:var(--soft)}.workspace-menu-row>[data-space-open]{flex:1;min-width:0;text-align:left;padding:10px;font-size:13px;overflow-wrap:anywhere}.workspace-menu-row>[data-space-open][hidden]{display:none}.workspace-menu-row>[data-space-rename]{display:grid;place-items:center;width:32px;height:34px;color:var(--muted);border-radius:5px}.workspace-menu-row button:hover{background:var(--glass-field-hover)}
.workspace-inline-name{box-sizing:border-box;min-width:0!important;max-width:100%;width:100%;font:inherit!important;font-size:14px!important;padding:6px!important;outline:1px solid var(--accent)!important;border-radius:4px!important}.workspace-menu-row .workspace-inline-name{flex:1;width:100px}.workspace:has(.workspace-inline-name){min-width:0}.workspace>.workspace-inline-name{font-size:18px!important;font-weight:600!important}
.workspace-menu-create{display:flex;gap:5px;padding:8px 3px 2px;border-top:1px solid var(--line);margin-top:7px}.workspace-menu-create input{flex:1;min-width:0;max-width:100%;border:0;background:transparent;font-size:12px;padding:8px;box-shadow:none}.workspace-menu-create button{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:5px;color:var(--muted)}
@media(max-width:620px){.today-crumb{gap:8px;font-size:11px}.today-crumb time{font-size:10px}.notes-screen .note-block{padding-right:26px}.note-document .block-menu-trigger{left:-12px;width:18px}.note-document .block-fold-trigger{left:7px}.block-comments-trigger{top:-14px;right:28px}.today-canvas-screen .note-document{margin-top:8px}.inline-format-row>[data-inline-type]{max-width:118px;min-width:95px}.page-block-link{padding:11px;gap:8px}}
@media(hover:none){.notes-screen .block-text:empty:before,.note-document .note-add-block{opacity:.45}.block-properties-trigger{opacity:.45}.block-insert-below{opacity:.3}.notes-screen .note-column{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.notes-screen .block-text:empty:before,.note-document .note-add-block,.page-block-link{transition:none}}
.today-workbench{max-width:920px;margin:0 auto}.today-canvas-screen .daily-canvas{min-height:260px;margin-top:28px}.today-canvas-screen .note-document{min-height:260px}.daily-canvas-label{font-size:12px!important;line-height:1.4;font-weight:500!important;color:var(--muted);margin:0 0 6px!important}
.today-agenda-group{margin:0 0 22px}.today-agenda-group h2{font:550 13px/1.5 var(--font-ui);margin:0 0 8px;color:var(--muted)}.today-task-line,.today-event-line{display:flex;gap:10px;align-items:center;min-height:42px;border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent)}.today-task-line>button{flex:1;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;padding:10px 0;min-width:0}.today-task-line strong,.today-event-line strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.today-task-line small,.today-event-line time{font-size:11px;color:var(--muted);white-space:nowrap}.today-task-line input,.record-line>input,.task-reference>input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--accent)}.today-event-line{width:100%;text-align:left}.today-event-line time{min-width:40px}
.today-quick-task,[data-quick-task]{display:flex;align-items:center;gap:8px;max-width:600px}.today-quick-task input,[data-quick-task]>input{flex:1;min-width:0;font-size:13px;padding:10px 0;border:0;background:transparent;box-shadow:none;border-radius:0}.today-quick-task button,[data-quick-task]>button{display:grid;place-items:center;flex:0 0 30px;height:32px;border-radius:6px;color:var(--muted)}
.task-reference{display:flex;align-items:center;gap:9px;min-height:36px}.task-reference>button{flex:1;min-width:0;text-align:left;font-size:14px;padding:7px 0;overflow-wrap:anywhere}.task-reference small,.task-reference time{font-size:10px;color:var(--muted)}.task-reference-done>button{text-decoration:line-through;color:var(--muted)}
.records-screen .page-head,.records-screen .context-bar,.records-screen .workspace-tools,.records-screen #sport-shortcut{display:none}.record-library{max-width:960px;margin:0 auto}.record-library>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 20px}.record-library h1{font-size:23px;margin:0;font-weight:600;letter-spacing:-.02em}.record-library>header>div{display:flex;gap:12px}.record-library header button{display:flex;align-items:center;gap:5px;font-size:12px;padding:7px 4px;color:var(--muted)}.record-tabs{display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:16px}.record-tabs button{font-size:12px;padding:10px 0;color:var(--muted);border-bottom:2px solid transparent}.record-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--text)}.record-tabs [data-record-inbox]{margin-left:auto}
.record-library>[type=search]{max-width:420px;font-size:13px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;margin-bottom:10px;padding:10px 0}.record-list{margin-top:18px}.record-line{display:flex;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent)}.record-line>svg{color:var(--muted);flex:0 0 16px}.record-line>button{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;flex:1;min-width:0;padding:14px 0}.record-line strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.record-line small{font-size:11px;color:var(--muted);white-space:nowrap}.record-empty{font-size:13px;color:var(--muted);padding:15px 0}.sidebar-extra{margin-top:15px}.sidebar-extra>summary{list-style:none;cursor:pointer;font-size:12px;color:var(--muted);padding:10px}.sidebar-extra>summary::-webkit-details-marker{display:none}.sidebar-extra .section-caption{margin-top:15px}
dialog.task-side-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(500px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);border-radius:12px 0 0 12px;box-sizing:border-box;padding:25px 24px;box-shadow:-10px 0 30px color-mix(in srgb,var(--text) 6%,transparent)}dialog.task-side-panel::backdrop{background:color-mix(in srgb,var(--text) 7%,transparent);backdrop-filter:none}
@media(max-width:620px){.mobile-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.record-line>button{display:block}.record-line small{display:block;margin-top:4px}.record-library>header{gap:12px}.record-tabs{gap:13px}.today-canvas-screen .daily-canvas{margin-top:24px}.today-task-line>button{display:block}.today-task-line small{display:block;margin-top:4px}.records-screen #content{padding-top:20px}dialog.task-side-panel{width:100vw;border:0;border-radius:0;padding:20px 16px}}
.record-projects{font-size:12px;color:var(--muted);margin:12px 0 18px}.record-projects>summary,.project-add-existing>summary{cursor:pointer;padding:7px 0}.record-projects label{display:flex;align-items:center;gap:8px;padding:5px 0}.record-projects label input{width:15px;height:15px;accent-color:var(--accent)}.record-projects label span{flex:1}.record-projects label button{padding:4px}.project-members{margin:20px 0 28px}.project-members>header{display:flex;justify-content:space-between;align-items:center}.project-members h2{font:550 13px/1.5 var(--font-ui);color:var(--muted);margin:0}.project-members header button,.project-add-existing button{font-size:12px;padding:7px;color:var(--accent)}.project-members .record-list{margin-top:4px}.project-members .record-line{min-height:40px}.project-members .record-line>button{padding:10px 0}.project-members .record-line>.project-detach{flex:0 0 25px;display:grid;place-items:center;opacity:0;color:var(--muted)}.project-members .record-line:hover>.project-detach,.project-members .record-line:focus-within>.project-detach{opacity:1}.project-add-existing{font-size:12px;color:var(--muted);margin-top:10px}.project-add-existing form{display:flex;align-items:center;gap:8px}.project-add-existing select{flex:1;min-width:0;font-size:12px;padding:7px}.record-projects label span{overflow-wrap:anywhere}
@media(hover:none){.project-members .record-line>.project-detach{opacity:.6}}
/* UI headings follow the same quiet sans family; document font choices remain available. */
.page-head h1,.record-library h1,.notes-overview h1,.dialog-head h2,.week-strip strong{font-family:var(--font-ui);font-weight:600}.app .quiet-quote{font-family:var(--font-ui)}
#editor.task-side-panel{inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;max-width:100vw}
.today-crumb{flex-shrink:0}.today-canvas-screen .crumb-link,.records-screen .crumb-link{flex:0 1 auto}.records-screen .app-location #breadcrumb{display:flex;align-items:center;gap:5px;overflow-x:auto}
@media(max-width:620px){.today-canvas-screen .crumb-link{max-width:82px}.today-crumb{gap:7px}.today-canvas-screen .app-location{flex:1;min-width:0}}
/* The first version keeps the existing AI modules closed and out of the workspace UI. */
.app [data-action=assistant],#editor [data-action=assistant],.note-page-options [data-action=assistant]{display:none}
.record-library header select{font-size:11px;max-width:110px;padding:5px;border:0;box-shadow:none;background:transparent}.record-restore{flex:0 0 28px!important;display:grid!important;place-items:center;color:var(--muted)}
@media(max-width:620px){.record-library>header{align-items:flex-start}.record-library>header>div{gap:6px;flex-wrap:wrap;justify-content:flex-end}.record-library>header>div>.enhanced-select{max-width:105px}}
@media(max-width:620px){.records-screen .topbar{gap:4px;padding-inline:14px}.records-screen .app-home{display:none}.records-screen #save-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.records-screen .crumb-link{font-size:11px;max-width:100px;padding-inline:3px}}
