.workspace{--page-panel-width:300px}
.page-drawer{position:relative;width:var(--page-panel-width);min-width:0;flex-shrink:0;transition:width .25s ease}
.page-panel-clip{height:100%;width:100%;overflow:hidden}
#page-panel{width:var(--page-panel-width);height:100%;transition:transform .25s ease}
.pages-collapsed .page-drawer{width:0}.pages-collapsed #page-panel{transform:translateX(-100%)}
.toggle-pages{position:absolute;top:32px;right:-27px;z-index:4;display:grid;place-items:center;width:28px;height:52px;padding:4px;border:1px solid #b4d0e1;border-left:0;border-radius:0 9px 9px 0;background:#ecf8ff;color:#155c8d;cursor:pointer;box-shadow:3px 2px 6px #3e698410;touch-action:manipulation}
.toggle-pages svg{width:19px;height:24px;display:block;pointer-events:none}
.toggle-pages:hover,.pages-collapsed .toggle-pages{background:#dcf2ff}.pages-collapsed .toggle-pages{border-color:#8ab5d0}
.pages-collapsed .panel-arrow{transform:rotate(180deg);transform-origin:12px 12px}
.documents-open #toggle-pages{display:none}
@media(min-width:1500px){.workspace{--page-panel-width:330px}}
@media(max-width:1150px){.workspace{--page-panel-width:245px}}
@media(max-width:900px){.workspace{--page-panel-width:210px}}
@media(max-width:720px){.page-drawer{width:100%;height:170px;flex-shrink:0;transition:height .25s ease}.pages-collapsed .page-drawer{width:100%;height:0}#page-panel{width:100%;height:170px;transform:none;transition:transform .25s ease}.pages-collapsed #page-panel{transform:translateY(-100%)}.toggle-pages{top:auto;bottom:-25px;right:18px;width:48px;height:26px;border:1px solid #b4d0e1;border-top:0;border-radius:0 0 9px 9px;box-shadow:0 3px 6px #3e698410}.toggle-pages svg{width:20px;height:20px;transform:rotate(90deg)}.topbar .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.page-drawer,#page-panel{transition:none}}
@media print{.page-drawer,#toggle-pages{display:none!important}}

.page-list #list-title,.library-section-heading #library-title{display:inline-block;max-width:100%;padding:9px 15px;border:1px solid #238dca;border-radius:12px;background:#187fbd;color:#fff;box-shadow:0 3px 10px #187fbd1c;line-height:1.35;overflow-wrap:anywhere}.page-list #list-title #count{color:#fff;background:#ffffff24;border-radius:6px;padding:2px 6px;margin-left:4px;font-weight:600}.list-heading>div{min-width:0}.list-heading #add-page{flex-shrink:0}@media(max-width:720px){.page-list #list-title,.library-section-heading #library-title{padding:6px 12px;border-radius:10px}}

.note-list-item{position:relative}.note-list-item>.note-card{width:100%;padding-right:44px}.note-list-delete{position:absolute;right:7px;top:9px;display:grid;place-items:center;width:32px;height:34px;min-width:32px;min-height:34px;padding:6px;border:1px solid #efc3c3;border-radius:8px;background:#fff6f6;color:#bd3b3b;touch-action:manipulation}.note-list-delete:hover{background:#ffe1e1;border-color:#db8f8f}.note-list-delete:focus-visible{outline:2px solid #c74444;outline-offset:2px}@media(max-width:720px){.note-list-item{width:190px;min-width:190px;flex-shrink:0}.note-list-item>.note-card{height:100%;padding-right:44px}}@media print{.note-list-delete{display:none!important}}