/* V7.10: complete side workspace and separate mobile navigation. */
.worknavtrigger{min-width:44px;min-height:44px;font-size:20px}.workdrawerbrand{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:#eef4fb;border:1px solid #d9e4f0;border-radius:16px!important;text-align:left;margin-bottom:18px}.workdrawernav{display:grid;gap:8px}.workdrawernav button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 12px;min-height:46px;text-align:left;background:#f2f6fb;border:1px solid #dce5f0;border-radius:12px}.workdrawernav button.selected{background:#dfebf8;color:#17365d;border-color:#adc4de}.workdrawernav b{padding:3px 8px;background:#e0e9f4;border-radius:999px;font-size:12px}.side-more-full{width:100%;min-width:0}.fullmoreheading{position:sticky;top:0;z-index:2;background:#f3f7fcf5;border:1px solid #dce6f2;border-radius:16px;padding:12px;margin-bottom:16px;box-shadow:0 2px 8px #17365d08}.fullmoreheading h2{margin:14px 0 3px;font-size:20px}.fullmoreheading button{padding:10px 12px;min-height:40px}.fullmorecontent{min-width:0;overflow-wrap:anywhere}.fullmorecontent>h3{font-size:15px;margin:24px 0 12px}.fullmorecontent>button{padding:10px 12px;min-height:44px;max-width:100%}.fullmorecontent .backuptools{display:grid;grid-template-columns:1fr;gap:10px}.fullmorecontent .backuptools button,.fullmorecontent .backuptools label{width:100%;white-space:normal;margin:0;min-height:44px}.fullmorecontent .managementactions,.fullmorecontent .documentactions,.fullmorecontent .morecategories{display:grid;grid-template-columns:1fr;gap:9px}.fullmorecontent .managementactions button,.fullmorecontent .documentactions button,.fullmorecontent .morecategories button{min-height:42px;padding:10px 12px;width:100%;text-align:left}.fullmorecontent .morecategories b{margin-left:8px}.fullmorecontent .syncdetails dl>div{grid-template-columns:1fr;gap:6px}.fullmorecontent .backupreminder{padding:14px;margin:16px 0}.fullmorecontent .backupreminder h3{margin-top:0}.fullmorecontent .viewhint{font-size:12px;line-height:1.8}.fullmorecontent .backuptools input[type=file]{max-width:100%}
@media(min-width:751px){.sidebar.more-open{width:360px;padding:18px;display:block}.sidebar.more-open>:not(.side-more-full){display:none!important}.shell:has(>.sidebar.more-open)>main{margin-left:360px;width:calc(100% - 360px)}.sidebar-collapsed>.sidebar.more-open{display:block!important}.shell.sidebar-collapsed:has(>.sidebar.more-open)>main{margin-left:360px;width:calc(100% - 360px)}}
.navigation-snapshot{z-index:20;overflow:hidden;pointer-events:none!important;contain:strict}.navigation-old{position:absolute;inset:0;background:#f3f5f8;pointer-events:none!important;backface-visibility:hidden}.navigation-snapshot *{pointer-events:none!important}.navigation-snapshot.nav-back .navigation-old{animation:old-page-back .3s cubic-bezier(.22,.7,.25,1) both;box-shadow:-6px 0 18px #17365d10}.navigation-snapshot.nav-forward .navigation-old{animation:old-page-forward .3s cubic-bezier(.22,.7,.25,1) both}
@media(max-width:750px){.workheader .backbutton{display:none!important}.pagecontent.page-back{animation:new-page-back .3s cubic-bezier(.22,.7,.25,1) both!important}.pagecontent.page-forward{animation:new-page-forward .3s cubic-bezier(.22,.7,.25,1) both!important}.popupoverlay:not(.quietoverlay):not(.drawer-overlay)>.popup{animation:modal-page-enter .24s cubic-bezier(.22,.7,.25,1) both!important}.popupoverlay.modal-exit-ghost{pointer-events:none!important;animation:modal-shade-exit .24s ease-out both!important}.popupoverlay.modal-exit-ghost>.popup{animation:modal-page-exit .24s cubic-bezier(.22,.7,.25,1) both!important}.modal-exit-ghost *{pointer-events:none!important}.popup.side-drawer .modalbody{min-width:0}.fullmorecontent .backuprecords details{font-size:12px}.workheader .headeractions{gap:6px}.workheader .crumb{flex:1;min-width:90px}.worknavtrigger{flex-shrink:0}}
@keyframes old-page-back{from{transform:translateX(0)}to{transform:translateX(102%)}}@keyframes old-page-forward{from{transform:translateX(0)}to{transform:translateX(-18%)}}@keyframes new-page-back{from{transform:translateX(-18%)}to{transform:translateX(0)}}@keyframes new-page-forward{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes modal-page-enter{from{translate:100vw 0}to{translate:0 0}}@keyframes modal-page-exit{from{translate:0 0}to{translate:100vw 0}}@keyframes modal-shade-exit{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.navigation-snapshot,.modal-exit-ghost{display:none!important}.pagecontent.page-back,.pagecontent.page-forward,.popupoverlay:not(.quietoverlay):not(.drawer-overlay)>.popup{animation:none!important;transform:none!important;translate:none!important}}