/* GreenWay workspace hierarchy: four areas, then shared resources. */
.sidebar .nav-label{font-size:12px;letter-spacing:.07em;margin:20px 12px 8px;color:#c7ecd1;line-height:1.5}
.sidebar .nav-link{font-size:14px;line-height:1.5;min-height:44px}
.sidebar .nav-area{padding:12px 10px;margin:5px 0;gap:10px;align-items:center}
.sidebar .nav-area>span.area-number{flex:0 0 25px;font-size:12px;font-weight:600;opacity:.8}
.sidebar .nav-area.active{box-shadow:inset 4px 0 #fff;font-weight:650}
.sidebar .nav-link:focus-visible,.mobile-nav-close:focus-visible{outline:3px solid #B6E800;outline-offset:2px}
.sidebar .nav-area.active:focus-visible{outline-color:white}
.sidebar .brand{padding-bottom:17px}
.sidebar-bottom{padding-top:20px}
.sidebar .journey{padding-bottom:8px}
.sidebar .journey,.sidebar .journey span,.sidebar .journey b{color:#fff}
.sidebar .private-line{padding-top:10px}
.sidebar .workspace-label{font-size:12px;padding-bottom:10px}
.sidebar .nav-group{margin:4px 0}
.sidebar .nav-group summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;border-radius:8px;color:#fff;cursor:pointer;list-style:none;font-size:14px;font-weight:650}
.sidebar .nav-group summary::-webkit-details-marker{display:none}
.sidebar .nav-group summary .icon{width:16px;height:16px;transition:transform .15s ease}
.sidebar .nav-group[open] summary .icon{transform:rotate(45deg)}
.sidebar .nav-group-items{padding:2px 0 5px 10px}
.sidebar .nav-group-items .nav-link{min-height:38px;padding:8px 12px;font-size:13px}
.sidebar .nav-group-items .nav-area{padding:8px 12px}
.topbar{height:auto;min-height:79px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}
.topbar .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;white-space:normal;line-height:1.5;font-size:14px;flex:1;min-width:220px}
.breadcrumb span{margin:0;color:#829b9e}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb b{color:#00545F;font-weight:600}
.topbar-right{gap:12px;margin-left:auto;max-width:100%;flex-wrap:wrap}
.area-navigation{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:0 0 16px;border-bottom:1px solid #c7dcd6}
.area-navigation a{padding:9px 12px;border-radius:7px;font-size:14px;line-height:1.5;background:white;border:1px solid #d7e6df;color:#00545F}
.area-navigation a:hover{border-color:#00545F}
.area-navigation a.active{background:#00545F;border-color:#00545F;color:white;box-shadow:inset 0 -3px #B6E800}
.workspace-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 28px}
.workspace-area{display:flex;gap:12px;align-items:flex-start;background:#00545F;color:white;padding:20px 16px;border-radius:12px;border-bottom:4px solid #B6E800;transition:background .15s}
.workspace-area:hover{background:#086875}
.workspace-area>span{color:#B6E800;font-size:14px;font-weight:600}
.workspace-area h2{font-size:18px;color:white;line-height:1.4;letter-spacing:0;margin:0 0 6px}
.workspace-area p{font-size:14px;line-height:1.5;color:#deefea}
.area-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 28px}
.area-tool{background:white;border:1px solid #d1e2d9;border-top:5px solid #B6E800;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:15px;min-width:0;box-shadow:0 4px 18px #00545F08}
.area-tool:nth-child(3n+2){border-top-color:#00545F}
.area-tool h2{font-size:22px;letter-spacing:-.3px;line-height:1.3;color:#00545F}
.area-tool p,.area-connections p,.diagnosis-bridge p{font-size:16px;line-height:1.65}
.area-tool-meta{font-size:14px;line-height:1.5;color:#536e69;margin-top:auto;padding-top:8px}
.area-tool .button{white-space:normal;font-size:14px;text-align:center;min-height:46px}
.area-tool .text-link{font-size:14px;line-height:1.6;text-align:left;min-height:40px;text-decoration:underline;text-underline-offset:3px}
.area-connections h2,.diagnosis-bridge h2{font-size:22px;margin-bottom:12px}
.area-connections .button-row{margin:18px 0}
.area-connections .button{font-size:14px;white-space:normal}
.diagnosis-bridge{border-left:5px solid #00545F;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.diagnosis-bridge>div{flex:1;min-width:250px}
.diagnosis-bridge .button,.diagnosis-bridge .text-link{font-size:14px;white-space:normal}
.climate-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.climate-steps button{background:#00545F;color:white;text-align:left;display:grid;grid-template-columns:32px 1fr;gap:5px 10px;padding:18px;border-radius:10px;font-size:16px;line-height:1.5}
.climate-steps b{color:#B6E800;grid-row:span 2}
.climate-steps span{font-size:14px;color:#d9ece5}
.climate-steps button:hover{background:#086875}
#climate-municipal,#climate-assessment,#climate-treatment{scroll-margin-top:16px}
#climate-municipal:focus-visible,#climate-assessment:focus-visible,#climate-treatment:focus-visible{outline:3px solid #00545F;outline-offset:5px}
.mobile-nav-close{display:none}
@media(max-width:1350px){.workspace-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.area-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.topbar .breadcrumb{flex-basis:100%}.topbar-right{width:100%;justify-content:flex-end}.carbon-tools{grid-template-columns:1fr}.climate-steps button{padding:13px}}
@media(max-width:800px){.sidebar{height:100dvh}.mobile-nav-close{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff15;color:white;min-height:44px;margin-bottom:16px;border-radius:8px;font-size:14px}.nav-open{overflow:hidden}.topbar .breadcrumb{order:3;flex-basis:100%;font-size:14px}.topbar{height:auto;padding:12px 18px}.topbar-right{width:auto;max-width:calc(100% - 50px);flex-wrap:nowrap}.topbar .client-button{max-width:180px}.area-navigation{gap:5px;margin-bottom:24px}.area-navigation a{padding:8px 10px}.workspace-areas{gap:10px}.workspace-area{padding:17px 13px}.area-tool{padding:22px}}
@media(max-width:600px){.area-tools,.climate-steps{grid-template-columns:1fr}.climate-steps{gap:8px}.climate-steps button{padding:12px 16px}.workspace-areas{grid-template-columns:1fr}.workspace-area h2{font-size:18px}.topbar .client-button{max-width:150px}.diagnosis-bridge>div{min-width:0;flex-basis:100%}.area-navigation{display:flex}.area-navigation a{flex:1 0 auto;text-align:center}.area-tool h2{font-size:22px}}
@media print{.area-navigation,.workspace-areas,.climate-steps,.mobile-nav-close{display:none!important}}