/* app/resources/public_profile.css */
.public-profile { --bg: #fff; --fg:#111827; --muted:#6b7280; --card:#f8fafc; --border:#e5e7eb; --primary:#6d28d9; }
@media (prefers-color-scheme: dark){
  .public-profile { --bg:#0b0f17; --fg:#f3f4f6; --muted:#9ca3af; --card:#0f1521; --border:#1f2937; }
}
.public-profile{ background:var(--bg); color:var(--fg); padding:24px; border-radius:16px; box-shadow:0 8px 28px rgba(0,0,0,.15); }

.pp-header{ display:flex; gap:16px; align-items:center; }
.pp-avatar{ width:88px; height:88px; border-radius:999px; object-fit:cover; border:3px solid var(--border); }
.pp-title h1{ margin:0; font-size:28px; line-height:1.2; }
.pp-sub{ color:var(--muted); margin-top:4px; }
.pp-rating{ margin-top:8px; display:flex; align-items:center; gap:8px; color:var(--muted); }
.pp-star{ color:#f59e0b; }

.pp-chips{ margin-top:8px; display:flex; gap:8px; flex-wrap:wrap; }
.pp-chip{ background:rgba(109,40,217,.12); color:#a78bfa; padding:4px 10px; border-radius:999px; font-weight:700; font-size:12px; border:1px solid rgba(167,139,250,.25); }

.pp-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:18px 0 8px; }
.pp-card{ background:var(--card); border:1px solid var(--border); border-radius:14px; padding:14px 16px; }
.pp-card-title{ color:var(--muted); font-size:13px; }
.pp-card-value{ font-weight:800; margin-top:4px; }

.pp-about h2, .pp-schedule h2{ margin:18px 0 8px; }
.pp-about p{ color:var(--fg); line-height:1.6; margin:0; }

.pp-schedule-head{ display:flex; align-items:center; justify-content:space-between; }
.pp-legend{ color:var(--muted); font-size:13px; display:flex; align-items:center; gap:14px; }
.pp-dot{ width:10px; height:10px; border-radius:999px; display:inline-block; margin-right:6px; vertical-align:middle; border:1px solid var(--border); }
.pp-dot.available{ background:#10b981; }
.pp-dot.reserved{ background:#1f2937; }

.pp-agenda{ display:grid; grid-template-columns:repeat(7,1fr); gap:10px; margin-top:10px; }
.pp-day{ background:var(--card); border:1px solid var(--border); border-radius:14px; padding:12px; }
.pp-day-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.pp-dow{ color:var(--muted); font-size:12px; font-weight:700; }
.pp-date{ font-weight:900; }

.pp-slot{ width:100%; padding:8px 10px; border-radius:10px; border:1px solid rgba(109,40,217,.35); background:rgba(109,40,217,.12); color:#c4b5fd; font-weight:800; margin-bottom:8px; cursor:pointer; }
.pp-slot:hover{ filter:brightness(1.1); }
.pp-slot.disabled{ background:transparent; color:var(--muted); border-color:var(--border); cursor:not-allowed; }

.pp-hint{ text-align:center; color:var(--muted); font-size:13px; margin-top:12px; }

.pp-cta{ display:flex; justify-content:center; margin-top:18px; }
.pp-whats{ display:inline-block; padding:14px 20px; border-radius:12px; font-weight:900; color:#fff; background:linear-gradient(135deg, var(--primary), #7c3aed); text-decoration:none; box-shadow:0 10px 24px rgba(124,58,237,.35); }

/* Topbar / botão voltar */
.pp-topbar{ display:flex; align-items:center; margin-bottom:12px; }
.pp-sticky{ position:sticky; top:8px; z-index:50; }
.pp-back{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:10px;
  background:var(--card); border:1px solid var(--border);
  text-decoration:none; font-weight:800; color:var(--fg);
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.pp-back:hover{ filter:brightness(1.05); }