html:has(.personnel-workbench){scrollbar-gutter:stable}
.personnel-identity-bindings{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.admin-shell .personnel-worker-content{display:flex;align-items:center;gap:12px;min-width:0}
.admin-shell .personnel-worker-content .personnel-avatar,.worker-profile-identity .personnel-avatar{width:44px;height:44px;min-width:44px;flex:0 0 44px}
.admin-shell .personnel-worker-identity{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.admin-shell .personnel-worker-identity .personnel-worker-name,.admin-shell .personnel-worker-identity .personnel-worker-code{white-space:normal;overflow-wrap:anywhere;max-width:none;overflow:visible;text-overflow:clip}
.admin-shell .personnel-identity-bindings{display:flex;flex-wrap:wrap;gap:4px;margin:0}
.admin-shell .personnel-identity-bindings .personnel-status-chip{white-space:nowrap;line-height:1.4}
.admin-shell .personnel-main-layout{display:block;grid-template-columns:minmax(0,1fr)}
.worker-profile-backdrop{position:fixed;inset:0;background:rgb(21 35 71 / 40%);z-index:50;display:flex;justify-content:flex-end}
.worker-profile-drawer{display:flex;flex-direction:column;width:650px;max-width:100%;height:100dvh;max-height:100dvh;background:#fff;box-shadow:-12px 0 40px rgb(21 35 71 / 14%);color:#18202f}
.worker-profile-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:1px solid #dfe5ec;flex-shrink:0}
.worker-profile-header h2{font-size:20px;margin:0}.worker-profile-header button{min-height:44px}
.worker-profile-body{overflow-y:auto;min-height:0;padding:24px 28px;overscroll-behavior:contain}
.worker-profile-identity{display:flex;align-items:flex-start;gap:12px}.worker-profile-identity-copy{flex:1;min-width:0;overflow-wrap:anywhere}.worker-profile-identity-copy h3{margin:0 0 4px;font-size:20px}.worker-profile-identity-copy span{font-size:13px;color:#536278}
.worker-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 24px}.worker-profile-actions button{min-height:44px}
.worker-profile-body>.personnel-detail-section{padding:22px 0;border:0;border-top:1px solid #dfe5ec;border-radius:0;background:#fff}
.worker-profile-body .personnel-detail-list{display:grid;gap:12px}.worker-profile-body .personnel-detail-field{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center}
.worker-profile-body .personnel-detail-field dt{color:#536278}.worker-profile-body .personnel-detail-field dd{margin:0;overflow-wrap:anywhere}
.worker-profile-note{color:#536278;font-size:13px;line-height:1.7}.worker-profile-warning{background:#fff4e5;color:#82520a;padding:12px;border-radius:6px}
.worker-binding-maintenance summary{cursor:pointer;padding:12px 0;color:#4f32db}.worker-profile-body .personnel-low-frequency{padding:0;border-top:1px solid #dfe5ec}
.worker-scope-list{padding-left:20px;line-height:1.7}.worker-scope-list li{padding:6px 0;overflow-wrap:anywhere}
.worker-scope-backdrop{z-index:60;justify-content:center;align-items:center;padding:24px}.worker-scope-dialog{width:min(720px,calc(100vw - 48px));height:auto;max-height:calc(100dvh - 48px);border-radius:10px;overflow:hidden}.worker-scope-summary{padding-bottom:18px;border-bottom:1px solid #dfe5ec}.worker-scope-summary h3,.worker-scope-panel h3{margin:0 0 6px;font-size:16px}.worker-scope-panel{padding-top:20px}.worker-scope-dialog .worker-scope-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}.worker-scope-dialog .worker-scope-list li{padding:12px 14px;border:1px solid #e5e9ef;border-radius:8px;background:#fafbfc}
@media(max-width:700px){.worker-profile-header{padding:16px 20px}.worker-profile-body{padding:20px}.worker-profile-body .personnel-detail-field{grid-template-columns:90px minmax(0,1fr);gap:12px}.worker-profile-identity{flex-wrap:wrap}.worker-scope-backdrop{padding:12px}.worker-scope-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}
.personnel-status-chip[data-state-tone=quiet]{background:#fafbfc;border:1px solid #e8ebef;color:#606b79}
.personnel-status-chip[data-state-tone=attention]{background:#fff4e5;border:1px solid #efdbc1;color:#875720}
.personnel-status-chip[data-state-tone=disabled]{background:#f9eeee;border:1px solid #ead7d9;color:#874b50}
.personnel-worker-range{max-width:260px;overflow-wrap:anywhere}
.personnel-worker-range>span{display:block}
.personnel-worker-range button{margin-top:4px;min-height:44px}
.personnel-worker-status small{display:block;font-size:13px;margin-top:4px;color:#82520a}
.personnel-source-row{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;align-items:center!important;grid-column:1/-1}
.personnel-source-value{display:flex;align-items:center;gap:8px;min-width:0;margin:0}
.personnel-source-value span{min-width:0;overflow-wrap:anywhere}
.personnel-source-value button{flex-shrink:0;min-height:44px}
.personnel-low-frequency{padding:12px 20px;border-top:1px solid #e8ebef}.personnel-low-frequency summary{cursor:pointer;padding:12px 0}
.personnel-modal-body .admin-benefits-scope-picker{grid-column:1/-1;min-width:0;border:0;padding:12px 0}
.personnel-modal-body .coupon-scope-tree{max-height:none}
.personnel-modal-body .coupon-scope-search-box input{box-sizing:border-box;width:100%;padding-right:94px;min-height:46px}
.personnel-modal-body .coupon-scope-row .coupon-scope-choice input{margin:3px 0 0;min-height:18px;width:18px;height:18px}
@media(min-width:701px){.personnel-table tbody tr{height:112px}.personnel-table td{padding-top:12px;padding-bottom:12px}.personnel-table .personnel-avatar{width:44px;height:44px;flex-basis:44px}.personnel-table .personnel-worker-state{display:none}}
@media(max-width:700px){.personnel-source-row{grid-template-columns:90px minmax(0,1fr)!important}.personnel-identity-bindings{display:grid;justify-content:start}.personnel-table .personnel-worker-state{display:block}.personnel-table tbody tr{height:auto}}
@media(max-width:700px){
  .personnel-table,.personnel-table tbody{display:block;width:100%;min-width:0}
  .personnel-table thead{display:none}
  .personnel-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px;border-bottom:1px solid #e8ebef}
  .admin-shell .personnel-table tbody td{display:block;width:auto!important;height:auto;min-width:0;max-width:none;padding:0;border:0;overflow-wrap:anywhere;white-space:normal}
  .personnel-table td:nth-child(1),.personnel-table td:nth-child(3),.personnel-table td:nth-child(6){grid-column:1/-1}
  .personnel-table td:not(:first-child):not(:last-child)::before{content:attr(data-worker-column);display:block;color:#606b79;font-size:13px;margin-bottom:4px}
  .personnel-table .personnel-identity-bindings{display:flex;flex-wrap:wrap}
  .personnel-table .personnel-worker-state{display:none}
  .personnel-table .personnel-worker-name,.personnel-table .personnel-worker-code{max-width:none;white-space:normal}
  .personnel-table td:last-child button{min-height:44px}
}
