.quick-notes-view{max-width:1120px;margin:0 auto;padding:22px 14px 56px;color:#26394c}
.quick-notes-view[hidden]{display:none!important}
.quick-notes-head{display:block;height:auto;min-height:0;padding:0;border:0;background:transparent;color:#26394c;box-shadow:none}
.quick-notes-head h1{margin:0;font-size:26px}.quick-notes-head p{margin:5px 0 18px;color:#667789}
.quick-notes-list-notice{margin:0 0 12px;padding:10px 12px;border:1px solid #b8d8c3;border-radius:10px;background:#edf8f0;color:#245c37;font-size:13px;font-weight:700}
.quick-notes-list-notice[hidden]{display:none!important}
.quick-notes-mobile-home{display:none}
.quick-notes-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.quick-notes-toolbar input{flex:1;min-width:0}.quick-notes-toolbar select{min-width:135px;max-width:180px;min-height:40px;padding:7px 9px;border:1px solid #cbd7e4;border-radius:9px;background:#fff;color:#234c70}.quick-notes-toolbar button{white-space:nowrap}
.quick-notes-view :is(input,textarea,button){font:inherit;box-sizing:border-box}.quick-notes-view :is(input,textarea){border:1px solid #cbd7e4;border-radius:10px;background:#fff;color:#20364c;padding:10px 12px}
.quick-notes-view button{min-height:40px;padding:7px 13px;border:1px solid #cbd7e4;border-radius:9px;background:#fff;color:#234c70;cursor:pointer;font-weight:700}
.quick-notes-view button:hover{background:#eef5fc}.quick-notes-view button:disabled{opacity:.5;cursor:default}
.quick-notes-editor{display:grid;gap:10px;padding:18px;border:1px solid #dbe4ec;border-radius:16px;background:#fff;box-shadow:0 4px 18px #15334a0b}
.quick-notes-editor>input,.quick-notes-editor>textarea{width:100%;min-width:0}.quick-notes-editor>textarea{min-height:126px;resize:vertical;line-height:1.55;white-space:pre-wrap}
.quick-notes-organization{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:8px}.quick-notes-organization>input{min-width:0;width:100%}.quick-notes-organization label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:13px;font-weight:700;color:#45627e}.quick-notes-organization label input{width:18px;height:18px}
.quick-notes-photo-label{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:13px;color:#5e7084;font-weight:700}.quick-notes-photo-label input{max-width:100%;padding:5px}
.quick-notes-photos,.quick-notes-gallery{display:flex;flex-wrap:wrap;gap:8px}.quick-notes-photo{display:grid;gap:4px;width:112px;min-width:0}.quick-notes-photo img{width:112px;height:94px;object-fit:cover;border-radius:8px;background:#eef2f6}.quick-notes-photo a{font-size:12px;color:#215b91}.quick-notes-photo button{min-height:29px;padding:3px 6px;font-size:12px}
.quick-notes-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-notes-editor-actions .quick-notes-save{margin-left:auto;background:#195f9f;color:#fff;border-color:#195f9f}.quick-notes-notice{min-height:20px;margin:0;color:#875b21;font-size:13px}
.quick-notes-count{margin:20px 0 9px;font-weight:800;color:#48627d}.quick-notes-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quick-notes-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:16px;border:1px solid #dce5ee;border-radius:16px;background:#fff;box-shadow:0 3px 14px #17354e0a}
.quick-notes-card[data-pinned=true]{border-color:#e7c88e;background:#fffdf8}.quick-notes-meta{display:flex;flex-wrap:wrap;gap:5px}.quick-notes-meta span{padding:3px 7px;border-radius:99px;background:#eef3f8;color:#54708b;font-size:11px;font-weight:700}
.quick-notes-card h2{margin:0;font-size:18px;overflow-wrap:anywhere}.quick-notes-card time{font-size:12px;color:#6d7c8b}.quick-notes-card .quick-notes-body{margin:0;min-height:38px;max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:14px}
.quick-notes-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:10px;border-top:1px solid #e9eef2}.quick-notes-card-actions button{min-height:34px;padding:5px 9px;font-size:12px}.quick-notes-card-actions button:last-child{color:#a43838}
.quick-notes-empty{grid-column:1/-1;padding:24px;border:1px dashed #cad7e3;border-radius:12px;text-align:center;color:#6a7d90}.quick-notes-pager{display:flex;justify-content:center;gap:8px;padding:16px}
@media(max-width:980px){.quick-notes-view{padding:16px 8px calc(85px + env(safe-area-inset-bottom,0px))}.quick-notes-toolbar{flex-wrap:wrap}.quick-notes-toolbar input{flex-basis:100%}.quick-notes-toolbar select{flex:1;min-width:0}.quick-notes-cards{grid-template-columns:1fr}.quick-notes-organization{grid-template-columns:1fr 1fr}.quick-notes-organization label{grid-column:1/-1}.quick-notes-view :is(input,textarea){font-size:16px}.quick-notes-editor{padding:14px}.quick-notes-card{padding:14px}.quick-notes-head h1{font-size:23px}}
/* Desktop workspace and mobile capture are separate layouts over the same notes. */
@media(min-width:981px){
 .quick-notes-view{max-width:1440px;display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);column-gap:24px;align-items:start}
 .quick-notes-head,.quick-notes-toolbar{grid-column:1/-1}
 .quick-notes-editor{grid-column:1;grid-row:3/6;position:sticky;top:76px;max-height:calc(100vh - 96px);overflow:auto}
 .quick-notes-count{grid-column:2;grid-row:3}.quick-notes-cards{grid-column:2;grid-row:4}.quick-notes-pager{grid-column:2;grid-row:5}
 .quick-notes-mobile-new,.quick-notes-mobile-editor-head,.quick-notes-more{display:none!important}
}
.quick-notes-title{min-height:0!important;padding:0!important;border:0!important;background:transparent!important;color:#173c5d!important;text-align:left;font-size:inherit!important;line-height:1.35}
.quick-notes-title:hover{text-decoration:underline}
@media(max-width:980px){
 .quick-notes-mobile-home{display:inline-flex;align-items:center;min-height:40px!important;margin:0 0 8px;padding:6px 10px!important;border:0!important;background:transparent!important;color:#215b91!important;font-size:14px!important}
 .quick-notes-view{display:block;width:100%;max-width:640px;padding:12px 12px calc(102px + env(safe-area-inset-bottom,0px));box-sizing:border-box}
 .quick-notes-head h1{font-size:24px}.quick-notes-head p{margin-bottom:13px;font-size:13px}
 .quick-notes-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:7px}
 .quick-notes-toolbar input{grid-column:1/-1;min-height:46px}.quick-notes-toolbar select{width:100%;min-width:0;max-width:none;min-height:42px}.quick-notes-toolbar>button{display:none}
 .quick-notes-count{margin:8px 0 10px;font-size:13px}.quick-notes-cards{grid-template-columns:1fr;gap:10px}
 .quick-notes-card{gap:7px;padding:15px;border-radius:16px;box-shadow:0 4px 14px #17354e0d}.quick-notes-card h2{font-size:17px}.quick-notes-card time{font-size:11px}
 .quick-notes-card .quick-notes-body{min-height:0;max-height:90px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px}
 .quick-notes-meta span{font-size:11px}.quick-notes-gallery{max-height:88px;overflow:hidden}.quick-notes-gallery .quick-notes-photo{width:76px}.quick-notes-gallery img{width:76px;height:76px}.quick-notes-gallery .quick-notes-photo a,.quick-notes-gallery .quick-notes-photo button{display:none}
 .quick-notes-more{display:inline-flex!important;align-items:center;justify-content:center;align-self:flex-start;min-height:34px!important;padding:4px 10px!important;font-size:12px!important}
 .quick-notes-card-actions{display:none;gap:6px;margin-top:0}.quick-notes-actions-open .quick-notes-card-actions{display:flex}.quick-notes-card-actions button{min-height:38px;font-size:12px}
 .quick-notes-mobile-new{display:block!important;position:fixed;right:16px;bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:1001;min-height:52px!important;padding:9px 18px!important;border:0!important;border-radius:28px!important;background:#155d9a!important;color:#fff!important;box-shadow:0 8px 22px #10375240;font-size:15px!important}
 .quick-notes-editor{display:none;position:fixed;inset:0;z-index:10050;width:100%;height:100dvh;max-height:none;overflow:auto;box-sizing:border-box;border:0;border-radius:0;box-shadow:none;padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));background:#fff;align-content:start;gap:12px}
 .quick-notes-composing .quick-notes-editor{display:grid}.quick-notes-editor-open{overflow:hidden}
 .quick-notes-mobile-editor-head{display:flex!important;align-items:center;gap:10px;position:sticky;top:calc(-12px - env(safe-area-inset-top,0px));z-index:1;margin:-12px -16px 2px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:#fff;border-bottom:1px solid #e4eaf0}
 .quick-notes-mobile-editor-head button{min-width:40px;min-height:40px;font-size:22px}.quick-notes-mobile-editor-head strong{font-size:18px}
 .quick-notes-view :is(input,textarea){font-size:16px}.quick-notes-editor>textarea{min-height:30vh;resize:vertical}.quick-notes-organization{grid-template-columns:1fr 1fr}.quick-notes-organization label{grid-column:1/-1}.quick-notes-photo-label{font-size:12px}
 .quick-notes-editor-actions{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom,0px));margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e4eaf0}
 .quick-notes-editor-actions button{flex:1 1 auto;min-height:44px}.quick-notes-editor-actions .quick-notes-save{flex:2 1 auto}.quick-notes-pager{padding:12px 0}
}
/* A visible edge tab opens the personal notes as a side drawer on the mobile listing. */
.quick-notes-edge-tab,.quick-notes-drawer-backdrop{display:none}
.quick-notes-edge-tab[hidden],.quick-notes-drawer-backdrop[hidden]{display:none!important}
@media(max-width:980px){
 body.hana-mobile-ui:not(.auth-pending):not(.quick-notes-drawer-visible):not(.hana-mobile-detail-open):not(.hana-mobile-keyboard):has(#listView:not([hidden]))>.quick-notes-edge-tab:not([hidden]){
  display:flex!important;position:fixed;right:0;top:38%;z-index:80;align-items:center;justify-content:center;
  width:52px;min-width:52px;height:104px;min-height:104px;margin:0;padding:10px 6px;border:1px solid #8cbeed;border-right:0;
  border-radius:15px 0 0 15px;background:#185e9c;color:#fff;box-shadow:-3px 5px 16px #071a3280;
  font-size:15px;font-weight:800;letter-spacing:.02em;writing-mode:vertical-rl;cursor:pointer;
 }
 body.quick-notes-drawer-visible{overflow:hidden!important}
 body.quick-notes-drawer-visible>.quick-notes-drawer-backdrop:not([hidden]){
  display:block!important;position:fixed;inset:0;z-index:10040;width:100%;height:100dvh;min-height:0;margin:0;padding:0;
  border:0;border-radius:0;background:#07152380;opacity:0;transition:opacity .22s ease;
 }
 body.quick-notes-drawer-open>.quick-notes-drawer-backdrop{opacity:1!important}
 body.quick-notes-drawer-visible #quickNotesView:not([hidden]){
  display:block!important;position:fixed!important;inset:0 0 0 auto!important;z-index:10041!important;
  box-sizing:border-box!important;width:min(94vw,480px)!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;
  margin:0!important;padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(95px + env(safe-area-inset-bottom,0px))!important;
  overflow-y:auto!important;overscroll-behavior:contain;background:#f6f8fb!important;box-shadow:-10px 0 28px #06182b33;
  transform:translateX(105%);transition:transform .22s ease;
 }
 body.quick-notes-drawer-open #quickNotesView:not([hidden]){transform:translateX(0)}
 body.quick-notes-drawer-visible #quickNotesView .quick-notes-mobile-new{right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:10042}
 body.quick-notes-drawer-visible #quickNotesView .quick-notes-editor{z-index:10043}
}
@media(prefers-reduced-motion:reduce){
 body.quick-notes-drawer-visible #quickNotesView:not([hidden]),body.quick-notes-drawer-visible>.quick-notes-drawer-backdrop{transition:none!important}
}
/* The notebook opens on a compact text-and-photo list. Editing is a modal. */
.quick-notes-view{display:block;max-width:1120px}
.quick-notes-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.quick-notes-toolbar>input{flex:1 1 220px;min-height:42px}
.quick-notes-toolbar>.quick-notes-create{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-color:#175e9e;background:#175e9e;color:#fff;white-space:nowrap}
.quick-notes-toolbar>.quick-notes-create:hover{background:#104c83;color:#fff}
.quick-notes-filters{flex:0 0 100%;color:#50657a;font-size:13px}
.quick-notes-filters summary{display:inline-block;cursor:pointer;list-style:none;padding:4px 2px}
.quick-notes-filters summary::after{content:' ▾'}
.quick-notes-filters[open] summary::after{content:' ▴'}
.quick-notes-filters select{margin:5px 8px 4px 0}
.quick-notes-count{margin:14px 0 8px;font-size:13px}
.quick-notes-cards{display:flex;flex-direction:column;gap:0;border:1px solid #dce5ee;border-radius:12px;background:#fff;overflow:hidden}
.quick-notes-card,.quick-notes-card[data-pinned=true]{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0;padding:0;border:0;border-bottom:1px solid #e6edf2;border-radius:0;background:#fff;box-shadow:none}
.quick-notes-card:last-child{border-bottom:0}
.quick-notes-card:hover{background:#f7fafc}
.quick-notes-card>.quick-notes-row{display:flex;align-items:center;flex:1;gap:12px;min-width:0;min-height:86px;padding:12px 14px;border:0;border-radius:0;background:transparent;text-align:left;font-weight:400}
.quick-notes-card>.quick-notes-row:hover{background:transparent}
.quick-notes-row-content{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.quick-notes-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#203d59;font-size:15px}
.quick-notes-row-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere;color:#40576e;font-size:13px;line-height:1.35;font-weight:400}
.quick-notes-row-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#82909d;font-size:11px;font-weight:400}
.quick-notes-thumbnails{display:flex;flex:none;gap:4px}
.quick-notes-thumbnails .quick-notes-thumbnail{display:block;width:58px;height:58px;min-height:0;padding:0;border:1px solid #dce5ee;border-radius:7px;background:#edf1f5;overflow:hidden}
.quick-notes-thumbnails img{display:block;width:100%;height:100%;object-fit:contain}
.quick-notes-editor .quick-notes-photo img{object-fit:contain}
.quick-notes-card>.quick-notes-more{display:inline-flex!important;align-items:center;justify-content:center;flex:none;align-self:center;width:36px;min-width:36px;min-height:36px!important;margin-right:8px;padding:0!important;border:0;background:transparent;color:#65788a;font-size:22px!important}
.quick-notes-card>.quick-notes-card-actions{display:none;position:absolute;right:8px;top:calc(100% - 4px);z-index:3;min-width:190px;margin:0;padding:7px;border:1px solid #dce5ee;border-radius:10px;background:#fff;box-shadow:0 8px 26px #16324b24}
.quick-notes-card.quick-notes-actions-open>.quick-notes-card-actions{display:flex}
.quick-notes-card.quick-notes-actions-open{position:relative;z-index:4}
.quick-notes-card-actions button{flex:1 1 80px}
.quick-notes-empty{border:0;margin:0}
.quick-notes-editor-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:10060;width:100vw;height:100dvh;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:#091e33a8;cursor:default}
.quick-notes-editor{display:none}
.quick-notes-composing .quick-notes-editor{display:grid;position:fixed;inset:50% auto auto 50%;z-index:10061;width:min(620px,calc(100vw - 28px));max-width:none;height:auto;max-height:min(88dvh,760px);overflow-y:auto;transform:translate(-50%,-50%);padding:0 18px 16px;border:1px solid #d9e3ed;border-radius:16px;background:#fff;box-shadow:0 18px 55px #071c3650;align-content:start;gap:12px}
.quick-notes-editor-open{overflow:hidden}
.quick-notes-mobile-editor-head{display:flex!important;align-items:center;gap:9px;position:sticky;top:0;z-index:1;margin:0 -18px;padding:12px 18px;background:#fff;border-bottom:1px solid #e4eaf0}
.quick-notes-mobile-editor-head strong{font-size:18px;color:#203d59}
.quick-notes-mobile-editor-head button{min-width:36px;min-height:36px;padding:4px 8px}
.quick-notes-editor-actions{position:sticky;bottom:-16px;margin:0 -18px -16px;padding:10px 18px 16px;background:#fff;border-top:1px solid #e4eaf0}
.quick-notes-notice{min-height:18px}
@media(min-width:981px){
 .quick-notes-head,.quick-notes-toolbar,.quick-notes-count,.quick-notes-cards,.quick-notes-pager{grid-column:auto;grid-row:auto}
}
@media(max-width:980px){
 .quick-notes-toolbar{display:flex;flex-wrap:wrap}
 .quick-notes-toolbar>input{flex:1 1 150px;grid-column:auto}
 .quick-notes-toolbar>.quick-notes-create{display:inline-flex}
 .quick-notes-cards{gap:0}
 .quick-notes-card{gap:4px;padding:0;border-radius:0;box-shadow:none}
 .quick-notes-card>.quick-notes-row{min-height:78px;padding:10px}
 .quick-notes-thumbnails .quick-notes-thumbnail{width:48px;height:48px}
 .quick-notes-thumbnails .quick-notes-thumbnail:nth-child(n+2){display:none}
 .quick-notes-editor{display:none}
 .quick-notes-composing .quick-notes-editor{display:grid;inset:50% auto auto 50%;width:calc(100vw - 24px);height:auto;max-height:88dvh;transform:translate(-50%,-50%);padding:0 14px 12px;border:1px solid #d9e3ed;border-radius:15px}
 .quick-notes-mobile-editor-head{top:0;margin:0 -14px;padding:10px 14px}
 .quick-notes-editor>textarea{min-height:160px}
 .quick-notes-editor-actions{position:sticky;bottom:-12px;margin:0 -14px -12px;padding:10px 14px 12px}
 body.quick-notes-drawer-visible #quickNotesView .quick-notes-editor{z-index:10061}
}
/* UpNote-inspired navigation, note list, and read-only content preview. */
@media(min-width:981px){
 .quick-notes-view{max-width:1600px}
}
.quick-notes-workspace{display:grid;grid-template-columns:190px minmax(270px,350px) minmax(0,1fr);min-height:620px;border:1px solid #dce5ee;border-radius:12px;background:#fff;overflow:hidden}
.quick-notes-folders{display:flex;flex-direction:column;gap:4px;min-width:0;padding:17px 10px;background:#f7f9fb;border-right:1px solid #e5ebf0}
.quick-notes-folders-title{padding:6px 10px 10px;color:#60758a;font-size:12px}
.quick-notes-view .quick-notes-folder{display:block;min-height:38px;padding:7px 10px;border:0;border-radius:7px;background:transparent;text-align:left;color:#40566d;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quick-notes-view .quick-notes-folder.active,.quick-notes-view .quick-notes-folder:hover{background:#e6f2ef;color:#176653}
.quick-notes-list-column{min-width:0;border-right:1px solid #e5ebf0;background:#fff}
.quick-notes-list-column .quick-notes-count{margin:0;padding:15px 13px;border-bottom:1px solid #e5ebf0;color:#314960;font-size:14px}
.quick-notes-list-column .quick-notes-cards{display:flex;flex-direction:column;gap:0;border:0;border-radius:0;overflow:visible}
.quick-notes-list-column .quick-notes-card{border-bottom:1px solid #e8edf1}
.quick-notes-list-column .quick-notes-card.quick-notes-selected{background:#eaf6f2}
.quick-notes-preview{min-width:0;padding:0 22px 24px;overflow-y:auto;max-height:calc(100dvh - 210px);background:#fff}
.quick-notes-preview-empty{display:flex;align-items:center;justify-content:center;min-height:400px;margin:0;color:#8a99a5;font-size:14px;text-align:center}
.quick-notes-preview-head{display:flex;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:1;min-height:52px;background:#fff;border-bottom:1px solid #e8edf1}
.quick-notes-preview-back{display:none}
.quick-notes-preview-edit{min-height:34px!important;padding:5px 12px!important;font-size:12px!important}
.quick-notes-preview-content{padding:20px 4px 0;color:#263c51}
.quick-notes-preview-content h2{margin:0 0 8px;font-size:22px;line-height:1.35;overflow-wrap:anywhere}
.quick-notes-preview-content time{color:#8494a4;font-size:12px}
.quick-notes-preview-body{margin:22px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:15px}
.quick-notes-preview-photo{margin:18px 0}
.quick-notes-preview-photo img{display:block;width:auto;height:auto;max-width:100%;max-height:70dvh;object-fit:contain;border-radius:5px}
.quick-notes-preview-photo figcaption{margin-top:5px;color:#8494a4;font-size:11px}
@media(max-width:1100px) and (min-width:981px){
 .quick-notes-workspace{grid-template-columns:150px minmax(250px,320px) minmax(0,1fr)}
}
@media(max-width:980px){
 .quick-notes-view{position:relative}
 .quick-notes-workspace{display:block;min-height:0;border-radius:10px}
 .quick-notes-folders{display:none}
 .quick-notes-list-column{border-right:0}
 .quick-notes-preview{display:none;position:absolute;inset:0;z-index:2;max-height:none;padding:0 14px 28px;overflow-y:auto;background:#fff}
 .quick-notes-preview-open .quick-notes-preview{display:block}
 .quick-notes-preview-head{justify-content:space-between}
 .quick-notes-preview-back{display:inline-flex!important;align-items:center;min-height:38px!important;padding:6px 8px!important;border:0!important;background:transparent!important}
 .quick-notes-preview-content{padding-top:14px}
 .quick-notes-preview-photo img{max-width:100%}
}