/* =========================================================================
   DIRECTORY
   ========================================================================= */
.directory-hero {
  background: var(--paper-50);
  padding: var(--sp-7) 0 var(--sp-6);
  border-bottom: 1px solid var(--paper-100);
}

.directory-tabs { display: flex; gap: var(--sp-2); margin-bottom: var(--sp-6); flex-wrap: wrap; }
.directory-tab {
  height: 40px;
  padding: 0 var(--sp-5);
  border-radius: var(--r-pill);
  border: 1.5px solid var(--paper-100);
  background: var(--paper-0);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink-600);
}
.directory-tab.is-active { border-color: var(--brass-500); color: var(--ink-950); background: var(--brass-100); }

.directory-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--sp-4);
}
.directory-card {
  padding: var(--sp-5);
  border-radius: var(--r-md);
  border: 1px solid var(--paper-100);
  background: var(--paper-0);
  display: flex;
  align-items: center;
  gap: var(--sp-4);
}
.directory-card__avatar {
  width: 46px; height: 46px;
  border-radius: 50%;
  background: var(--ink-950);
  color: var(--brass-300);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-size: 15px;
  flex-shrink: 0;
}
.directory-card__name { font-weight: 700; font-size: 14.5px; color: var(--ink-950); }
.directory-card__role { font-size: 12.5px; color: var(--brass-600); margin-top: 2px; }
.directory-card__phone { font-family: var(--font-mono); font-size: 12.5px; color: var(--ink-600); margin-top: 4px; }
.directory-card__phone a { color: inherit; }

.directory-section-gap { margin-top: var(--sp-8); }

.water-schedule-table th, .water-schedule-table td { text-align: center; }
.water-schedule-table th:first-child, .water-schedule-table td:first-child { text-align: left; }
html.is-rtl .water-schedule-table th:first-child, html.is-rtl .water-schedule-table td:first-child { text-align: right; }