/* Unified desktop styling, progressive enhancement over existing secure Hub pages. */
:root{--fg-ink:#203c30;--fg-sage:#eef3ec;--fg-line:#dce5dc;--fg-paper:#fcfcf9}
.admin{background:#f7f9f5}
.admin .side{background:#203e32!important;border-right:1px solid #355548!important}
.admin .side .wordmark{letter-spacing:.12em;padding-top:10px}
.admin .side nav{padding-bottom:28px}
.admin .nav-group{margin-bottom:20px}
.admin .nav-group-label{color:#a5c3af!important;font-size:10px!important;letter-spacing:.13em!important;font-weight:700!important}
.admin .navitem{border-radius:11px!important;transition:background .14s ease,transform .14s ease}
.admin .navitem:hover{background:#ffffff17!important}
.admin .navitem.active{background:#edf2e9!important;color:#213f33!important;font-weight:700}
.admin .navitem.active .icon{color:#213f33}
.admin .workspace{background:#f7f9f5}
.admin .topbar{background:#ffffff!important;border-bottom:1px solid var(--fg-line)!important;min-height:74px}
.admin .content{max-width:1600px;width:100%;margin:0 auto;padding:30px clamp(18px,3vw,52px) 60px}
.admin .page-heading h1{color:var(--fg-ink);letter-spacing:-.045em;font-weight:700}
.admin .card,.admin .stat,.admin .location-tile{border:1px solid var(--fg-line)!important;border-radius:17px!important;box-shadow:0 3px 16px #1e3f2b08!important;background:#fff}
.admin .stat-grid{gap:15px}
.admin .btn{border-radius:11px!important}
.admin button:focus-visible,.admin a:focus-visible{outline:3px solid #9cbb9e;outline-offset:2px}
.fg-workspace-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:12px 0 22px;padding:5px;background:#143125;border:1px solid #4c6755;border-radius:13px}
.fg-workspace-switcher button,.fg-workspace-switcher a{appearance:none;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:6px;padding:12px 6px;border:0;border-radius:9px;background:transparent;color:#d7e6d9;font:600 12px inherit;cursor:pointer;font-family:inherit;font-size:12px;font-weight:650}
.fg-workspace-switcher .active{background:#f1f5ee;color:#1c4433}
.fg-workspace-switcher button:hover:not(.active),.fg-workspace-switcher a:hover:not(.active){background:#ffffff16;color:#fff}
.fg-workspace-note{font-size:11px;line-height:1.5;color:#afcbb7;padding:0 12px 12px}
.fg-workspace-landing{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;margin-top:24px}
.fg-workspace-entry{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;min-height:170px;padding:24px;border:1px solid var(--fg-line);background:#fff;color:var(--fg-ink);border-radius:16px;cursor:pointer}
.fg-workspace-entry:hover{border-color:#8fb19b;box-shadow:0 8px 26px #12352013}
.fg-workspace-entry strong{font-size:17px}
.fg-workspace-entry span{font-size:13px;color:#708377;line-height:1.45}
.fg-workspace-entry svg{color:#527963}
.fg-workspace-entry .fg-arrow{margin-top:auto;font-weight:700;color:#345e47}
.fg-workspace-hero{background:linear-gradient(115deg,#234738,#3e6950);color:white;padding:26px 30px;border-radius:20px}
.fg-workspace-hero h2{color:#fff;margin:0 0 8px;font-size:25px;letter-spacing:-.035em}
.fg-workspace-hero p{margin:0;color:#d9e9db;line-height:1.55;font-size:14px}
.fg-workspace-banner{margin-bottom:22px;background:#fff;border:1px solid var(--fg-line);border-radius:14px;padding:15px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fg-workspace-banner strong{color:#254e39}
.fg-workspace-banner small{color:#61796b}
@media(min-width:1250px){.admin .side{width:255px}.admin .workspace{min-width:0}}
@media(max-width:850px){.admin .content{padding:20px 14px 50px}.fg-workspace-switcher{margin-top:16px}.fg-workspace-landing{grid-template-columns:1fr}.fg-workspace-entry{min-height:130px}}

/* V1.1: desktop layout corrections after live 1724px screenshot */
@media(min-width:851px){
 .admin{display:grid!important;grid-template-columns:252px minmax(0,1fr)!important;align-items:stretch}
 .admin .side{width:252px!important;min-width:252px!important;max-width:252px!important;padding:25px 15px 22px!important;background:#203e32!important;color:#e0ede2!important;overflow-x:hidden!important}
 .admin .side .wordmark,.admin .side .wordmark.light{margin:0 9px 24px!important;color:#f1f5e9!important;font-size:16px!important}
 .admin .side .wordmark small{color:#a9c3ae!important}
 .admin .side nav{gap:14px!important}
 .admin .side .nav-group-label{color:#a6c1ad!important;padding:0 12px 7px!important;font-size:10px!important}
 .admin .side .navitem{color:#d2e3d4!important;opacity:1!important;font-size:13px!important;min-height:42px!important}
 .admin .side .navitem.active{color:#224632!important;background:#f1f6ed!important;box-shadow:none!important}
 .admin .side .navitem:hover:not(.active){color:#fff!important;background:#365b48!important}
 .admin .side .side-bottom,.admin .side .side-bottom p,.admin .side .side-bottom .text{color:#c9dccb!important}
 .admin .workspace{min-width:0!important;width:100%!important}
 .admin .content{max-width:none!important;width:100%!important;margin:0!important;padding:32px clamp(26px,3vw,54px) 70px!important}
 .admin .page-heading{max-width:none!important}
 .admin .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.fg-workspace-switcher{margin:0 0 26px!important;padding:5px!important;gap:4px!important;background:#142e23!important}
.fg-workspace-switcher button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:12px 5px!important;min-width:0!important;min-height:42px!important;white-space:nowrap!important;font-size:12px!important;line-height:1!important;border-radius:9px!important}
.fg-workspace-switcher button .icon{width:16px!important;height:16px!important;flex:none}
.fg-workspace-switcher button.active{background:#f1f6ed!important;color:#204332!important}
.fg-workspace-switcher button:not(.active){color:#daeadd!important}
@media(max-width:1100px) and (min-width:851px){
 .admin{grid-template-columns:225px minmax(0,1fr)!important}
 .admin .side{width:225px!important;min-width:225px!important;max-width:225px!important;padding-left:11px!important;padding-right:11px!important}
 .fg-workspace-switcher button{font-size:11px!important;gap:4px!important}
}
@media(max-width:850px){
 .fg-workspace-switcher{margin:10px 0 18px!important}
 .fg-workspace-switcher button{font-size:12px!important}
}
