/* Directory-only glass surfaces; professional-owned card designs stay independent. */
.broker-directory{position:relative;isolation:isolate;max-width:none;min-height:calc(100svh - 84px);padding:48px max(24px,calc((100vw - 1120px)/2)) 80px;color:#193e5b}
.professional-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#132b3f18,#16394f38),var(--professionals-background) center/cover no-repeat}
.broker-directory .broker-directory-head{max-width:850px;padding:28px 32px;margin:0 0 30px;border:1px solid #ffffffe6;border-radius:30px;background:#f7fbfff0;box-shadow:0 12px 36px #15334f12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.broker-directory .eyebrow{display:flex;align-items:center;gap:9px;color:#315f90;font-size:12px;font-weight:600;letter-spacing:.5px}
.professional-heading-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3efff}
.broker-directory .page-title{font-size:clamp(26px,3.5vw,40px);line-height:1.3;letter-spacing:-.7px;margin:14px 0 10px;color:#173b57}
.broker-directory .lead{font-size:16px;line-height:1.7;color:#496479}
.broker-directory .broker-search{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:nowrap}
.professional-search-pill{display:flex;align-items:center;flex:1;min-width:0;padding:5px;border:1px solid #b9cee2;border-radius:999px;background:#fbfdff;box-shadow:0 3px 12px #183b6010}
.broker-directory .professional-search-pill input{width:0;min-width:0;flex:1;border:0;outline:none;background:transparent;border-radius:999px;padding:10px 16px;font-size:16px;box-shadow:none}
.broker-directory .professional-search-pill input::placeholder{color:#687f91;opacity:1}
.broker-directory .professional-search-pill button{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%}
.professional-search-pill button svg{width:23px;height:23px}
.broker-directory .broker-profession-filter{display:flex;align-items:center;gap:4px;min-width:0;max-width:240px;border:1px solid #bfd2e5;border-radius:999px;padding-inline-start:15px;background:#fff9;color:#295782}
.broker-directory .broker-profession-filter select{background:transparent;min-width:0;border:0;border-radius:999px;padding:14px 9px;font-size:14px;cursor:pointer}
.broker-directory .professional-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;border:1px solid #ffffffdb;border-radius:24px;background:#f3f8fff0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.professional-toolbar h2{font-size:18px;font-weight:650}
.broker-directory .professional-view-switch{border:0;background:#e3ebf566;border-radius:999px;padding:3px;gap:2px}
.broker-directory .professional-view-switch button{border-radius:999px;min-height:42px;font-size:13px;padding:8px 12px}
.broker-directory .professional-view-switch button[aria-pressed=true]{background:#d9eaff;color:#215b98;box-shadow:none}
.broker-directory .professional-results{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
.broker-directory .professional-result{border:1px solid #ffffffe8;border-radius:26px;background:#f6faffed;padding:22px;gap:16px;box-shadow:0 8px 24px #16394f12;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.broker-directory .professional-avatar{width:60px;height:60px;flex-basis:60px;border-radius:50%;border:2px solid white;background:#e6f0fa}
.broker-directory .professional-identity h2{font-size:20px;overflow-wrap:anywhere}
.broker-directory .professional-role{display:flex;align-items:center;gap:6px;margin-top:7px;color:#315e83}
.broker-directory .professional-role svg,.broker-directory .professional-details svg{width:16px;height:16px}
.broker-directory .professional-details{color:#486780;display:flex;flex-direction:column;gap:9px}
.broker-directory .professional-experience,.broker-directory .professional-areas{display:flex;align-items:center;gap:7px;margin:0;line-height:1.6}
.broker-directory .professional-areas span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.broker-directory .professional-summary{color:#496479}
.broker-directory .professional-open{border-radius:999px;border:1px solid #bcd2eb;background:#e8f2ff;color:#24578b;font-size:14px;min-height:44px;padding:9px 16px}
.broker-directory #broker-directory-results[data-view=list] .professional-result{border:1px solid #ffffffe8;border-radius:24px}
.broker-directory #broker-directory-results[data-view=list] .professional-avatar{border-radius:50%}
.broker-directory #broker-directory-results>.empty,.broker-directory #broker-directory-results>p{border:1px solid #fff;border-radius:26px;background:#f7fbfff0;padding:32px 24px;color:#365971;text-align:center;line-height:1.8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.broker-directory .empty h2{font-size:20px;margin:12px 0 6px}.broker-directory .empty p{font-size:14px}
.professional-empty-icon{display:grid;place-items:center;margin:0 auto;width:52px;height:52px;border-radius:50%;background:#e1eeff;color:#315f90}.professional-empty-icon svg{width:25px;height:25px}
.broker-directory-pages button{border-radius:999px;background:#f5faffed;min-width:90px}
@media(max-width:760px){
 .broker-directory{padding:24px 14px 46px;min-height:calc(100svh - 70px)}
 .professional-backdrop{background-position:58% center}
 .broker-directory .broker-directory-head{padding:22px 18px;margin-bottom:18px;border-radius:28px;background:#f7fbffe8}
 .broker-directory .page-title{font-size:29px;line-height:1.3;margin-top:14px}
 .broker-directory .lead{font-size:14px}
 .broker-directory .broker-search{flex-wrap:wrap;gap:10px;margin-top:20px}
 .professional-search-pill{flex-basis:100%}
 .broker-directory .professional-search-pill input{padding:10px;font-size:16px}
 .broker-directory .broker-profession-filter{max-width:100%;width:100%;min-height:46px}
 .broker-directory .broker-profession-filter select{flex:1;padding:11px 10px}
 .broker-directory .professional-toolbar{padding:8px 12px;border-radius:24px;gap:8px}
 .professional-toolbar h2{font-size:16px}
 .broker-directory .professional-view-switch button{padding:8px 10px;gap:5px;font-size:12px}
 .broker-directory .professional-results{grid-template-columns:1fr;gap:12px}
 .broker-directory .professional-result{padding:18px;gap:13px}
 .broker-directory .professional-identity h2{font-size:19px}
 .broker-directory #broker-directory-results[data-view=list] .professional-result{padding:14px;gap:8px 10px}
}
@media(prefers-reduced-transparency:reduce){.broker-directory .broker-directory-head,.broker-directory .professional-result,.broker-directory .professional-toolbar{background:#f5f9fd}}