.staff-controls{display:flex;align-items:center;gap:12px;margin-bottom:14px}.staff-controls .order-search{max-width:none}.role-filter{margin:0;min-width:160px}.role-filter select{margin:0;font-size:13px;height:49px}.staff-tabs{max-width:410px;margin-bottom:22px}.staff-tabs button{flex:1}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.staff-profile{border:1px solid #dfe7dd;border-radius:20px;background:white;padding:22px;min-width:0;box-shadow:0 4px 18px #18392f04}.staff-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-avatar{height:54px;width:54px;flex-shrink:0;border-radius:16px;background:#e6eee1;color:#52714c;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.staff-identity{flex:1;min-width:100px}.staff-identity h3{margin:0 0 4px;font-size:19px;letter-spacing:-.4px;overflow-wrap:anywhere}.staff-identity p{margin:0;font-size:12px;color:#758370}.offline{background:#eef0ed;color:#6e776a}.staff-contact{padding:14px 0;margin:15px 0;border-top:1px solid #eef1ea;border-bottom:1px solid #eef1ea}.staff-contact p{font-size:12px;margin:5px 0;overflow-wrap:anywhere}.staff-contact p span{min-width:52px;display:inline-block;color:#81907b;font-size:9px;letter-spacing:1px;font-weight:650}.duty-snapshot{background:#f5f7f2;padding:13px 15px;border-radius:12px;min-height:94px}.duty-snapshot .eyebrow{font-size:8px;letter-spacing:1.5px}.duty-snapshot h4{margin:5px 0;font-size:13px;font-weight:600;overflow-wrap:anywhere}.duty-snapshot p{font-size:11px;color:#74806d;margin:0;overflow-wrap:anywhere}.staff-history-line{display:flex;justify-content:space-between;gap:8px;margin:15px 0;font-size:10px;color:#70806a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:750px){.staff-controls{display:block}.role-filter{display:block;margin-top:10px}.role-filter select{font-size:16px}.staff-tabs{max-width:none;margin-top:12px}.staff-grid{grid-template-columns:1fr;gap:14px}.staff-profile{padding:17px;border-radius:18px}.staff-identity h3{font-size:18px}.profile-avatar{width:49px;height:49px;border-radius:14px}.staff-top{gap:10px}.staff-top .order-status{font-size:9px}.staff-history-line{font-size:10px}.staff-profile .order-actions>button{font-size:12px}}