/* Shared breadcrumb and account controls; sticky behavior lives in garden.css. */
.topbar{background:linear-gradient(100deg,#f7f9f2,var(--paper) 65%);border-bottom-color:#e1e7da}
.breadcrumbs{gap:12px;min-width:0}
.topbar .space-label{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #dfe7d8;border-radius:10px;background:#eef4e9;color:#617c57;font-size:11px;font-weight:700;line-height:1.4}
.space-label .icon{width:15px;height:15px}
.topbar .space-divider{display:inline-flex;color:#a5b59a}
.space-divider svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.breadcrumbs>strong{font-size:13px;font-weight:750;color:#426448;letter-spacing:-.2px}
.topbar-account{padding:8px 12px;border-radius:10px;background:#fffefa;border-color:#dfe7d8;color:#526f4c;font-weight:700}
.topbar-actions>.icon-button{border-radius:10px;border-color:#dfe7d8;color:#617c57;background:#fffefa}
.topbar-account:hover,.topbar-actions>.icon-button:hover{background:#eef4e9}
.topbar :is(a,button):focus-visible{outline:2px solid #8ca67d;outline-offset:3px}
@media(max-width:760px){
 .breadcrumbs{gap:7px}
 .topbar .space-label{padding:6px 8px;gap:5px;font-size:10px;border-radius:9px}
 .space-label .icon{width:13px;height:13px}
 .breadcrumbs>strong{font-size:12px}
 .topbar-actions{gap:7px}
 .topbar-account{padding:6px 8px;max-width:68px;font-size:10px}
}
@media(max-width:360px){.topbar .space-label{padding:6px}.space-label .icon{display:none}.breadcrumbs{gap:5px}.topbar-account{max-width:54px}}


.topbar .breadcrumbs{flex:1;min-width:0;overflow:hidden}
.topbar .space-label,.topbar .space-divider{flex-shrink:0}
.topbar .breadcrumbs>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .topbar-actions{flex-shrink:0}