/* Profile CSS */
.guest-banner { position:relative;z-index:2;margin-top:80px;padding:1.2rem 2rem;background:rgba(201,168,76,0.08);border-bottom:1px solid rgba(201,168,76,0.2);display:flex;align-items:center;gap:1rem;font-family:var(--font-ui);color:var(--silver);font-size:0.95rem; }
.guest-banner i { color:var(--gold);font-size:1.5rem; }
.guest-banner a { color:var(--gold);font-weight:600; }

.profile-section { position:relative;z-index:1; }

/* Cover */
.profile-cover { position:relative;height:280px;background:linear-gradient(135deg,#1a1a4e,#2d1b69,#4a1d96);overflow:hidden;margin-top:80px; }
.profile-cover-overlay { position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(2,2,10,0.8)); }
.cover-stars { position:absolute;inset:0;pointer-events:none; }
.cover-edit-btn { position:absolute;bottom:1rem;right:1.5rem;background:rgba(0,0,0,0.5);border:1px solid var(--glass-border);color:var(--white);padding:0.5rem 1rem;border-radius:8px;cursor:pointer;font-family:var(--font-ui);font-size:0.8rem;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s; }
.cover-edit-btn:hover { border-color:var(--gold);color:var(--gold); }

/* Main */
.profile-main { display:flex;align-items:flex-end;gap:1.5rem;margin-top:-60px;padding-bottom:1.5rem;position:relative;flex-wrap:wrap; }
.profile-avatar-wrap { position:relative;flex-shrink:0; }
.profile-avatar { width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3rem;color:var(--black);border:4px solid var(--black);box-shadow:0 0 30px rgba(201,168,76,0.4); }
.avatar-edit-btn { position:absolute;bottom:5px;right:5px;width:30px;height:30px;border-radius:50%;background:var(--gold);border:none;color:var(--black);cursor:pointer;font-size:0.75rem;display:flex;align-items:center;justify-content:center;transition:all 0.3s; }
.avatar-edit-btn:hover { transform:scale(1.1); }
.profile-glow-ring { position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(201,168,76,0.3);animation:glowPulse 3s ease infinite; }
.profile-identity { flex:1;min-width:200px;padding-bottom:0.5rem; }
.profile-name { font-family:var(--font-display);font-size:1.8rem;color:var(--white);margin-bottom:0.2rem; }
.profile-username { font-family:var(--font-ui);color:var(--gold);font-size:0.9rem;margin-bottom:0.5rem; }
.profile-bio { color:var(--silver);font-size:0.95rem;margin-bottom:0.8rem;line-height:1.5; }
.profile-meta-row { display:flex;gap:1.5rem;flex-wrap:wrap;font-family:var(--font-ui);font-size:0.82rem;color:var(--silver); }
.profile-meta-row span { display:flex;align-items:center;gap:0.4rem; }
.profile-meta-row i { color:var(--gold); }
.edit-profile-btn { margin-bottom:0.5rem;white-space:nowrap; }

/* Tabs */
.profile-tabs-wrap { border-bottom:1px solid var(--glass-border);padding-bottom:0; }
.profile-tabs { margin-bottom:0;border-bottom:none; }
.profile-content { padding-top:2rem;padding-bottom:6rem; }
.tab-panel { display:none; }
.tab-panel.active { display:block; }
.tab-section-title { font-family:var(--font-display);font-size:1.3rem;color:var(--gold);margin-bottom:1.5rem; }

/* Overview */
.overview-grid { display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem; }
.profile-info-card,.profile-stats-card { padding:1.5rem; }
.card-section-title { font-family:var(--font-ui);font-size:0.8rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem; }
.info-row { display:flex;align-items:center;gap:0.8rem;padding:0.5rem 0;border-bottom:1px solid rgba(201,168,76,0.06);font-size:0.9rem;color:var(--silver); }
.info-row i { color:var(--gold);width:16px; }
.interests-wrap { display:flex;flex-wrap:wrap;gap:0.5rem; }
.profile-stats-grid { display:grid;grid-template-columns:1fr 1fr;gap:1rem; }
.pstat { text-align:center;padding:1rem;background:rgba(255,255,255,0.03);border-radius:12px; }
.pstat-num { font-family:var(--font-display);font-size:1.8rem;color:var(--gold); }
.pstat-label { font-family:var(--font-ui);font-size:0.75rem;color:var(--silver);margin-top:0.2rem; }

/* Appointment History */
.appt-history-list { display:flex;flex-direction:column;gap:1rem; }
.appt-history-item { display:flex;gap:1.5rem;align-items:center;padding:1.2rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px; }
.appt-hist-icon { font-size:2rem;flex-shrink:0; }
.appt-hist-info { flex:1; }
.appt-hist-info strong { display:block;font-family:var(--font-ui);color:var(--white);font-size:0.95rem; }
.appt-hist-info span { font-size:0.85rem;color:var(--silver); }
.appt-hist-status { font-family:var(--font-ui);font-size:0.8rem;padding:0.3rem 0.8rem;border-radius:20px; }
.status-pending { background:rgba(255,193,7,0.15);color:#ffc107;border:1px solid rgba(255,193,7,0.3); }
.status-confirmed { background:rgba(40,167,69,0.15);color:#28a745;border:1px solid rgba(40,167,69,0.3); }

/* Activity */
.activity-list { display:flex;flex-direction:column;gap:0.8rem; }
.activity-item { display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px; }
.activity-icon { width:36px;height:36px;border-radius:50%;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.2);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0; }
.activity-text { font-size:0.9rem;color:var(--silver);line-height:1.5; }
.activity-text strong { color:var(--white); }
.activity-time { font-family:var(--font-ui);font-size:0.75rem;color:var(--silver);margin-top:0.2rem; }

/* Edit Modal */
.edit-modal { max-width:550px;max-height:90vh;overflow-y:auto; }
.interests-selector { display:flex;flex-wrap:wrap;gap:0.6rem; }
.interest-opt { display:flex;align-items:center;gap:0.4rem;padding:0.4rem 0.9rem;border:1px solid var(--glass-border);border-radius:20px;cursor:pointer;font-family:var(--font-ui);font-size:0.82rem;color:var(--silver);transition:all 0.3s; }
.interest-opt:hover,.interest-opt:has(input:checked) { border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,0.08); }
.interest-opt input { display:none; }

@media (max-width:1024px) { .overview-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:768px) {
  .overview-grid { grid-template-columns:1fr; }
  .profile-cover { height:180px; margin-top:64px; }
  .profile-main { flex-direction:column; align-items:flex-start; margin-top:-50px; gap:.8rem; padding:0 1rem 1rem; }
  .profile-avatar { width:90px; height:90px; font-size:2.2rem; }
  .profile-name { font-size:1.3rem; }
  .profile-meta-row { gap:.8rem; font-size:.78rem; }
  .profile-tabs { overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; display:flex; }
  .profile-tabs .tab-btn { flex-shrink:0; font-size:.8rem; padding:.5rem .9rem; }
  .profile-stats-grid { grid-template-columns:1fr 1fr; gap:.7rem; }
  .pstat-num { font-size:1.4rem; }
  .appt-history-item { flex-direction:column; gap:.6rem; }
}
