#projectNavigation,.note-destination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line,#e7ebf1);background:var(--beta-modal-soft,#f8fafc);color:var(--beta-modal-ink,#26354b);font:12px/1.4 Inter,system-ui,sans-serif}
#projectNavigation label,.note-destination label{display:flex;align-items:center;gap:5px;min-width:0;flex:1 1 130px}
#projectNavigation select,.note-destination select{min-width:0;width:100%;max-width:320px;padding:6px;border:1px solid var(--line,#e7ebf1);border-radius:6px;font:inherit}
#projectNavigation button,.organization-dialog-body button{padding:7px 10px;border:1px solid var(--line,#e7ebf1);border-radius:6px;background:var(--beta-modal-bg,#fff);color:inherit;cursor:pointer;font:inherit}
.note-move{flex:0 0 auto;padding:3px 5px;border:0;border-radius:5px;background:transparent;color:var(--muted,#728198);font:10px system-ui;cursor:pointer}.note-move:hover{background:#edf2fa}.note-project-label{font-size:10px;color:var(--muted,#728198);overflow-wrap:anywhere}
#organizationDialog{width:min(620px,calc(100vw - 28px));max-height:85dvh;padding:0;border:1px solid var(--line,#e7ebf1);border-radius:14px;background:var(--beta-modal-bg,#fff);color:var(--beta-modal-ink,#26354b)}#organizationDialog::backdrop{background:#18243b77}.organization-dialog-body{padding:18px;font:14px/1.5 system-ui}.organization-dialog-body h2{margin:0 0 12px}.organization-tree,.organization-tree ul{padding-left:16px;list-style:none}.organization-tree li{margin:10px 0;border-left:1px solid #dfe5ee;padding-left:9px}.organization-tree li>div{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.organization-tree strong{flex:1 1 120px;overflow-wrap:anywhere}.organization-create{display:flex;gap:6px;margin:9px 0}.organization-create input{min-width:0;flex:1;padding:7px;border:1px solid #dfe5ee;border-radius:6px}.organization-message{color:var(--muted,#728198)}
/* Leave room for the existing composer minimize control. */
.note-destination{padding-right:48px;flex:0 0 auto}

/* Native Windows project column; the website retains its compact controls. */
.notes-projects-layout #projectNavigation{position:fixed;z-index:14;left:0;top:var(--live-app-header-bottom,70px);bottom:0;width:224px;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:10px;padding:14px 12px;overflow:auto;border-right:1px solid var(--beta-modal-border,var(--line,#e7ebf1));border-bottom:0;background:var(--beta-modal-bg,#f8fafc)}
.notes-projects-layout:not(.projects-sidebar-open) #projectNavigation{display:none!important}
.notes-projects-layout.projects-sidebar-open:not(.notes-native-docked) body .main{margin-left:224px!important;width:calc(100% - 224px)!important;max-width:calc(100% - 224px)!important}
.notes-projects-layout #projectNavigation label{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;font-size:11px}
.notes-projects-layout #projectNavigation .project-sidebar-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px}
.notes-projects-layout #projectNavigation .project-sidebar-heading button{border:0;background:transparent;font-size:20px;padding:0 7px}
#projectSidebarTree{display:flex;flex-direction:column;gap:3px;padding-top:6px;border-top:1px solid var(--line,#e7ebf1)}
.notes-projects-layout #projectNavigation .project-tree-item{width:100%;text-align:left;border:0;background:transparent;padding-block:9px;overflow-wrap:anywhere}
.notes-projects-layout #projectNavigation .project-tree-item[aria-pressed="true"]{background:var(--beta-modal-soft,#e8eef8);font-weight:750}
.notes-projects-layout #projectNavigation .project-tree-item:hover{background:var(--beta-modal-soft,#edf2fa)}
.notes-native-docked #projectNavigation{top:var(--live-app-header-bottom,56px);box-shadow:8px 0 24px #18243b22;width:min(248px,85vw)}
.notes-native-docked body .main{margin-left:0!important;width:100%!important;max-width:100%!important}
.notes-projects-layout body .main #grid,.notes-projects-layout body .main .history-head,.notes-projects-layout body .main .note-composer{width:100%!important;max-width:100%!important;box-sizing:border-box!important}

.notes-projects-layout #projectNavigation .note-destination{display:flex;flex-direction:column;align-items:stretch;padding:0 0 10px;gap:8px;background:transparent}.notes-projects-layout #projectNavigation .note-destination label{flex:0 0 auto}.project-destination-heading{font-size:11px;padding-top:10px;border-top:1px solid var(--line,#e7ebf1)}

/* Compact project tree and in-pane management. */
.notes-projects-layout #projectNavigation{width:212px;padding:10px;gap:8px}
.notes-projects-layout.projects-sidebar-open:not(.notes-native-docked) body .main{margin-left:212px!important;width:calc(100% - 212px)!important;max-width:calc(100% - 212px)!important}
.notes-projects-layout #projectNavigation>label{display:none}
.project-pane-tools{display:flex;gap:5px}.project-pane-tools button{flex:1;min-width:0;font-size:11px!important;padding:6px!important}
#projectSidebarTree{gap:2px;padding-top:6px;border-top:1px solid var(--line,#e7ebf1)}
.project-tree-row{display:flex;align-items:center;gap:2px;min-width:0}.notes-projects-layout #projectNavigation .project-tree-disclosure{flex:0 0 16px;width:16px;border:0;background:transparent;padding:0;font-size:16px}.project-tree-disclosure:disabled{visibility:hidden}
.notes-projects-layout #projectNavigation .project-tree-item{flex:1;min-width:0;padding:7px 6px!important;border-radius:6px;font-size:12px;line-height:1.25}
.project-tree-item.project-drop-target{outline:2px solid #5377b0;background:#e4edf9!important}.note-dragging{opacity:.5}
#projectSidebarManager{padding:8px;border:1px solid var(--line,#e7ebf1);border-radius:8px;display:flex;flex-wrap:wrap;gap:5px}#projectSidebarManager[hidden]{display:none!important}#projectSidebarManager strong{width:100%;font-size:12px}#projectSidebarManager button{font-size:11px;padding:5px 7px!important}.project-manager-done{margin-left:auto}.organization-create{width:100%;flex-wrap:wrap}.organization-create input{width:100%;flex-basis:100%;font-size:12px}
.project-save-destination{font-size:11px;border-top:1px solid var(--line,#e7ebf1);padding-top:8px}.project-save-destination summary{cursor:pointer;color:var(--muted,#728198)}.project-save-destination .note-destination{padding-top:8px!important}
#projectSidebarStatus{margin:0;font-size:11px;overflow-wrap:anywhere}
#projectsPaneToggle{position:fixed;z-index:19;left:10px;top:13px;width:32px;height:32px;padding:0;border:1px solid var(--line,#e7ebf1);border-radius:7px;background:var(--beta-modal-bg,#fff);color:var(--beta-modal-ink,#26354b);font-size:17px;cursor:pointer}
@media(max-width:760px){.notes-projects-layout.projects-sidebar-open:not(.notes-native-docked) body .main{margin-left:0!important;width:100%!important;max-width:100%!important}.notes-projects-layout #projectNavigation{box-shadow:8px 0 24px #18243b22;width:min(248px,85vw)}#projectsPaneToggle{top:65px}}
#projectsPaneToggle{z-index:125}
@media(max-width:760px){.projects-sidebar-open #projectsPaneToggle{display:none}}

.project-pane-tools button{min-height:30px!important;line-height:1.2!important}
.project-notes-empty{box-sizing:border-box;width:100%;grid-column:1/-1;padding:16px 14px;border:1px solid var(--beta-modal-border,var(--line,#e7ebf1));border-radius:10px;background:var(--beta-modal-bg,#fff);color:var(--beta-modal-ink,var(--ink,#26354b));font-size:12px}.project-notes-empty p{margin:5px 0 0;color:var(--muted,#728198);line-height:1.4}
.notes-merged-header body .app-header{display:flex!important;align-items:center!important;gap:6px!important;padding:4px 8px!important;height:48px!important;box-sizing:border-box!important;justify-content:flex-start!important}
.notes-merged-header body .app-header .brand-word{flex:0 0 auto!important;margin:0!important;font-size:15px!important}.notes-merged-header .brand-word span,.notes-merged-header .app-header #count{display:none!important}
.notes-merged-header body .app-header .app-header-note-controls{position:static!important;flex:0 1 auto!important;min-width:0!important;margin-left:auto!important;padding:2px!important;gap:2px!important;box-shadow:none!important;border:0!important;background:transparent!important}
.notes-merged-header body .app-header .tools{display:none!important}
.native-title-tools{display:flex;gap:2px;flex:0 0 auto;align-items:center}.native-title-tools button{display:grid;place-items:center;flex:0 0 28px;width:28px!important;min-width:28px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:5px;background:transparent;color:inherit;font:18px system-ui;cursor:pointer}.native-title-tools button:hover{background:var(--beta-modal-bg,#e8edf5)}.native-title-tools button[hidden]{display:none!important}
@media(max-width:500px){.notes-merged-header body .app-header{gap:2px!important;padding-inline:5px!important}.notes-merged-header body .app-header .app-header-note-controls button{width:25px!important;min-width:25px!important;height:30px!important;padding:0!important}.notes-merged-header body .app-header .beta-style-button{font-size:8px!important;letter-spacing:0!important}.native-title-tools{gap:0}.native-title-tools button{width:25px!important;min-width:25px!important;flex-basis:25px!important}.notes-merged-header body .app-header .brand-word{font-size:13px!important}}

.project-inline-create{display:flex;gap:3px;align-items:center;padding:5px 0;min-width:0;width:100%}.project-inline-create input{box-sizing:border-box;min-width:0;flex:1;width:0;height:29px;padding:4px 6px;border:1px solid var(--beta-modal-border,var(--line,#e7ebf1));border-radius:5px;background:var(--beta-modal-bg,#fff);color:inherit;font:12px system-ui}.notes-projects-layout #projectNavigation .project-inline-create button{flex:0 0 23px;width:23px;height:27px;min-height:27px;padding:0;border:0;background:transparent;font-size:16px}
.notes-projects-layout #projectNavigation .project-add-folder{flex:0 0 22px;width:22px;height:25px;min-height:25px;padding:0;border:0;background:transparent;opacity:.45;font-size:16px}.project-tree-row:hover .project-add-folder,.project-add-folder:focus-visible{opacity:1}.project-folder-icon{margin-right:5px;opacity:.65}
body[data-recent-style="dark"] #grid>.note-card{background:var(--beta-modal-bg)!important;color:var(--beta-modal-ink)!important;border-color:var(--beta-modal-border)!important}

.notes-projects-layout #projectNavigation .project-sidebar-heading{gap:5px}.project-sidebar-heading strong{flex:1}.notes-projects-layout #projectNavigation .project-sidebar-heading #addProject{width:25px;height:25px;min-height:25px;padding:0;border:0;background:transparent;font-size:19px}
.notes-projects-layout #projectNavigation .project-tree-note{display:block;box-sizing:border-box;width:100%;min-width:0;height:25px;min-height:25px;padding:3px 6px;border:0;border-radius:5px;background:transparent;color:var(--beta-modal-ink,#4e607a);font:11px/1.3 system-ui;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab}.project-tree-note:hover{background:var(--beta-modal-soft,#edf2fa)!important}.project-tree-note:active{cursor:grabbing}
#configurationButton{display:grid!important;place-items:center;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:6px;background:transparent;color:inherit;font:20px system-ui;cursor:pointer}.app-header .beta-style-picker{display:none!important}
#configurationDialog{width:min(380px,calc(100vw - 24px));max-height:85dvh;overflow:auto;box-sizing:border-box;padding:18px;border:1px solid var(--beta-modal-border,#d8e0ea);border-radius:14px;background:var(--beta-modal-bg,#fff);color:var(--beta-modal-ink,#243149);font:13px system-ui}#configurationDialog::backdrop{background:#101c3680}#configurationDialog form{display:grid;gap:12px}.configuration-heading{display:flex;align-items:center;justify-content:space-between}.configuration-heading h2{margin:0;font-size:19px}#configurationDialog label{display:grid;gap:6px}#configurationDialog .configuration-checkbox{display:flex;align-items:center;gap:7px}#configurationDialog button,#configurationDialog select{min-height:30px;padding:5px 8px;border:1px solid var(--beta-modal-border,#d8e0ea);border-radius:6px;background:var(--beta-modal-soft,#f7f8fb);color:inherit;font:inherit;cursor:pointer}.configuration-actions{display:flex;flex-wrap:wrap;gap:6px}.configuration-version,#configurationStatus{margin:0;font-size:11px;color:var(--muted,#728198)}

.notes-projects-layout body[data-recent-style="dark"] #app #grid>.note-card{background:var(--beta-modal-bg)!important;color:var(--beta-modal-ink)!important;border-color:var(--beta-modal-border)!important}

/* Glass list preserves Glass when undocked and becomes a simple docked list. */
.notes-native-docked body[data-recent-style="glass-list"] #app #grid{display:block!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card{box-sizing:border-box!important;min-height:0!important;margin:0!important;padding:8px 28px 8px 9px!important;border:0!important;border-bottom:1px solid #354f741c!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card:last-child{border-bottom:0!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-title-row{gap:5px!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card h2{font-size:13px!important;line-height:1.25!important;margin:0!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-title-artifacts{display:none!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-copy{padding-right:68px!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-copy>p{font-size:11px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:3px 0 0!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-card-date{font-size:9px!important;right:9px!important;bottom:8px!important;color:var(--muted,#728198)!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-project-label{font-size:9px!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card{position:relative!important;transition:none!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-title-row{display:flex!important;align-items:center!important;min-height:0!important;margin:0!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card h2{flex:1!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .meta,.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-project-label{display:none!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-move{flex:0 0 30px!important;width:30px!important;min-width:30px!important;min-height:16px!important;height:16px!important;padding:0!important;font-size:9px!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-delete{flex:0 0 18px!important;width:18px!important;min-width:18px!important;min-height:18px!important;height:18px!important;padding:0!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-body{display:block!important;min-height:0!important;padding:0!important;margin:0!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-copy>p{min-height:0!important;max-height:15px!important;mask-image:none!important;-webkit-mask-image:none!important}
.notes-native-docked body[data-recent-style="glass-list"] #app #grid>.note-card .note-card-date{position:absolute!important;margin:0!important}
/* Center docked project disclosure and inline note delete controls. */
.notes-native-docked.notes-projects-layout #projectNavigation .project-tree-disclosure{display:grid!important;place-items:center!important;width:20px!important;height:24px!important;min-height:24px!important;padding:0!important;line-height:1!important;flex-basis:20px!important}
.project-note-row{display:flex;align-items:center;min-width:0;width:100%}.notes-projects-layout #projectNavigation .project-note-row .project-tree-note{flex:1;min-width:0;width:0}
.notes-projects-layout #projectNavigation .project-note-delete{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;min-height:22px;padding:0!important;border:0;background:transparent;color:var(--muted,#728198);font:16px/1 system-ui;cursor:pointer}.project-note-delete:hover{color:#a43a40!important;background:#a43a4010!important}
#noteSelectionBar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:6px 0;font-size:10px}#noteSelectionBar[hidden]{display:none!important}#noteSelectionBar button{min-height:24px!important;padding:3px 5px!important;font-size:10px!important}.note-selection-count{flex:1 0 100%}
.notes-projects-layout #projectNavigation .project-tree-note.note-selected{background:var(--beta-modal-soft,#dce7f6)!important;outline:1px solid var(--beta-accent,#5377b0);outline-offset:-1px}
#grid>.note-card.note-selected{outline:2px solid var(--beta-accent,#5377b0)!important;outline-offset:-2px!important}
.notes-native-docked body #app #grid>.note-card .note-delete{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important}
/* Resize affordances remain outside pane content; double arrow cursors show drag direction. */
.notes-native-docked #accountSignOut{display:none!important}
.notes-resizable-panels #projectNavigation{width:var(--projects-panel-width,212px)!important;min-width:120px!important;min-height:128px}
.notes-resizable-panels.projects-sidebar-open:not(.notes-native-docked) body #app .main,.notes-resizable-panels.notes-native-docked.projects-sidebar-open body #app .main{margin-left:var(--projects-panel-width,212px)!important;width:calc(100% - var(--projects-panel-width,212px))!important;max-width:calc(100% - var(--projects-panel-width,212px))!important}
.notes-resizable-panels.notes-native-docked:not(.projects-sidebar-open) body #app .main{margin-left:0!important;width:100%!important;max-width:100%!important}
#projectsResizeHandle{position:fixed;z-index:35;left:calc(var(--projects-panel-width,212px) - 4px);top:var(--live-app-header-bottom,56px);bottom:0;width:8px;cursor:col-resize;touch-action:none;display:none;align-items:center;justify-content:center}
.projects-sidebar-open #projectsResizeHandle{display:flex}#projectsResizeHandle span{width:2px;height:30px;border-radius:2px;background:var(--beta-modal-border,#c6d2e2)}#projectsResizeHandle:hover span,#projectsResizeHandle:focus-visible span{background:var(--beta-accent,#5377b0);width:3px}
#composerResizeHandle{display:none;position:relative;flex:0 0 10px;width:100%;height:10px;min-height:10px;cursor:row-resize;touch-action:none;align-items:center;justify-content:center}#composerResizeHandle span{width:40px;height:2px;border-radius:2px;background:var(--beta-modal-border,#c6d2e2)}#composerResizeHandle:hover span,#composerResizeHandle:focus-visible span{background:var(--beta-accent,#5377b0);height:3px}
.notes-resizable-panels.notes-native-docked #app.mode-compose #composerResizeHandle{display:flex}
.notes-resizable-panels.notes-native-docked #app .composer-minimized+#composerResizeHandle{display:none!important}
.notes-resizable-panels.notes-native-docked body #app .note-input-wrap .structured-note-editor,.notes-resizable-panels.notes-native-docked body #app .note-input-wrap textarea{height:var(--dock-editor-height,120px)!important;min-height:88px!important;max-height:400px!important}
.notes-resizable-panels.notes-native-docked body #app .composer-minimized .note-input-wrap .structured-note-editor{height:48px!important;min-height:48px!important}
.notes-resizable-panels.notes-native-docked body #app.mode-compose .main{display:flex!important;flex-direction:column!important;height:100dvh!important;min-height:0!important;overflow:auto!important;padding-bottom:66px!important;gap:0!important}
.notes-resizable-panels.notes-native-docked body #app.mode-compose .history-head{flex:0 0 auto!important;margin-top:8px!important}
.notes-resizable-panels.notes-native-docked body #app.mode-compose #grid{flex:1 1 auto!important;min-height:96px!important;overflow:auto!important;min-width:0!important;max-width:100%!important}
.resizing-projects,.resizing-projects *{cursor:col-resize!important;user-select:none!important}.resizing-composer,.resizing-composer *{cursor:row-resize!important;user-select:none!important}
.notes-resizable-panels #projectNavigation .project-tree-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Reserve a status slot so loading never pushes header controls. */
#appBusyIndicator{display:grid!important;place-items:center;flex:0 0 18px;width:18px;min-width:18px;height:28px;margin-left:auto;visibility:hidden;pointer-events:none;color:var(--beta-accent,#5377b0)}#appBusyIndicator.is-busy{visibility:visible}#appBusyIndicator>span{width:11px;height:11px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:notes-inline-spin .8s linear infinite}
.app-header #appBusyIndicator+.app-header-note-controls{margin-left:0!important;flex:0 0 auto!important}
@keyframes notes-inline-spin{to{transform:rotate(360deg)}}
#inlineSaveError{position:fixed;z-index:300;bottom:72px;left:50%;transform:translateX(-50%);box-sizing:border-box;width:min(480px,calc(100vw - 24px));display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #b9626260;border-radius:9px;background:var(--beta-modal-bg,#fff);color:var(--beta-modal-ink,#243149);box-shadow:0 6px 24px #17233b25;font:12px/1.4 system-ui}#inlineSaveError span{flex:1}#inlineSaveError button{width:24px;height:24px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;font:18px system-ui;cursor:pointer}
.project-tree-row.is-pending{opacity:.6}.project-tree-row.is-pending .project-tree-item{cursor:progress!important}
.notes-merged-header .native-title-tools{margin-left:0!important;justify-content:flex-end}
.notes-merged-header body .app-header .native-title-tools button{line-height:1!important}