body[data-view="contact"] .content{width:100%;max-width:none;padding-inline:clamp(14px,2.5vw,58px)}
.contact-directory{width:min(1640px,100%);margin:22px auto 52px;color:var(--uis-text)}
.contact-directory-intro{display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:28px;padding:28px 30px;border:1px solid var(--uis-line-strong);border-radius:20px;background:linear-gradient(135deg,var(--uis-card),var(--uis-panel));box-shadow:var(--uis-shadow)}
.contact-directory-intro h2{margin:0;font-size:clamp(1.7rem,2.7vw,2.65rem);letter-spacing:-.035em}.contact-directory-intro p{max-width:720px;margin:8px 0 0;color:var(--uis-muted);font-size:.78rem;line-height:1.65}.contact-directory-intro>span{display:grid;width:58px;height:58px;place-items:center;border:1px solid var(--uis-line);border-radius:17px;color:var(--uis-accent);background:var(--uis-accent-soft)}.contact-directory-intro>span svg{width:26px;height:26px;fill:none;stroke:currentColor}
.contact-directory-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px}.contact-directory-layout>main{display:grid;gap:16px;min-width:0}
.contact-directory-section{overflow:hidden;border:1px solid var(--uis-line-strong);border-radius:18px;background:var(--uis-card);box-shadow:var(--uis-shadow)}.contact-directory-section>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid var(--uis-line);background:var(--uis-panel)}.contact-directory-section>header h3,.contact-directory-section>header p{margin:0}.contact-directory-section>header h3{font-size:1rem}.contact-directory-section>header p{margin-top:4px;color:var(--uis-muted);font-size:.65rem}.contact-directory-section>header>b{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid var(--uis-line);border-radius:10px;color:var(--uis-accent);background:var(--uis-accent-soft);font-size:.68rem}
.contact-directory-section>div>article{display:grid;grid-template-columns:42px minmax(190px,.7fr) minmax(340px,1fr);align-items:center;gap:13px;min-height:70px;padding:10px 16px;border-top:1px solid var(--uis-line);background:var(--uis-card)}.contact-directory-section>div>article:first-child{border-top:0}.contact-directory-section>div>article:nth-child(even){background:var(--uis-card-alt)}.contact-directory-person-icon,.contact-directory-location{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--uis-line);border-radius:12px;color:var(--uis-accent);background:var(--uis-accent-soft)}.contact-directory-person-icon svg,.contact-directory-location svg{width:18px;height:18px;fill:none;stroke:currentColor}.contact-directory-section article>div:nth-child(2){display:grid;gap:3px;min-width:0}.contact-directory-section article small{color:var(--uis-accent);font-size:.53rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.contact-directory-section article strong{font-size:.76rem;line-height:1.35}
.contact-directory-actions{display:flex;justify-content:flex-end;gap:7px;min-width:0}.contact-directory-actions a{display:flex;min-width:0;min-height:38px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--uis-line);border-radius:10px;color:var(--uis-text);background:var(--uis-inset);font-size:.62rem;font-weight:800;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}.contact-directory-actions a:hover{border-color:var(--uis-accent);background:var(--uis-accent-soft);transform:translateY(-1px)}.contact-directory-actions a:focus-visible{outline:3px solid color-mix(in srgb,var(--uis-accent) 24%,transparent);outline-offset:2px}.contact-directory-actions svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:var(--uis-accent)}.contact-directory-actions span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contact-directory-branches>div{display:grid;grid-template-columns:1fr 1fr}.contact-directory-branches>div>article{grid-template-columns:44px minmax(140px,1fr);min-height:92px}.contact-directory-branches>div>article:nth-child(2){border-top:0;border-left:1px solid var(--uis-line)}.contact-directory-branches .contact-directory-actions{grid-column:2;justify-content:flex-start}.contact-directory-branches .contact-directory-actions a{min-width:150px;justify-content:center}
.contact-directory-departments .contact-directory-department-list>article{grid-template-columns:minmax(250px,1fr) minmax(360px,1fr);padding-left:20px}.contact-directory-departments .contact-directory-department-list>article>div:first-child{display:grid;min-width:0;gap:3px}.contact-directory-departments .contact-directory-department-list>article>.contact-directory-actions{display:flex;justify-content:flex-end;gap:7px}
.contact-community{position:sticky;top:18px;display:grid;justify-items:center;padding:26px 24px;border:1px solid var(--uis-line-strong);border-radius:20px;color:var(--uis-text);background:linear-gradient(155deg,var(--uis-card),var(--uis-panel));box-shadow:var(--uis-shadow);text-align:center}.contact-community-icon{display:grid;width:54px;height:54px;place-items:center;border:1px solid var(--uis-line);border-radius:16px;color:var(--uis-accent);background:var(--uis-accent-soft)}.contact-community-icon svg{width:25px;height:25px;fill:none;stroke:currentColor}.contact-community h3{margin:17px 0 0;font-size:1.15rem}.contact-community p{margin:9px 0 18px;color:var(--uis-muted);font-size:.66rem;line-height:1.55}.contact-community img{box-sizing:border-box;width:min(210px,100%);aspect-ratio:1;padding:10px;border:1px solid var(--uis-line);border-radius:15px;background:white;object-fit:contain}.contact-community>a{display:flex;width:100%;min-height:47px;align-items:center;justify-content:center;gap:9px;margin-top:18px;border:1px solid var(--uis-accent);border-radius:11px;color:var(--uis-head);background:var(--uis-accent);font-size:.7rem;font-weight:950;text-decoration:none;transition:transform .18s,filter .18s}.contact-community>a:hover{filter:brightness(1.07);transform:translateY(-2px)}.contact-community>a:focus-visible{outline:3px solid color-mix(in srgb,var(--uis-accent) 28%,transparent);outline-offset:3px}.contact-community>a svg{width:17px;height:17px;fill:none;stroke:currentColor}
.contact-directory-loading{display:flex;min-height:380px;align-items:center;justify-content:center;gap:14px;color:var(--uis-muted)}.contact-directory-loading>span{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--uis-line);border-radius:15px;color:var(--uis-accent);background:var(--uis-accent-soft)}.contact-directory-loading svg{width:23px;height:23px;fill:none;stroke:currentColor}.contact-directory-loading>div{display:grid;gap:4px}.contact-directory-loading strong{color:var(--uis-text);font-size:.8rem}.contact-directory-loading small{font-size:.62rem}
body[data-interface-surface="glass"][data-view="contact"] :is(.contact-directory-intro,.contact-directory-section,.contact-community){color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-bg);background-image:var(--uig-bg);box-shadow:var(--theme-glass-shadow);backdrop-filter:blur(8px) saturate(1.08);-webkit-backdrop-filter:blur(8px) saturate(1.08)}body[data-interface-surface="glass"][data-view="contact"] .contact-directory-section>header{border-color:var(--uig-line);background:var(--uig-panel)}body[data-interface-surface="glass"][data-view="contact"] .contact-directory-section>div>article{border-color:var(--uig-line);background:var(--uig-bg)}body[data-interface-surface="glass"][data-view="contact"] .contact-directory-section>div>article:nth-child(even){background:var(--uig-bg-alt)}body[data-interface-surface="glass"][data-view="contact"] :is(.contact-directory-actions a,.contact-directory-person-icon,.contact-directory-location){border-color:var(--uig-line);color:var(--uig-text);background:var(--uig-inset)}body[data-interface-surface="glass"][data-view="contact"] :is(.contact-directory-intro p,.contact-directory-section>header p,.contact-community p){color:var(--uig-muted)}
@media(max-width:1080px){.contact-directory-layout{grid-template-columns:1fr}.contact-community{position:relative;top:auto;grid-template-columns:70px minmax(0,1fr) 150px;justify-items:start;gap:3px 16px;text-align:left}.contact-community-icon{grid-row:1/4}.contact-community h3{margin:3px 0 0}.contact-community p{margin:5px 0}.contact-community img{grid-column:3;grid-row:1/4;width:140px}.contact-community>a{grid-column:2;width:auto;min-width:220px;margin-top:9px;padding:0 16px}}
@media(max-width:760px){body[data-view="contact"] .content{padding-inline:10px}.contact-directory{margin-top:12px}.contact-directory-intro{grid-template-columns:1fr;padding:22px}.contact-directory-intro>span{display:none}.contact-directory-section>div>article{grid-template-columns:42px minmax(0,1fr)}.contact-directory-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.contact-directory-branches>div{grid-template-columns:1fr}.contact-directory-branches>div>article:nth-child(2){border-top:1px solid var(--uis-line);border-left:0}.contact-directory-departments .contact-directory-department-list>article{grid-template-columns:1fr;padding:14px 16px}.contact-directory-departments .contact-directory-actions{grid-column:1;justify-content:flex-start}.contact-community{grid-template-columns:54px 1fr;padding:21px;text-align:left}.contact-community-icon{grid-row:1}.contact-community img{grid-column:1/-1;grid-row:auto;width:min(210px,100%);justify-self:center;margin-top:12px}.contact-community>a{grid-column:1/-1;width:100%;min-width:0}.contact-community p{grid-column:2}}
@media(max-width:480px){.contact-directory-actions{display:grid;width:100%}.contact-directory-actions a{width:100%;justify-content:flex-start}.contact-directory-section>div>article{padding:13px 12px}.contact-directory-branches .contact-directory-actions a{min-width:0}.contact-community{grid-template-columns:1fr;justify-items:center;text-align:center}.contact-community-icon,.contact-community p{grid-column:1}.contact-community h3{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.contact-directory-actions a,.contact-community>a{transition:none}}
.contact-directory-tabs{display:flex;gap:7px;margin-bottom:16px;padding:6px;border:1px solid var(--uis-line);border-radius:13px;background:var(--uis-panel)}.contact-directory-tabs button{display:flex;min-height:42px;align-items:center;gap:8px;padding:0 15px;border:1px solid var(--uis-line);border-radius:10px;color:var(--uis-muted);background:var(--uis-inset);font-weight:850}.contact-directory-tabs button:hover,.contact-directory-tabs button.is-active{color:var(--uis-text);border-color:var(--uis-line-strong);background:var(--uis-accent-soft)}.contact-directory-tabs button.is-active{box-shadow:inset 0 -3px var(--uis-accent)}.contact-directory-tabs button:focus-visible{outline:3px solid color-mix(in srgb,var(--uis-accent) 28%,transparent);outline-offset:2px}.contact-directory-tabs svg{width:17px;height:17px;fill:none;stroke:currentColor}.contact-directory-tabs b{padding:3px 7px;border-radius:999px;background:var(--uis-accent-soft);font-size:.62rem}
.employee-directory{overflow:hidden;border:1px solid var(--uis-line-strong);border-radius:18px;background:var(--uis-panel);box-shadow:var(--uis-shadow)}.employee-directory>header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid var(--uis-line)}.employee-directory h2,.employee-directory p{margin:0}.employee-directory h2{margin-top:3px;font-size:1.35rem}.employee-directory header small{color:var(--uis-accent);font-weight:900;text-transform:uppercase}.employee-directory header p{margin-top:6px;color:var(--uis-muted);font-size:.7rem}.employee-directory header label,.admin-directory-search{display:flex;min-width:300px;min-height:42px;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--uis-line);border-radius:10px;background:var(--uis-inset)}.employee-directory input,.admin-directory-search input{width:100%;border:0;outline:0;color:var(--uis-text);background:transparent}.employee-directory-head,.employee-directory-table article{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(260px,1fr) minmax(300px,1fr);align-items:center;gap:16px;padding:12px 20px}.employee-directory-head{color:var(--uis-muted);background:var(--uis-inset);font-size:.58rem;font-weight:900;text-transform:uppercase}.employee-directory-table article{min-height:68px;border-top:1px solid var(--uis-line);background:var(--uis-card)}.employee-directory-table article:nth-child(even){background:var(--uis-card-alt)}.employee-directory-table article>div:first-child{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:0 10px}.employee-directory-table article>div:first-child>span{grid-row:1/3;display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--uis-accent);background:var(--uis-accent-soft);font-size:.65rem;font-weight:900}.employee-directory-table article small{color:var(--uis-muted)}.employee-directory-table article p{font-size:.72rem}.employee-directory-table article em{color:var(--uis-muted);font-size:.66rem}.employee-directory-empty{padding:26px;text-align:center}
.admin-directory-page{display:grid;gap:16px;color:var(--uis-text)}.admin-directory-page>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--uis-line-strong);border-radius:17px;background:var(--uis-panel)}.admin-directory-page h2,.admin-directory-page p{margin:0}.admin-directory-page header small{color:var(--uis-accent);font-weight:900;text-transform:uppercase}.admin-directory-page header p{margin-top:6px;color:var(--uis-muted)}.admin-directory-page>header button{min-height:42px}.admin-directory-search{width:min(420px,100%)}.admin-directory-list{overflow:hidden;border:1px solid var(--uis-line-strong);border-radius:16px}.admin-directory-list article{display:grid;grid-template-columns:minmax(240px,1fr) minmax(140px,.55fr) minmax(210px,.75fr) auto auto;align-items:center;gap:12px;min-height:66px;padding:10px 14px;border-top:1px solid var(--uis-line);background:var(--uis-card)}.admin-directory-list article:first-child{border-top:0}.admin-directory-list article:nth-child(even){background:var(--uis-card-alt)}.admin-directory-list article>div{display:grid;gap:3px}.admin-directory-list small,.admin-directory-list article>span{color:var(--uis-muted);font-size:.66rem}.admin-directory-list button{min-height:38px}
body[data-interface-surface="glass"] :is(.contact-directory-tabs,.employee-directory,.admin-directory-page>header){color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-panel)}body[data-interface-surface="glass"] :is(.contact-directory-tabs button,.employee-directory header label,.admin-directory-search){color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-inset)}body[data-interface-surface="glass"] :is(.employee-directory-table article,.admin-directory-list article){border-color:var(--uig-line);background:var(--uig-bg)}body[data-interface-surface="glass"] :is(.employee-directory-table article:nth-child(even),.admin-directory-list article:nth-child(even)){background:var(--uig-bg-alt)}
@media(max-width:760px){.contact-directory-tabs{overflow-x:auto}.contact-directory-tabs button{flex:0 0 auto}.employee-directory>header{align-items:stretch;flex-direction:column}.employee-directory header label{min-width:0}.employee-directory-head{display:none}.employee-directory-table article{grid-template-columns:1fr;padding:15px}.employee-directory-table article>.contact-directory-actions{grid-column:1}.admin-directory-page>header{align-items:stretch;flex-direction:column}.admin-directory-list article{grid-template-columns:1fr 1fr}.admin-directory-list article>div{grid-column:1/-1}.admin-directory-list article>span{grid-column:span 1}}
.employee-directory header label>svg,.admin-directory-search>svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:var(--uis-accent)}
.employee-directory .contact-directory-actions a{min-height:44px;min-width:168px;justify-content:center;padding-inline:14px;border-color:var(--uis-line-strong);border-radius:11px;color:var(--uis-text);background:var(--uis-inset);font-size:.82rem;font-weight:950;letter-spacing:.015em}.employee-directory .contact-directory-actions svg{width:18px;height:18px}.employee-directory-table article{min-height:76px}.employee-directory-table article strong{font-size:.86rem}.employee-directory-table article p{font-size:.76rem;line-height:1.4}
.admin-directory-page>header>button{min-height:44px;padding:0 18px;border-radius:11px;font-weight:900}.admin-directory-list article>[data-admin-directory-edit],.admin-directory-list article>[data-admin-directory-delete]{display:inline-flex;min-width:0;width:100%;height:34px;min-height:34px;align-items:center;justify-content:center;padding:0 9px;border-width:1px;border-style:solid;border-radius:8px;font-size:.64rem;font-weight:850;line-height:1;white-space:nowrap}.admin-directory-list .admin-directory-phone{color:var(--uis-text);font-size:.78rem;font-weight:900;letter-spacing:.035em}
.admin-directory-page>header>button{display:flex;align-items:center;gap:8px}.admin-directory-page>header>button svg{width:17px;height:17px;fill:none;stroke:currentColor}
.employee-directory .contact-directory-actions a{font-size:.94rem}.employee-directory-table article strong{font-size:.94rem}.employee-directory-table article p{font-size:.82rem}
.employee-directory [data-employee-row][hidden]{display:none!important}
.admin-directory-toolbar #adminDirectoryAdd{justify-self:end;width:max-content}
.admin-directory-toolbar{display:grid;grid-template-columns:auto minmax(240px,420px) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--uis-line-strong);border-radius:15px;background:var(--uis-panel)}.admin-directory-toolbar .contact-directory-tabs{margin:0;padding:0;border:0;background:transparent}.admin-directory-toolbar .admin-directory-search{box-sizing:border-box;width:100%;min-width:0}.admin-directory-toolbar>button{display:inline-flex!important;height:42px!important;min-height:42px!important;align-items:center;justify-content:center;gap:8px;padding:0 18px!important;border-radius:10px;font-size:.68rem;font-weight:900;line-height:1;white-space:nowrap}.admin-directory-toolbar>button svg{display:block;width:18px!important;height:18px!important;min-width:18px;fill:none;stroke:currentColor}body[data-interface-surface="glass"] .admin-directory-toolbar{color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-panel)}@media(max-width:980px){.admin-directory-toolbar{grid-template-columns:1fr auto}.admin-directory-toolbar .contact-directory-tabs{grid-column:1/-1;overflow-x:auto}.admin-directory-toolbar .admin-directory-search{max-width:none}}@media(max-width:620px){.admin-directory-toolbar{grid-template-columns:1fr}.admin-directory-toolbar .contact-directory-tabs,.admin-directory-toolbar>button{grid-column:1}.admin-directory-toolbar>button{width:100%}}