/* USR50 Core Suite UI (Facebook-style) */
:root{
  --u-blue:#1877F2; --u-sky:#1D9BF0; --u-ink:#0F172A; --u-muted:#475569; --u-bg:#F5F7FB; --u-card:#fff; --u-line:#E5E7EB;
  --u-shadow: 0 16px 45px rgba(15,23,42,.10);
  --u-shadow2: 0 10px 26px rgba(15,23,42,.08);
}
/* State cards grid */
.usr50-state-grid{ display:grid; gap:18px; }
.usr50-state-grid.cols-4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
.usr50-state-grid.cols-3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.usr50-state-grid.cols-2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.usr50-state-grid.cols-1{ grid-template-columns: 1fr; }
@media (max-width: 1000px){ .usr50-state-grid.cols-4{ grid-template-columns: repeat(2,1fr);} .usr50-state-grid.cols-3{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 640px){ .usr50-state-grid{ grid-template-columns: 1fr !important; } }

.usr50-card{
  background: var(--u-card);
  border:1px solid var(--u-line);
  border-radius: 18px;
  overflow:hidden;
  box-shadow: var(--u-shadow2);
  transition: transform .12s ease, box-shadow .12s ease;
  color: var(--u-ink);
}
.usr50-card:hover{ transform: translateY(-2px); box-shadow: var(--u-shadow); text-decoration:none; }
.usr50-card__img{
  height: 140px;
  background: linear-gradient(135deg, rgba(24,119,242,.20), rgba(29,155,240,.14));
  background-size: cover;
  background-position: center;
}
.usr50-card__body{ padding: 14px; display:flex; flex-direction:column; gap:8px; min-height: 160px; }
.usr50-card__title{ font-weight: 900; font-size: 18px; }
.usr50-card__desc{ color: var(--u-muted); font-weight: 600; font-size: 14px; }
.usr50-card__cta{ margin-top:auto; color: var(--u-blue); font-weight: 900; }

/* Directory */
.usr50-dir__bar{
  display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end;
  background: #F1F5F9;
  border:1px solid var(--u-line);
  border-radius: 18px;
  padding: 14px;
}
.usr50-field{ display:flex; flex-direction:column; gap:6px; min-width: 220px; }
.usr50-field label{ font-size: 13px; font-weight: 900; color: var(--u-muted); }
.usr50-field select{
  background:#fff; border:1px solid #D1D5DB; border-radius: 14px; padding: 10px 12px;
  font-weight: 800; color: var(--u-ink);
}
.usr50-search{
  border: none; border-radius: 14px; padding: 11px 16px;
  background: linear-gradient(135deg, var(--u-blue), var(--u-sky));
  color:#fff; font-weight: 900;
  cursor:pointer;
}
.usr50-dir__meta{ margin-left:auto; font-weight: 800; color: var(--u-muted); }
.usr50-dir__list{ margin-top: 14px; display:flex; flex-direction:column; gap:12px; }

.usr50-row{
  background:#fff; border:1px solid var(--u-line); border-radius: 18px;
  box-shadow: var(--u-shadow2);
  padding: 14px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.usr50-row__left{ display:flex; flex-direction:column; gap:4px; }
.usr50-row__title{ font-weight: 900; font-size: 16px; color: var(--u-ink); }
.usr50-row__meta{ display:flex; gap:8px; align-items:center; color: var(--u-muted); font-weight: 700; font-size: 13px; flex-wrap: wrap; }
.usr50-badge{ display:inline-flex; align-items:center; gap:6px; padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(15,23,42,.10); background: rgba(24,119,242,.08); font-weight: 900; font-size: 12px; color: var(--u-ink); }
.usr50-open{ font-weight: 900; color: var(--u-ink); text-decoration:none; padding: 10px 12px; border-radius: 14px; border:1px solid var(--u-line); background:#fff; white-space:nowrap; }
.usr50-open:hover{ background: rgba(24,119,242,.08); text-decoration:none; }

/* WP Go Maps wrapper */
.usr50-wpgmza iframe, .usr50-wpgmza canvas, .usr50-wpgmza .wpgmza_map{
  width: 100% !important;
  height: 100% !important;
}