/* Notes revision 25: stable cards, reachable editing controls and sheet menus. */
html .notes-card>button.notes-open{display:block!important;position:relative!important;width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;overflow:visible!important;text-align:left!important;color:var(--ink)!important}
html .notes-card{--note-card-text-top:52px}
html[data-interface-design=claude] .notes-card{--note-card-text-top:36px}
html .notes-card .notes-preview{display:block!important;position:relative!important;box-sizing:border-box!important;width:100%!important;height:auto!important;aspect-ratio:1!important;contain:layout paint!important;overflow:hidden!important;padding:var(--note-card-text-top) 14px 14px!important}
html .notes-card .notes-preview-content{position:absolute!important;inset:var(--note-card-text-top) 14px 14px!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;overflow:hidden!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important;font-size:var(--dj-text-reading-size,15px);font-weight:var(--dj-text-reading-weight,400);line-height:1.4}
html .notes-card .notes-preview-content img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:top left}
html .notes-editor-head{padding-top:calc(8px + max(env(safe-area-inset-top,0px),var(--dj-safe-top,0px),var(--android-safe-top,0px)))!important}
html .notes-editor-head>.notes-button{--dolijane-mobile-control-size:44px;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important;padding:8px!important}
html .notes-editor-tools{--dolijane-mobile-control-size:44px}
html .notes-editor-head>.notes-button .v22-icon{width:20px!important;height:20px!important}
html .notes-editor .notes-attached{display:none!important}
html .notes-editor .notes-focus-launch{--dolijane-mobile-control-size:52px;position:absolute;right:80px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:15;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important;border-radius:50%!important;background:var(--accent)!important;color:#fff!important}
html.notes-editing .v18-action-dock{display:none!important}
html.notes-editing body #dv-mic-wrap,html.notes-editing:has(.notes-selection:not([hidden]),.notes-picker) body #dv-mic-wrap{visibility:visible!important;display:flex!important;z-index:100006!important;bottom:calc(16px + env(safe-area-inset-bottom))!important}
html.notes-editing .notes-editor .v18-note-focus{position:absolute;bottom:calc(80px + env(safe-area-inset-bottom));z-index:20;max-width:calc(100% - 24px)}
html.notes-editing .notes-editor .notes-selection{z-index:30}
html .notes-editor .notes-selection:is([data-kind=options],[data-kind=document],[data-kind=io]){display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:240px;max-width:calc(100% - 16px);max-height:calc(100% - 100px);overflow:auto;gap:3px}
html .notes-editor .notes-selection:is([data-kind=options],[data-kind=document],[data-kind=io])>button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:44px!important;max-height:none!important;inline-size:100%!important;min-inline-size:0!important;max-inline-size:none!important;block-size:auto!important;min-block-size:44px!important;max-block-size:none!important;flex:0 0 auto!important;aspect-ratio:auto!important;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:left;font-size:var(--dj-text-body-size,15px);font-weight:var(--dj-text-body-weight,600)}
html .notes-editor .notes-selection:is([data-kind=options],[data-kind=document])>button>.v22-icon{width:20px;height:20px;flex:0 0 20px;color:var(--accent)!important}
html .notes-editor .notes-selection:is([data-kind=options],[data-kind=document])>button[aria-pressed=true]{background:var(--soft)!important;color:var(--ink)!important}
html .notes-editor .notes-selection:is([data-kind=options],[data-kind=document])>button[aria-pressed=true]>.v22-icon{color:var(--accent)!important;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--accent) 35%,transparent))}
html .notes-editor .notes-selection hr{width:100%;border:0;border-top:1px solid var(--line);margin:5px 0}
html .notes-editor .notes-selection[data-kind=document]>.notes-option-choices{position:static;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;box-sizing:border-box;margin-top:4px;box-shadow:none}
html .notes-editor .notes-editor-tools[data-mode=text]>.notes-button:not([data-note-action=undo]):not([data-note-action=redo]),html .notes-editor .notes-selection[data-kind=formatting]>button{color:#111!important}
html .notes-editor .notes-editor-tools[data-mode=artifacts]>button[aria-pressed=true]{background:var(--accent)!important;color:white!important}
html .notes-editor .notes-selection[data-kind=pages]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:300px;gap:8px;padding:8px;overflow:auto;left:auto!important;right:8px!important}
html .notes-editor .notes-pages-menu-row{position:relative;display:block;min-width:0;touch-action:none;cursor:grab}
html .notes-editor .notes-pages-menu-row>[data-note-page-open]{width:100%;height:auto;display:block;border:1px solid var(--line);padding:5px;background:var(--bg);border-radius:5px}
html .notes-editor .notes-pages-menu-row .notes-page-thumbnail{display:block;width:100%;height:100px;box-sizing:border-box;overflow:hidden;position:relative;background:var(--panel);padding:12px 6px 18px;font-size:var(--dj-text-caption-size,11px)}
html .notes-editor .notes-pages-menu-row .notes-page-thumbnail small{position:absolute;bottom:1px;left:0;right:0;text-align:center}
html .notes-editor .notes-pages-menu-row>[data-note-page-remove]{position:absolute;right:0;top:0;width:30px;height:30px;min-width:30px;min-height:30px;padding:5px;border:0;border-radius:50%;background:var(--panel);color:var(--accent);opacity:0;transition:opacity .15s}
html .notes-editor .notes-pages-menu-row:hover>[data-note-page-remove],html .notes-editor .notes-pages-menu-row:focus-within>[data-note-page-remove]{opacity:1}
html .notes-editor .notes-pages-menu-row>[data-note-page-remove] .v22-icon{width:20px;height:20px}
html .notes-editor .notes-page-drop-target{outline:2px solid var(--accent);outline-offset:2px}
html .notes-editor .notes-page-dragging{opacity:.5}
html .notes-editor .notes-mini-preview{max-width:80px;pointer-events:auto}
html .notes-editor .notes-mini-sheet{position:relative;overflow:hidden;pointer-events:none}
html .notes-editor .notes-mini-content{position:absolute;inset:0;overflow:hidden;pointer-events:none}
html .notes-editor .notes-mini-document{box-shadow:none;pointer-events:none}
html .notes-editor .notes-mini-content,html .notes-editor .notes-mini-content *{user-select:none!important;-webkit-user-select:none!important;pointer-events:none!important}
html .notes-editor .notes-mini-sheet>canvas{position:absolute;left:0;top:0;z-index:1;pointer-events:none}
html .notes-editor .notes-mini-viewport{z-index:2}
html .notes-editor .notes-mini-preview output{position:absolute;z-index:3;left:2px;right:2px;bottom:2px;background:color-mix(in srgb,var(--panel) 85%,transparent);font-size:var(--dj-text-caption-size,11px);font-weight:var(--dj-text-caption-weight,600);line-height:16px}
html .notes-editor .notes-mini-preview:has(nav:not([hidden])) output{bottom:25px}
html .notes-editor .notes-mini-navigation{display:flex;justify-content:space-between;align-items:center;gap:2px;font-size:var(--dj-text-caption-size,11px);height:23px;background:var(--panel)}
html .notes-editor .notes-mini-navigation button{border:0;background:transparent;color:var(--accent);padding:0 4px;min-width:20px;height:23px;font-size:20px;line-height:1}
html .notes-editor .notes-mini-navigation button:disabled{opacity:.35}
.notes-audio-attachment{position:relative;display:flex;flex-direction:column;max-width:100%;gap:4px;font-size:var(--dj-text-secondary-size,12px)}
.notes-audio-actions{display:flex;gap:8px;opacity:0;pointer-events:none}
.notes-audio-attachment:hover .notes-audio-actions,.notes-audio-attachment:focus-within .notes-audio-actions{opacity:1;pointer-events:auto}
.notes-audio-actions button{border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:8px;color:var(--ink);min-height:40px}
@media(hover:none){html .notes-editor .notes-pages-menu-row>[data-note-page-remove]{opacity:1;width:36px;height:36px}.notes-audio-actions{opacity:1;pointer-events:auto}}
@media(max-width:599px){
 html .notes-editor-head{flex-wrap:wrap;gap:4px}
 html .notes-editor-head>.notes-title{flex:1 1 110px!important;min-width:80px!important}
 html .notes-editor .notes-focus-launch{bottom:calc(76px + env(safe-area-inset-bottom))}
 html.notes-editing body #dv-mic-wrap,html.notes-editing:has(.notes-selection:not([hidden]),.notes-picker) body #dv-mic-wrap{bottom:calc(76px + env(safe-area-inset-bottom))!important}
 html.notes-editing .notes-editor .v18-note-focus{bottom:calc(138px + env(safe-area-inset-bottom))}
 html .notes-card .notes-preview{padding:var(--note-card-text-top) 10px 10px!important}
 html .notes-card .notes-preview-content{inset:var(--note-card-text-top) 10px 10px!important;font-size:var(--dj-text-secondary-size,12px)}
}