@font-face{font-family:IranNastaliq;src:url('../font/IranNastaliq.ttf') format('truetype');font-display:swap}
body.kanon-office-directory{overflow-x:hidden}
.kanon-office-directory .kanon-public-hero h1:empty{display:none}
.kanon-office-directory .kanon-public-hero:before{background:transparent}
.kanon-office-directory .kanon-public-hero p{margin:0;font-family:IranNastaliq,Vazirmatn,Tahoma,sans-serif;font-size:clamp(30px,3.8vw,52px);line-height:1.8;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);transform:translateY(48px)}
.directory-wrap{width:min(70%,960px);margin:auto;padding:28px 0 52px}
.directory-filters{display:grid;grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto auto;gap:12px;align-items:end;padding:18px;border:1px solid var(--kanon-border);border-radius:var(--kanon-radius);background:#fff;box-shadow:var(--kanon-shadow)}
.directory-filters label{display:grid;gap:6px;color:var(--kanon-text);font-size:13px;font-weight:700}.directory-filters input,.directory-filters select{width:100%;min-height:44px;border:1px solid #bfd2e6;border-radius:7px;background:#fff;padding:8px 11px;color:var(--kanon-text);font:inherit}.directory-filters button,.directory-filters>a,.office-detail{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 17px;border:0;border-radius:7px;background:var(--kanon-brand-blue);color:#fff;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.directory-filters>a{border:1px solid #bfd2e6;background:#fff;color:var(--kanon-brand-navy)}
.directory-summary{display:flex;align-items:center;gap:6px;margin:22px 2px 12px;color:var(--kanon-muted);font-size:14px}.directory-summary strong{color:var(--kanon-brand-navy);font-size:19px}.directory-summary span{margin-right:auto}
.directory-table-wrap{overflow:hidden;border:1px solid var(--kanon-border);border-radius:var(--kanon-radius);background:#fff;box-shadow:var(--kanon-shadow)}.directory-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.directory-table th{padding:12px 10px;background:#e8f3fd;color:#075a99;text-align:right;font-weight:700}.directory-table td{padding:11px 8px;border-top:1px solid #e5edf5;vertical-align:middle;color:#173f67;overflow-wrap:anywhere}.directory-table tbody tr:nth-child(even){background:#fffaf0}.directory-table tbody tr:hover{background:#f8fbff}.directory-table th:nth-child(1){width:7%}.directory-table th:nth-child(2){width:9%}.directory-table th:nth-child(3){width:16%}.directory-table th:nth-child(4){width:28%}.directory-table th:nth-child(5){width:12%}.directory-table th:nth-child(6){width:10%}.directory-table th:nth-child(7){width:18%}.office-number{font-size:18.2px;font-weight:700;color:#075a99!important}.office-phone{direction:ltr;text-align:right}.office-status{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.office-status--active{background:#dff5e8;color:#087743}.office-status--inactive{background:#f1f3f5;color:#5d6873}.office-detail{min-height:34px;padding:5px 11px;font-size:12px}.empty-value{color:#92a2b2}
.directory-cards{display:none}.directory-message{padding:28px;border:1px solid var(--kanon-border);border-radius:var(--kanon-radius);background:#fff;text-align:center;color:var(--kanon-muted)}.directory-message--error{border-color:#efb8b8;background:#fff4f4;color:#9b2424}.directory-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.directory-pagination a,.directory-pagination span{min-width:105px;padding:9px 14px;border:1px solid #c7daed;border-radius:7px;background:#fff;color:#075a99;text-align:center;text-decoration:none;font-weight:700}.directory-pagination span{background:#eaf4fd;color:#173f67}
@media(max-width:1000px){.directory-filters{grid-template-columns:2fr 1fr 1fr}.directory-filters button,.directory-filters>a{width:100%}.directory-table{font-size:12px}.directory-table th:nth-child(4){width:24%}.directory-table th:nth-child(7){width:19%}}
@media(max-width:760px){.directory-wrap{width:calc(100% - 24px);padding:16px 0 36px}.directory-filters{grid-template-columns:1fr 1fr;padding:13px}.directory-filters label:first-child{grid-column:1/-1}.directory-filters button,.directory-filters>a{min-width:0;padding-inline:8px}.directory-summary{flex-wrap:wrap}.directory-summary span{width:100%;margin:0}.directory-table-wrap{display:none}.directory-cards{display:grid;gap:12px}.office-card{min-width:0;padding:15px;border:1px solid var(--kanon-border);border-radius:10px;background:#fff;box-shadow:var(--kanon-shadow)}.office-card:nth-child(even){background:#fffaf0}.office-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #e5edf5;color:#075a99}.office-card dl{margin:8px 0 14px}.office-card dl>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;padding:7px 0}.office-card dt{color:var(--kanon-muted);font-size:12px}.office-card dd{min-width:0;margin:0;color:#173f67;overflow-wrap:anywhere}.office-card .office-detail{width:100%}.directory-pagination{gap:7px}.directory-pagination a,.directory-pagination span{min-width:0;flex:1;padding-inline:7px;font-size:12px}}
@media(max-width:430px){.directory-filters{grid-template-columns:1fr}.directory-filters label:first-child{grid-column:auto}.kanon-office-directory .kanon-public-hero p{font-size:25px}.office-card dl>div{grid-template-columns:72px minmax(0,1fr)}}
.directory-table th:nth-child(3){width:21%}.directory-table th:nth-child(4){width:31%}.directory-table th:nth-child(6){width:8%}.directory-table th:nth-child(7){width:12%}
