/* Icon targets grow with text; labels are never clipped into fixed boxes. */
.icon-button{min-width:max(44px,1.4em);min-height:max(44px,1.4em);padding:0;line-height:1;flex-shrink:0}
/* Employee navigation keeps each label intact. Large text wraps whole targets. */
@media (max-width:999px){
 .easy-worker-mode .topbar,.management-mode .topbar{height:auto;min-height:74px}
 .easy-worker-mode #navigation{box-sizing:border-box;flex-wrap:wrap;gap:4px;overflow:visible;max-height:none}
 .easy-worker-mode #navigation .nav-item{box-sizing:border-box;flex:1 1 max-content;min-width:max-content;padding:8px 6px;white-space:nowrap}
 .easy-worker-mode #navigation .nav-item>span{white-space:nowrap}
 .easy-worker-mode #main{min-width:0;overflow-wrap:anywhere;padding-bottom:calc(max(110px,var(--mobile-nav-height,110px)) + 24px + env(safe-area-inset-bottom,0px))}
 .management-mode #navigation .nav-item{min-width:44px}
 .management-mode .workspace-grid{grid-template-columns:minmax(0,1fr)}
 .management-mode .workspace-grid>section{min-width:0}
 .management-mode .stats-panel{display:flex;flex-wrap:wrap}
 .management-mode .stats-panel .stat{flex:1 1 calc(50% - 8px);min-width:max-content;max-width:100%}
 .management-mode .stats-panel .stat-number{white-space:nowrap}
 .mobile-more-menu .mobile-more-grid{display:flex;flex-wrap:wrap}
 .mobile-more-menu .mobile-more-item{flex:1 1 calc(50% - 6px);min-width:max-content;max-width:100%}
 .mobile-more-menu .mobile-more-item>span{white-space:nowrap}
 .order-dashboard .order-dashboard-counts{display:flex;flex-wrap:wrap}
 .order-dashboard .order-dashboard-count{flex:1 1 calc(50% - 4px);min-width:max-content;max-width:100%}
 .order-dashboard .order-dashboard-count strong{white-space:nowrap}
 .order-dashboard .order-dashboard-legend{display:flex;flex-wrap:wrap}
 .order-dashboard .order-dashboard-legend>button{flex:1 1 calc(50% - 6px);min-width:max-content;max-width:100%}
 .order-dashboard .order-dashboard-legend>button span,.order-dashboard .order-dashboard-legend>button b{white-space:nowrap}
}