/* v20.55.84: sidebar redesign; theme-specific variables, no backend changes */
html{--mp84-side:#14191f;--mp84-ink:#e9edf3;--mp84-muted:#a6b0bf;--mp84-active:#a77928;--mp84-active-bg:linear-gradient(95deg,#45371e,#292923);--mp84-separator:#59616d55;--mp84-icon:#dbb45e}
html[data-mp-theme="dark"]{--mp84-side:#14191f;--mp84-ink:#e9edf3;--mp84-muted:#a6b0bf;--mp84-active:#edc778;--mp84-active-bg:linear-gradient(95deg,#4e3d22,#26292b);--mp84-separator:#59616d55;--mp84-icon:#edc778}
html[data-mp-theme="blue"]{--mp84-side:#0b2850;--mp84-ink:#e9f3ff;--mp84-muted:#acc7e5;--mp84-active:#fff;--mp84-active-bg:linear-gradient(95deg,#1666bf,#0f468a);--mp84-separator:#86b3df44;--mp84-icon:#b8dbff}
html[data-mp-theme="green"]{--mp84-side:#103b35;--mp84-ink:#eaf8f3;--mp84-muted:#b0d5c9;--mp84-active:#fff;--mp84-active-bg:linear-gradient(95deg,#238367,#165a4e);--mp84-separator:#8cc8b74a;--mp84-icon:#a1e4c7}
html[data-mp-theme="graphite"]{--mp84-side:#14191f;--mp84-ink:#e9edf3;--mp84-muted:#a6b0bf;--mp84-active:#edc778;--mp84-active-bg:linear-gradient(95deg,#4e3d22,#26292b);--mp84-separator:#59616d55;--mp84-icon:#edc778}
html .app>.sidebar{width:300px!important;padding:22px 18px 18px!important;gap:4px!important;background:var(--mp84-side)!important;color:var(--mp84-ink)!important;border-right:1px solid var(--mp84-separator)!important;box-shadow:3px 0 22px #00000012!important;min-height:100vh}
html .sidebar .brand{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 18px!important;padding:6px 5px 22px!important;min-height:117px!important;border-bottom:1px solid var(--mp84-separator)!important}
html .sidebar .brand .mp5517-fallback{width:90px!important;height:90px!important;flex:0 0 90px!important;font-size:49px!important;border-radius:16px!important;background:color-mix(in srgb,var(--mp84-side) 65%,white 15%)!important;color:var(--mp84-icon)!important;border:1px solid var(--mp84-separator)!important}
html .sidebar .brand .mp5517-company-logo{width:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important;flex:0 0 90px!important;object-fit:contain!important;border-radius:16px!important;padding:7px!important}
html .sidebar .brand .mp5517-company-label{min-width:0!important;flex:1!important}
html .sidebar .brand strong{color:var(--mp84-ink)!important;font-size:15px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:-.2px!important}
html .sidebar .brand small{color:var(--mp84-muted)!important;font-size:11px!important;line-height:1.5!important;margin-top:5px!important}
html .sidebar .nav,html .sidebar #navModules .nav{box-sizing:border-box!important;width:100%!important;min-height:43px!important;margin:0!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--mp84-ink)!important;text-align:left!important;font-size:12.5px!important;line-height:1.4!important;display:flex!important;align-items:center!important;gap:8px!important;transition:background .14s ease,color .14s ease!important}
html .sidebar .nav .mp-nav-icon{width:23px!important;height:23px!important;flex:0 0 23px!important;margin-right:8px!important;color:var(--mp84-icon)!important}
html .sidebar .nav .mp-nav-icon svg{width:19px!important;height:19px!important}
html .sidebar .nav .mp-nav-label{flex:1!important;overflow-wrap:break-word!important}
html .sidebar .nav:not(.active):hover{background:color-mix(in srgb,var(--mp84-ink) 10%,transparent)!important;color:var(--mp84-ink)!important}
html .sidebar .nav.active{background:var(--mp84-active-bg)!important;color:var(--mp84-active)!important;font-weight:800!important;border-color:var(--mp84-separator)!important;box-shadow:inset 4px 0 0 var(--mp84-icon)!important}
html .sidebar .nav.active .mp-nav-icon{color:var(--mp84-active)!important}
html .sidebar .nav-section{box-sizing:border-box!important;display:flex!important;align-items:center!important;width:100%!important;min-height:42px!important;margin:17px 0 7px!important;padding:11px 9px 7px!important;background:transparent!important;border:0!important;border-top:1px solid var(--mp84-separator)!important;border-radius:0!important;color:var(--mp84-muted)!important;text-transform:uppercase!important;letter-spacing:2px!important;font-size:10px!important;font-weight:800!important}
html .sidebar #navModules{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;width:100%!important}
html .sidebar .sidefoot{width:100%!important;margin-top:auto!important;padding:18px 6px 0!important;border-top:1px solid var(--mp84-separator)!important;color:var(--mp84-muted)!important}
html .sidebar .mp5517-signature{font-size:28px!important;color:var(--mp84-icon)!important}
html .sidebar .mp5517-signature span{font-weight:750!important;color:var(--mp84-ink)!important}
/* Login branding is typography, not an uploaded photograph. Keep the existing 50% monogram enlargement. */
#login .hero .monogram{font-size:105px!important}
@media(max-width:1050px){html .app>.sidebar{width:270px!important;padding:16px 12px!important}html .sidebar .brand .mp5517-fallback,html .sidebar .brand .mp5517-company-logo{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important;flex-basis:78px!important}}
@media(max-width:700px){html .app>.sidebar{width:100%!important;min-height:0!important;max-height:250px!important;padding:12px!important;overflow:auto!important}html .sidebar .brand{min-height:0!important;padding:5px 5px 13px!important;margin-bottom:8px!important}html .sidebar #navModules{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}html .sidebar .nav,html .sidebar #navModules .nav{min-height:42px!important}}