.staff-directory{--staff-yellow:#EBC017;--staff-ink:#14140F;--staff-line:#E5E2D9;--staff-muted:#706F65;color:var(--staff-ink);background:#fff;border:1px solid var(--staff-line);border-radius:16px;padding:24px;margin-top:14px;min-width:0}
.staff-directory-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.staff-title{display:flex;align-items:center;gap:12px}.staff-title h2{margin:0;font-size:27px;letter-spacing:-.5px;scroll-margin-top:20px}.staff-total{padding:5px 10px;border-radius:7px;background:#F2F0E9;color:var(--staff-muted);font-size:15px;font-weight:700}.staff-directory-heading p{margin:7px 0 0;font-size:14px;color:var(--staff-muted)}
.staff-directory .staff-add{background:var(--staff-yellow);color:var(--staff-ink);padding:12px 16px;font-size:14px;white-space:nowrap}.staff-directory .staff-add:hover{background:#DDB212;color:var(--staff-ink)}
.staff-filter-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.staff-directory .staff-field{display:flex;flex-direction:column;gap:8px;min-width:0}.staff-field>span{font-size:13px;color:var(--staff-muted);font-weight:600}.staff-directory input,.staff-directory select{width:100%;height:48px;padding:0 13px;border:1px solid #D9D5C9;border-radius:9px;color:var(--staff-ink);background:#fff;font-size:15px;min-width:0}.staff-directory input::placeholder{color:#77766C}.staff-directory :focus-visible{outline-color:#8A6E00}
.staff-directory .staff-state-tabs{display:flex;flex-wrap:wrap;gap:20px;align-items:center;border-bottom:1px solid var(--staff-line);margin-top:20px}.staff-directory .staff-state-tabs>a{display:block;padding:13px 0;border-bottom:3px solid transparent;color:var(--staff-muted);font-size:14px;font-weight:600;text-decoration:none}.staff-directory .staff-state-tabs>a[aria-current]{color:var(--staff-ink);border-bottom-color:var(--staff-yellow)}.staff-directory .staff-state-tabs>a:hover{color:var(--staff-ink)}
.staff-sort-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 4px;flex-wrap:wrap}.staff-sort-help{font-size:13px;color:var(--staff-muted)}.staff-sort-controls{display:flex;align-items:center;gap:9px;margin-left:auto}.staff-sort-controls label{font-size:13px;color:var(--staff-muted)}.staff-directory .staff-sort-controls select{height:42px;width:220px;background:#FFFCF0;border-color:#D4BD66;font-size:14px;font-weight:600}.staff-directory .staff-sort-direction{width:42px;height:42px;border:1px solid #D4BD66;border-radius:8px;background:#FFFCF0;display:grid;place-items:center;font-size:20px;color:var(--staff-ink);text-decoration:none}.staff-directory .staff-sort-direction:hover{background:#FBF0C8}.staff-directory .search-submit{background:var(--staff-yellow);color:var(--staff-ink)}
.staff-result-count{font-size:13px;color:var(--staff-muted);margin:16px 0 14px}.staff-directory .staff-table-scroll{border:1px solid var(--staff-line);border-radius:11px}.staff-directory .staff-readable-table{table-layout:fixed;width:100%;min-width:850px;border-collapse:collapse;font-size:15px}.staff-col-person{width:28%}.staff-col-department{width:24%}.staff-col-services{width:23%}.staff-col-state{width:19%}.staff-col-actions{width:6%}
.staff-directory th{position:relative;padding:14px 13px;background:#F4F3ED;vertical-align:middle;border-color:var(--staff-line);font-size:13px}.staff-directory th>a{display:flex;align-items:center;gap:7px;background:none;color:var(--staff-muted);font-size:13px;font-weight:600;text-decoration:none;line-height:1.4}.staff-directory th[aria-sort]>a{color:var(--staff-ink)}.staff-directory th[aria-sort]{box-shadow:inset 0 -3px 0 var(--staff-yellow)}.staff-directory th>a>span{font-size:14px}.staff-directory td{padding:18px 13px;vertical-align:middle;border-color:var(--staff-line);line-height:1.45}.staff-directory tbody tr:nth-child(even){background:#FAFAF7}.staff-directory tbody tr:hover{background:#FFFCF0}.staff-directory tbody tr:last-child td{border-bottom:0}
.staff-person{display:flex;align-items:center;gap:12px;min-width:0}.staff-person>div{min-width:0}.staff-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#F2EBD2;color:#68571B;font-size:13px;font-weight:700}.staff-directory .staff-person-name{color:var(--staff-ink);font-size:17px;font-weight:750;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}.staff-directory .staff-person-name:hover{text-decoration:underline;text-decoration-color:#B19010;text-underline-offset:3px}.staff-directory td small{color:var(--staff-muted);font-size:13px;margin-top:5px;line-height:1.5}.staff-position{display:block;font-size:15px;font-weight:650;overflow-wrap:anywhere}.staff-services{display:flex;flex-wrap:wrap;gap:6px}.staff-service{display:inline-block;padding:5px 8px;background:#F1EFE7;border:1px solid #E8E4D8;border-radius:6px;color:#4D4C43;font-size:12px;line-height:1.4;white-space:nowrap}
.staff-avatar{position:relative;overflow:hidden}.staff-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.staff-record-state{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650;line-height:1.3;white-space:nowrap;border:1px solid #DDDACE;padding:7px 9px;border-radius:20px;background:#F5F4EE;color:#48473D}.staff-record-state:before{content:'';width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.staff-state-invited{background:#FBF0C8;border-color:#E2CE8F;color:#6F5810}.staff-state-dismissed{background:#F0F0ED;border-color:#DFDED7;color:#77766C}.staff-directory td .staff-closed{font-size:12px}
.staff-directory .staff-actions-cell{width:auto;white-space:normal;padding-left:4px;padding-right:10px;position:relative}.staff-menu{margin:0}.staff-menu>summary{display:grid;place-items:center;width:36px;height:36px;list-style:none;border:1px solid #DEDACE;border-radius:8px;background:#fff;color:#625F50;font-size:23px;padding:0;cursor:pointer;margin-left:auto}.staff-menu>summary::-webkit-details-marker{display:none}.staff-menu>summary:hover,.staff-menu[open]>summary{background:#FBF0C8;border-color:#D4BD66}.staff-menu-items{padding:7px;background:#fff;border:1px solid #D9D4C4;border-radius:10px;box-shadow:0 8px 30px #14140F1A;min-width:220px;margin-top:8px}.staff-directory[data-staff-ready] .staff-menu[open]>.staff-menu-items{position:fixed;z-index:20;margin:0;width:250px;max-width:calc(100vw - 24px)}
.staff-directory .staff-action-buttons{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0}.staff-directory .staff-action{width:auto;height:auto;min-height:40px;flex:auto;display:flex;gap:10px;justify-content:flex-start;padding:10px 11px;border:0;background:#fff;color:var(--staff-ink);font-size:13px;line-height:1.4;white-space:normal;text-align:left;border-radius:6px}.staff-directory .staff-action:hover{background:#F7F4E6;color:var(--staff-ink)}.staff-directory .staff-action svg{flex:0 0 16px}.staff-directory .staff-action:disabled{color:#89877C;background:#F7F6F2;cursor:not-allowed;opacity:1}
.staff-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;font-size:13px;color:var(--staff-muted)}.staff-pagination{display:flex;flex-wrap:wrap;gap:7px}.staff-directory .staff-pagination>a{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--staff-line);border-radius:7px;color:var(--staff-muted);font-size:13px;text-decoration:none}.staff-directory .staff-pagination>a[aria-current]{background:var(--staff-yellow);border-color:var(--staff-yellow);color:var(--staff-ink);font-weight:700}.staff-directory-hint{font-size:13px;color:var(--staff-muted);line-height:1.6;margin:18px 0 0}.staff-empty{height:100px;text-align:center;color:var(--staff-muted)}.staff-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.staff-directory{padding:20px}.staff-sort-help{display:none}.staff-directory-heading{gap:14px}.staff-directory .staff-readable-table{min-width:850px}.staff-directory .staff-state-tabs{gap:15px}.staff-directory .staff-state-tabs>a{font-size:13px}}
@media(max-width:700px){.staff-directory{padding:16px;border-radius:12px}.staff-directory-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.staff-title h2{font-size:25px}.staff-directory-heading p{font-size:13px}.staff-directory .staff-add{font-size:13px;align-self:flex-start}.staff-filter-row{grid-template-columns:1fr 1fr;gap:12px}.staff-search{grid-column:1/-1}.staff-field>span{font-size:12px}.staff-directory input,.staff-directory select{height:46px;font-size:14px;padding-left:10px;padding-right:6px}.staff-directory .staff-state-tabs{gap:5px 15px}.staff-directory .staff-state-tabs>a{padding-top:10px;padding-bottom:10px;font-size:12px}.staff-sort-controls{width:100%;margin:0;gap:8px;flex-wrap:wrap}.staff-sort-controls label{width:100%;font-size:12px}.staff-directory .staff-sort-controls select{width:auto;flex:1;min-width:0;font-size:13px}.staff-directory .staff-sort-direction{flex:0 0 42px}.staff-directory .staff-readable-table{min-width:850px}.staff-table-footer{align-items:flex-start;flex-wrap:wrap}.staff-directory-hint{font-size:12px}.staff-result-count{font-size:12px}}
@media(max-width:360px){.staff-filter-row{grid-template-columns:1fr}.staff-search{grid-column:auto}.staff-directory{padding:12px}.staff-title h2{font-size:23px}.staff-directory .staff-state-tabs{gap:4px 12px}}

@media(max-width:700px){.staff-table-scroll::before{content:"Таблицу можно листать влево и вправо";display:block;padding:10px 12px;font-size:12px;color:var(--staff-muted);background:#F4F3ED;border-bottom:1px solid var(--staff-line)}}