.sidebar { overflow-y: auto; }
.sidebar-brand, .sidebar-bottom, .sidebar-section { flex-shrink: 0; }
.sidebar-product > span { flex-shrink: 0; }
.sidebar .nav { flex-shrink: 0; }
.topbar .breadcrumb { line-height: 1.4; }
.topbar .top-right { flex-shrink: 0; }
.profile-popover a {
 display: block;
 padding: 12px 10px;
 border-radius: 9px;
 color: var(--forest);
 font-size: .78rem;
 font-weight: 700;
}
.profile-popover a:is(:hover,:focus-visible) { background: var(--mint); }
.portal-body .main-area { overflow: visible; }
.portal-body .portal-hero { margin-top: 0; }
.portal-topbar-brand { display: block; flex: none; }
.portal-topbar-brand img { display: block; width: clamp(100px, 14vw, 144px); height: auto; }
.shell a:focus-visible, .topbar a:focus-visible, .topbar button:focus-visible, .sidebar button:focus-visible {
 outline: 2px solid var(--forest);
 outline-offset: 2px;
}
@media (max-width: 900px) {
 .sidebar:not(.open) { visibility: hidden; }
 .sidebar { height: 100dvh; transition-property: transform; }
 .topbar .top-left { min-width: 0; gap: 8px; }
 .topbar .icon-button { flex-shrink: 0; }
 .topbar .scope-pill { display: none; }
 .portal-body .page-content { padding-bottom: 28px; }
}
@media (max-width: 480px) {
 .topbar { gap: 7px; padding-inline: 10px; }
 .topbar .top-right { gap: 4px; }
 .topbar .breadcrumb span { padding-inline: 4px; }
 .topbar .shell-login-link { padding-inline: 9px; white-space: nowrap; }
 .portal-topbar .breadcrumb { display: none; }
}
.topbar-portal-button{display:grid;place-items:center;background:#f7faf7;border:1px solid #dce8df;border-radius:11px;color:#3a6248;flex-shrink:0;transition:background .18s ease,border-color .18s ease}
.topbar-portal-button:hover,.topbar-portal-button:focus-visible{background:#eaf4ec;border-color:#a4c3ad;color:#254c35}
.topbar-portal-button svg{width:20px;height:20px}
@media(prefers-reduced-motion:reduce){.topbar-portal-button{transition:none!important}}