/* Staff management continues the café's charcoal and copper controls. */
#ui .hud-business .shop-dock .staff-dock{grid-column:1/-1;min-height:44px;flex-direction:row}
#ui .staff-dock .hud-icon{width:22px;height:22px;color:var(--hud-accent)}
#ui .management-status{position:absolute;z-index:9;top:24px;left:50%;translate:-50% 0;width:350px;max-width:calc(100vw - 700px);min-height:48px;display:flex;align-items:center;gap:10px;padding:7px 10px;text-align:left;background:var(--hud-surface);color:var(--hud-ink);border:1px solid var(--hud-edge);border-left:3px solid var(--hud-accent);border-radius:5px;box-shadow:var(--hud-shadow);pointer-events:auto}
#ui .management-status[hidden]{display:none}
#ui .management-status>span{flex:1;min-width:0}
#ui .management-status b{display:block;font-size:12px;line-height:1.3}
#ui .management-status small{display:block;color:var(--hud-muted);font-size:10px;line-height:1.4;margin-top:3px}
#ui .management-status strong{flex:0 0 36px;font-size:13px;text-align:right;font-variant-numeric:tabular-nums;color:var(--hud-accent)}
#ui .management-status i{font-style:normal;font-size:22px;color:var(--hud-muted)}
#ui .management-status[data-phase="warning"]{background:#493c29;border-color:#b68c53;border-left-color:#f0c58b}
#ui .management-status[data-phase="rush"]{background:#50382e;border-color:#b5795e;border-left-color:#f1b292}
#ui .management-status[data-phase="recovery"]{border-left-color:#a8bd97}
#ui.has-management .shop-toast{top:89px}
#ui .staff-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
#ui .staff-member{padding:14px;border:1px solid var(--hud-line);border-top:2px solid #9d805b;border-radius:5px;background:#32342c;min-width:0;display:flex;flex-direction:column;align-items:stretch}
#ui .staff-member-heading{display:flex;align-items:center;gap:10px}
#ui .staff-member-heading h3{margin:0 0 3px;font-size:19px}
#ui .staff-role-icon{flex:0 0 36px;color:var(--hud-accent)}
#ui .staff-role-icon .hud-icon{width:30px;height:32px}
#ui .staff-member p{color:var(--hud-muted);font-size:13px;line-height:1.6}
#ui .staff-member-status{font-size:11px;color:var(--hud-muted)}
#ui .staff-member-status[data-active="true"]{color:#b7d1aa}
#ui .staff-member .staff-price{font-size:12px;color:#e4ceb0;margin-top:auto;padding-top:6px}
#ui .staff-member .shop-btn{min-height:44px;width:100%;margin-top:6px}
#ui .staff-owner-role,#ui .staff-shift-result,#ui .staff-upgrade-link,#ui .staff-morning{border-top:1px solid var(--hud-line);margin:16px 0;padding-top:13px}
#ui .staff-owner-role h3,#ui .staff-shift-result h3{margin:0 0 8px;color:var(--hud-accent)}
#ui .staff-owner-role p,#ui .staff-shift-result p,#ui .staff-upgrade-link p,#ui .staff-morning p{font-size:13px;line-height:1.6;color:var(--hud-muted)}
#ui .staff-mastery{padding:9px 10px;border-left:2px solid var(--hud-accent);background:#ffffff05;color:#e8d4b5!important;font-size:12px;line-height:1.6}
#ui .staff-shift-result[data-qualified="true"]{border-color:#9bb989}
#ui .staff-shift-result[data-qualified="true"] h3{color:#c3d5af}
#ui .staff-wage-note{font-variant-numeric:tabular-nums}
#ui .staff-upgrade-link{display:flex;align-items:center;gap:18px}
#ui .staff-upgrade-link>div{flex:1;min-width:0}
#ui .staff-upgrade-link p{margin:5px 0 0}
#ui .staff-upgrade-link .shop-btn{min-height:44px;flex:0 0 auto}
#ui .staff-morning .shop-btn{min-height:44px}
@media(max-width:1100px) and (min-width:901px) and (min-height:521px){
 #ui .management-status{top:148px;max-width:none;width:300px}
 #ui.has-management .shop-toast{top:207px}
}
@media(max-width:900px),(max-height:520px){
 #ui .management-status{top:62px;left:8px;right:8px;translate:none;width:auto;max-width:none;min-height:44px;padding:6px 9px}
 #ui .management-status b{font-size:11px}
 #ui .management-status small{font-size:9px;margin-top:2px}
 #ui.has-management .rain-alert{top:114px}
 #ui.has-management .shop-toast{top:114px;max-width:calc(100vw - 24px)}
 #ui.has-management:has(.rain-alert:not([hidden]):not(.all-covered)) .shop-toast{top:166px}
 #ui .staff-roster{gap:9px}
 #ui .staff-member{padding:11px}
 #ui .staff-member-heading h3{font-size:17px}
 #ui .staff-role-icon{flex-basis:27px}
 #ui .staff-role-icon .hud-icon{width:25px;height:29px}
}
@media(max-width:560px){
 #ui .staff-roster{grid-template-columns:1fr}
 #ui .staff-member p{margin:8px 0;font-size:12px}
 #ui .staff-member .shop-btn{margin-top:4px}
 #ui .staff-upgrade-link{align-items:flex-start;gap:9px}
 #ui .staff-upgrade-link b{font-size:13px}
 #ui .staff-upgrade-link p{font-size:12px}
}
@media(max-height:520px) and (min-width:561px){
 #ui .management-status{left:auto;right:12px;width:310px;max-width:calc(100vw - 250px)}
 #ui.has-management .rain-alert{top:62px;max-width:224px;left:12px;right:auto}
 #ui.has-management .shop-toast{top:118px;max-width:calc(100vw - 280px)}
 #ui.has-management:has(.rain-alert:not([hidden]):not(.all-covered)) .shop-toast{top:118px}
}

#ui .staff-grinder{color:#f7c68b;min-height:44px;border-color:#bd8b52}