/* Reserve real space for header controls instead of letting them overflow the breadcrumb. */
@media(min-width:901px){
 .app-shell .topbar{gap:16px}
 .app-shell .topbar>.breadcrumb{flex:1 1 0%;min-width:110px;max-width:none;overflow:hidden;white-space:nowrap}
 .app-shell .breadcrumb>*{flex-shrink:0}
 .app-shell .breadcrumb>strong{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .app-shell .topbar>.topbar-actions{flex:0 1 auto;min-width:0;width:auto;max-width:none;gap:10px;justify-content:flex-end}
 .app-shell .topbar-actions>.icon-button,.app-shell .topbar-actions>.notification-control,.app-shell .topbar-actions>.user-profile-trigger,.app-shell .topbar-actions>.stock-lookup-trigger{flex-shrink:0}
 .app-shell .topbar-actions>.est-seal{flex-shrink:0;margin-inline:6px}
 .app-shell .topbar-actions>.global-search{flex:1 1 240px;width:clamp(150px,19vw,320px);min-width:150px;max-width:320px;margin-inline:0}
 .app-shell .global-search input{min-width:0;width:100%}
}
@media(min-width:901px) and (max-width:1600px){
 .app-shell .breadcrumb>span,.app-shell .breadcrumb>svg:first-of-type{display:none}
 .app-shell .topbar-actions>.stock-lookup-trigger{width:40px;min-width:40px;padding-inline:0;justify-content:center}
 .app-shell .stock-lookup-trigger>span,.app-shell .stock-lookup-trigger>kbd{display:none}
}
@media(min-width:901px) and (max-width:1250px){
 .app-shell .topbar{gap:10px;padding-inline:20px}
 .app-shell .topbar>.topbar-actions{gap:6px}
 .app-shell .topbar-actions .user-info,.app-shell .topbar-actions>.topbar-divider{display:none}
 .app-shell .topbar-actions>.global-search{width:180px;max-width:220px;min-width:140px}
 .app-shell .topbar-actions>.global-search kbd{display:none}
}