/* profile.css — consultant profile, specialty/condition/clinic pages */

.profile-hero {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 28px 0;
}
@media (max-width: 760px) {
  .profile-hero { grid-template-columns: 1fr; justify-items: start; text-align: left; gap: 16px; }
  .profile-hero .text-center { text-align: left; width: 100%; }
}

.tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); margin: 24px 0; overflow-x: auto; }
.tab-btn {
  padding: 12px 18px;
  font-weight: 700;
  font-size: 14px;
  color: var(--muted);
  border: none;
  background: none;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
.tab-btn.active { color: var(--plum-700); border-color: var(--plum-700); }
.tab-panel { display: none; }
.tab-panel.active { display: block; }

.expertise-list { display: grid; gap: 10px; }
.expertise-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; }
.tier-pill { font-size: 11.5px; font-weight: 800; padding: 3px 10px; border-radius: 999px; text-transform: uppercase; letter-spacing: .03em; }
.tier-Expert { background: #e7f6ee; color: var(--ok); }
.tier-Specialist { background: var(--info-bg); color: var(--info); }
.tier-Proficient { background: var(--plum-100); color: var(--plum-700); }
.tier-General, .tier-Basic { background: #f1eef4; color: var(--muted); }

.insurer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
@media (max-width: 600px) { .insurer-grid { grid-template-columns: 1fr 1fr; } }
.insurer-row { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; font-size: 13.5px; font-weight: 600; }

.section-header-bg {
  background: linear-gradient(180deg, var(--plum-50), transparent);
  border-bottom: 1px solid var(--line);
}

.clinic-card { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 24px; }
@media (max-width: 760px) { .clinic-card { grid-template-columns: 1fr; } }
.clinic-map-placeholder {
  background: repeating-linear-gradient(45deg, #f3edf6, #f3edf6 10px, #ece2f0 10px, #ece2f0 20px);
  border-radius: var(--radius);
  min-height: 220px;
  display: flex; align-items: center; justify-content: center;
  color: var(--plum-700); font-weight: 700; font-size: 13px;
}

.sidebar-card { position: sticky; top: 84px; }
@media (max-width: 900px) {
  .sidebar-card { position: static; }
}
.next-slot-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line-soft); font-size: 13.5px; }
.next-slot-item:last-child { border: none; }