/* Desktop left rail is two independent regions: visible essentials and a scrollable archive. */
@media(min-width:781px){
.sidebar{height:100vh;height:100dvh;position:sticky;top:0;overflow:hidden!important;display:flex;flex-direction:column;min-height:0}
.sidebar .brand{flex:0 0 auto}
.sidebar .side-caption{flex:0 0 auto;margin:25px 11px 9px}
#desktopNav{min-height:0;flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#627a70 transparent;gap:2px;padding-right:2px}
#desktopNav>button{flex:none;min-height:44px;padding:9px 11px;margin:1px 0}
#desktopNav>button.active{background:#274438;color:#e0f3e9}
.sidebar .sidefoot{flex:0 0 auto;margin-top:12px;padding-top:12px;border-top:1px solid #294039;font-size:10px;line-height:1.6}
.sidebarMore{margin-top:7px;border-top:1px solid #314a42;padding-top:8px;flex-shrink:0}
.sidebarMore>summary{margin:0;min-height:45px;display:flex;justify-content:space-between;align-items:center;padding:9px 11px;font-size:13px;letter-spacing:0;color:#a8c9b6;list-style:none;border-radius:10px}
.sidebarMore>summary::-webkit-details-marker{display:none}
.sidebarMore>summary:focus-visible{outline:2px solid #b5eac7}
.sidebarMore .moreDisclosure{font-size:14px;color:#93b5a7}
.sidebarMore[open] .moreDisclosure{transform:rotate(180deg)}
.sidebarMore .advancedNav{padding-left:5px;display:grid;gap:0}
.sidebarMore .advancedNav>button{font-size:12px;min-height:37px;margin:0;padding:7px 11px;max-width:100%}
.sidebarMore .advancedNav>button span{transform:scale(.84);width:19px;flex:none}
}
.learningDisclosure{border:1px solid var(--line);border-radius:14px;background:#18292d;margin:12px 0 17px}
.learningDisclosure>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:14px 18px;color:#c6e6d4;font-weight:660;font-size:13px}
.learningDisclosure>summary::-webkit-details-marker{display:none}
.learningDisclosure>summary small{font-size:11px;font-weight:450;color:#8fa9a2}
.learningDisclosure .learningCard{margin:0!important;border:0!important;border-top:1px solid #365247!important;border-radius:0 0 14px 14px!important}
#profileBanner[data-initial-notice]{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;background:#263b31;border:1px solid #526f55;color:#e4f3e6}
#profileBanner[data-initial-notice] strong{font-size:16px;display:block}
#profileBanner[data-initial-notice] p{font-size:12px;margin:5px 0 0;color:#c9dbc9}
#profileBanner[data-initial-notice][hidden]{display:none!important}
#profileBanner[data-initial-notice] button{white-space:nowrap}
:root[data-theme=light] .learningDisclosure{background:#fff;border-color:#cbded1}
:root[data-theme=light] .learningDisclosure>summary{color:#285c41}
:root[data-theme=light] .learningDisclosure>summary small{color:#587865}
:root[data-theme=light] #profileBanner[data-initial-notice]{background:#e9f4e9;color:#214b34;border-color:#bed7bf}
:root[data-theme=light] #profileBanner[data-initial-notice] p{color:#486f55}
@media(max-width:800px){#profileBanner[data-initial-notice]{flex-direction:column;align-items:stretch}#profileBanner[data-initial-notice] button{width:100%}}
@media(max-width:500px){.learningDisclosure>summary{flex-direction:column;align-items:flex-start}}

.cloudAccountPanel{border-color:#446354;background:#19302a;margin:16px 0}
.cloudAccountPanel h2{font-size:17px;margin:6px 0}
.cloudAccountPanel p{font-size:12px;max-width:880px}
.cloudAccountPanel .panelTop{align-items:flex-start}
.cloudAccountPanel .cloudStatus{background:#213c34;border:1px solid #3c6250;color:#d8f1de;border-radius:12px;padding:11px 14px;font-size:12px}
.cloudAccountPanel .cloudLogin{max-width:480px;margin:13px 0}
.cloudAccountPanel .cloudConsent{display:flex;gap:10px;align-items:flex-start;background:#244037;border-radius:11px;border:1px solid #53745e;padding:12px;font-size:12px;margin:12px 0}
.cloudAccountPanel .cloudConsent input{width:18px;min-width:18px;min-height:18px;margin:2px 0}
.cloudAccountPanel .buttonRow{align-items:center;margin:12px 0}
.cloudAccountPanel .buttonRow>button{min-height:42px}
.cloudAccountPanel details{border-top:1px solid #426050;padding:5px 0}
.cloudAccountPanel details>summary{font-size:12px}
:root[data-theme=light] .cloudAccountPanel{background:#f1f8f2;border-color:#c2dcca}
:root[data-theme=light] .cloudAccountPanel .cloudStatus{background:#e5f3e7;color:#295541;border-color:#c0dac7}
:root[data-theme=light] .cloudAccountPanel .cloudConsent{background:#e5f0e7;border-color:#cbdccb;color:#2a553e}
@media(max-width:580px){.cloudAccountPanel .panelTop{flex-direction:column;align-items:start}.cloudAccountPanel .buttonRow>button{width:100%}}
.header #offlineState{border:1px solid #426558;cursor:pointer;padding:8px 11px;color:#cae7d7;font-weight:650;min-height:34px}.header #offlineState:hover{background:#305446}.cloudAccountPanel{scroll-margin-top:85px}:root[data-theme=light] .header #offlineState{color:#2c6647;border-color:#c5dbcc;background:#e7f2e9}

/* Local recovery points: compact, clear about their local-only scope. */
.recoveryPointsPanel{border-color:#3c5d56}
.recoveryRecord{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:11px 0}
.recoveryRecord strong,.recoveryRecord small{display:block}
.recoveryRecord strong{font-size:12px;color:var(--text)}
.recoveryRecord small{color:var(--muted);font-size:11px;margin-top:3px}
.recoveryPointsPanel summary{padding:8px 0;min-height:38px}
.recoveryPointsPanel .buttonRow button{min-height:41px}
@media(max-width:550px){.recoveryRecord{align-items:stretch;flex-direction:column}.recoveryRecord button{align-self:flex-start}}