/* staff-module presentation: feature-specific layout only. */
.searchbar{display:flex;gap:8px;margin-bottom:12px;position:relative}
.searchbar input{flex:1}
.searchbar select{flex:1}
.staff-filter-menu{position:absolute;right:0;top:56px;z-index:35;min-width:170px;padding:6px}
.staff-filter-menu button{width:100%;border:0;background:transparent;text-align:left;border-radius:10px;padding:10px 12px;font-weight:800}
.staff-filter-menu button.active{background:#111827;color:#fff}
.inactive-card{opacity:.86}
.staff-card{border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:10px}
.staff-top{display:flex;align-items:center;gap:10px}
.avatar{width:44px;height:44px;border-radius:14px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-weight:900}
.staff-main{flex:1}
.staff-name{font-size:17px;font-weight:850}
.chev{font-size:20px;color:#9ca3af}
.staff-filter-panel{border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0 12px}
.staff-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.staff-filter-grid label{display:block;font-size:11px;color:#64748b;margin-bottom:4px}
.staff-filter-grid select{width:100%;min-width:0;box-sizing:border-box}
.staff-filter-clear{margin-top:8px;width:100%}
@media(max-width:640px){
  .staff-filter-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .staff-filter-grid select{min-height:52px;font-size:16px}
}