.staff-page{align-items:start}.staff-list-panel{min-width:0}.staff-list{display:grid;gap:12px}.staff-card{overflow:hidden;border:1px solid #d8e2ea;border-radius:12px;background:#fffdfa;box-shadow:0 8px 24px #163b5d0c}.staff-card.staff-disabled{opacity:.78;background:#f3f4f5}.staff-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px}.staff-card>header b{display:block;color:#17283b;font-size:14px}.staff-card>header b em{display:inline-block;margin-left:7px;padding:4px 7px;border-radius:99px;background:#e7f2fb;color:#1764a4;font:800 7px Arial,sans-serif;letter-spacing:.08em;vertical-align:middle}.staff-card>header small{display:block;margin-top:5px;color:#6c7d8e;font-size:10px;overflow-wrap:anywhere}.staff-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.staff-badges span{padding:6px 8px;border-radius:99px;background:#eaf2f8;color:#34536f;font-size:7px;font-weight:900;letter-spacing:.08em}.staff-badges .is-active{background:#e4f3e7;color:#28663a}.staff-badges .is-disabled{background:#f8e4e1;color:#8c3b32}.staff-edit{border-top:1px solid #e2e9ef}.staff-edit>summary{padding:13px 17px;cursor:pointer;list-style:none;background:#f6f9fb;color:#18598f;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.staff-edit>summary::-webkit-details-marker{display:none}.staff-edit>summary:after{content:'+';float:right;font-size:15px}.staff-edit[open]>summary:after{content:'−'}.staff-edit>.form{padding:18px}.staff-edit label>small{font-size:8px;font-weight:500;letter-spacing:0;text-transform:none}.staff-active-check{align-self:end;min-height:46px;align-items:center!important;padding:12px;border:1px solid #cfdbe5;border-radius:5px;background:#fbfcfd}.staff-form-actions{display:flex;gap:10px;align-items:center}.delete-staff-form{padding:0 18px 18px}.delete-staff-form .delete-round-btn{width:100%}.self-account-note{margin:0;padding:0 18px 18px;color:#68798a;font-size:10px;line-height:1.5}.staff-list-panel .counter{white-space:nowrap}
@media(max-width:900px){.staff-page{grid-template-columns:1fr}.staff-card>header{grid-template-columns:38px minmax(0,1fr)}.staff-badges{grid-column:2;justify-content:flex-start}.staff-edit>.form{padding:15px}.staff-edit .form-row{grid-template-columns:1fr}.staff-active-check{align-self:auto}.staff-list-panel .panel-title-row{align-items:flex-start}}