/* Compact navigation; existing page access checks still control each destination. */
.workspace-shell #workspace-menu{padding:25px 17px 18px;gap:0;background:#fcfdfb;overflow:hidden}
#workspace-menu .brand{font-size:21px;gap:11px;padding:0 8px 27px;flex-shrink:0}
#workspace-menu .brand b{font-size:27px;padding:6px 13px;border-radius:12px}
#workspace-menu .brand small{font-size:9px;letter-spacing:1.3px}
#workspace-menu nav{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#d9e3dd transparent;padding-bottom:16px}
#workspace-menu .menu-group{border:0;padding:0}
#workspace-menu .menu-primary{padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:17px}
#workspace-menu .menu-group h2,#workspace-menu .menu-more-label{font-size:10px;letter-spacing:1.5px;color:#84918a;font-weight:600;margin:0 12px 9px}
#workspace-menu nav button{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 12px;margin:2px 0;border-radius:8px;line-height:1.4;color:#5e756b;font-size:14px;transition:background .12s}
#workspace-menu nav button span{font-size:14px;margin:0}
#workspace-menu .menu-icon{width:19px;height:19px;flex:0 0 19px;color:#82968c}
#workspace-menu nav button:hover,#workspace-menu summary:hover{background:#eff4ee}
#workspace-menu nav button.active{color:#1e634d;background:#e7f0e6;font-weight:700}
#workspace-menu nav button.active .menu-icon{color:#276e55}
#workspace-menu .menu-fold{margin:3px 0}
#workspace-menu summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:8px;cursor:pointer;list-style:none;color:#5e756b;font-size:14px;font-weight:500}
#workspace-menu summary::-webkit-details-marker{display:none}
#workspace-menu summary>span{font-size:14px;margin:0}
#workspace-menu summary:focus-visible{outline:3px solid #d3ad50;outline-offset:-3px}
#workspace-menu .menu-chevron{margin-left:auto;width:12px;height:12px;color:#95a498;transition:transform .16s}
#workspace-menu details[open] .menu-chevron{transform:rotate(90deg)}
#workspace-menu details[open]>summary{color:#285846;font-weight:600}
#workspace-menu details.has-current>summary{color:#1e634d}
#workspace-menu details.has-current:not([open])>summary{background:#e7f0e6}
#workspace-menu .menu-subitems{margin:2px 5px 12px 21px;padding-left:13px;border-left:1px solid #dce6db}
#workspace-menu .menu-subitems button{min-height:39px;padding:8px 11px;color:#75857a}
#workspace-menu .menu-subitems button span{font-size:13px;line-height:1.5}
#workspace-menu .profile{padding:17px 8px 0;margin:0;gap:10px;font-size:13px}
#workspace-menu .avatar{width:32px;height:32px;font-size:13px}
#workspace-menu .profile small{font-size:10px;letter-spacing:0;margin-top:2px}
@media(max-width:1100px){.workspace-shell #workspace-menu{width:min(296px,86vw);padding:20px 17px 17px}#workspace-menu .menu-close{position:absolute;right:14px;top:20px;width:36px;min-height:36px;height:36px;padding:0;font-size:0;border:0;background:#eff3ed;color:#657c70}#workspace-menu .menu-close:after{content:'×';font-size:24px;font-weight:400}#workspace-menu .brand{padding:0 5px 23px;font-size:19px}#workspace-menu .brand b{font-size:25px}#workspace-menu nav button{min-height:44px}#workspace-menu summary{min-height:46px}#workspace-menu .profile{display:flex}}
@media(prefers-reduced-motion:reduce){#workspace-menu nav button,#workspace-menu .menu-chevron{transition:none}}

/* Two-row mobile toolbar: navigation + language, then month + actions. */
.workspace-shell main>header .workspace-toolbar-icon{display:none}
@media(max-width:600px){
 .workspace-shell main>header{display:grid;grid-template-columns:auto minmax(0,1fr) 44px 44px;grid-template-rows:44px 44px;align-items:center;gap:10px 8px;padding:12px 14px;min-height:0;height:auto}
 .workspace-shell main>header>div{display:contents}
 .workspace-shell main>header #menu-toggle{grid-area:1 / 1;padding:0 12px;height:44px;min-height:44px;border-radius:10px}
 .workspace-shell main>header #breadcrumb{grid-area:1 / 2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.5;color:#718176}
 .workspace-shell main>header .joy-language{grid-area:1 / 3 / 2 / 5;min-width:0;width:100%;min-height:44px;height:44px;padding:0 8px;border-radius:10px;background:#fffefb;border-color:#dce5da}
 .workspace-shell main>header .joy-language>span{display:none}
 .workspace-shell main>header .joy-language select{flex:1;min-width:0;width:100%;max-width:none;min-height:42px;padding:6px 0;font-size:16px}
 .workspace-shell main>header .month-label{grid-area:2 / 1 / 3 / 3;min-width:0;position:relative;gap:0;font-size:0}
 .workspace-shell main>header #month{display:block;width:100%;min-width:0;min-inline-size:0;max-width:100%;height:44px;min-height:44px;margin:0;padding:8px 12px;background:#fffefb;border:1px solid #dce5da;border-radius:10px;font-size:16px;line-height:1.5;color:#26473b;box-sizing:border-box}
 .workspace-shell main>header #refresh,.workspace-shell main>header #logout{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:10px;background:#fffefb;border:1px solid #dce5da;color:#547560}
 .workspace-shell main>header #refresh{grid-area:2 / 3}
 .workspace-shell main>header #logout{grid-area:2 / 4;color:#7b887e}
 .workspace-shell main>header #refresh:hover,.workspace-shell main>header #logout:hover{background:#eaf0e5;border-color:#b9ccb1}
 .workspace-shell main>header .workspace-toolbar-icon{display:block;width:19px;height:19px;flex:none}
 .workspace-shell main>header .workspace-toolbar-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}