.staff-directory-section[hidden]{display:none!important}.staff-directory-section{padding:64px 0;background:linear-gradient(135deg,#f5fbff 0%,#fbf8ff 48%,#f4fcf7 100%)}
.staff-directory-shell{padding:clamp(18px,3vw,34px);border:1px solid #dbe7ef;border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 18px 48px rgba(57,87,104,.1)}
.staff-directory-head{text-align:center;margin-bottom:24px}.staff-directory-head .section-title{margin-bottom:7px;color:#103f3a}.staff-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;padding:12px;border:1px solid #deebf1;border-radius:18px;background:#f8fbfd}
.staff-directory-filters{display:flex;flex-wrap:wrap;gap:8px}.staff-filter{min-height:42px;padding:8px 15px;border:1px solid #cbdde6;border-radius:999px;background:#fff;color:#334155;font:700 .87rem/1 var(--font-body);cursor:pointer}.staff-filter[aria-pressed="true"]{border-color:#0f8a68;background:#dff7ea;color:#075b43;box-shadow:0 5px 13px rgba(15,138,104,.15)}
.staff-search-wrap{min-width:min(330px,100%)}.staff-search-label{display:block;margin:0 0 5px;font-size:.76rem;font-weight:700;color:#475569}.staff-directory-search{width:100%;height:44px;padding:0 14px;border:1px solid #cadbe5;border-radius:12px;background:#fff;color:#0f172a;font:500 .9rem var(--font-body)}
.staff-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.staff-card{position:relative;min-width:0;padding:22px 18px 18px;border:1px solid var(--staff-border,#a8ddc2);border-radius:22px;background:linear-gradient(150deg,#fff,var(--staff-bg,#e7f8ef));box-shadow:0 10px 25px rgba(53,79,95,.09);text-align:center}.staff-type-doctor{--staff-bg:#e3f8ee;--staff-border:#9ed9bb;--staff-ink:#087355}.staff-type-nurse{--staff-bg:#e8f4ff;--staff-border:#add5f3;--staff-ink:#0b6798}.staff-type-dentist{--staff-bg:#fff2e8;--staff-border:#efc2a0;--staff-ink:#9a4b18}.staff-type-physiotherapist{--staff-bg:#f2ebff;--staff-border:#cdb9ee;--staff-ink:#65419a}
.staff-card-portrait{width:92px;height:92px;margin:0 auto 12px;display:grid;place-items:center;border:4px solid rgba(255,255,255,.9);border-radius:50%;overflow:hidden;background:var(--staff-bg);box-shadow:0 8px 20px rgba(30,64,75,.14)}.staff-card-portrait img{width:100%;height:100%;object-fit:cover}.staff-card-initials{color:var(--staff-ink);font-size:1.6rem;font-weight:900}.staff-card-type{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.8);color:var(--staff-ink);font-size:.73rem;font-weight:800}.staff-card-name{margin:11px 0 3px;color:#122033;font-size:1.05rem}.staff-card-role{margin:0;color:var(--staff-ink);font-size:.86rem;font-weight:800}.staff-card-department,.staff-card-room{margin:7px 0 0;color:#526477;font-size:.79rem;line-height:1.45}.staff-card-schedule{margin-top:15px;padding:12px;border-radius:14px;background:rgba(255,255,255,.76);text-align:left}.staff-card-schedule strong{display:block;margin-bottom:5px;color:#243649;font-size:.77rem}.staff-card-schedule p{margin:3px 0;color:#475569;font-size:.74rem;line-height:1.45}.staff-schedule-fallback{font-style:italic}.staff-directory-empty{padding:24px;text-align:center;color:#64748b}
@media(max-width:1050px){.staff-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.staff-directory-toolbar{align-items:stretch;flex-direction:column}.staff-search-wrap{min-width:0}.staff-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.staff-directory-section{padding:40px 0}.staff-directory-grid{grid-template-columns:1fr}.staff-filter{flex:1 1 calc(50% - 8px)}}