/* TIPS account/auth UI — small additions matching the HUD visual language.
   Theme-compatible: uses the site's existing cyan accent + dark panels. */

.hud-gate {
  text-align: center;
  padding: 1.5rem 1rem;
}
.hud-gate-icon {
  font-size: 2.4rem;
  color: #0ff;
  text-shadow: 0 0 18px rgba(0, 255, 255, 0.55);
  margin-bottom: 0.75rem;
}
.hud-gate h4 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
}
.hud-gate .btn {
  min-width: 150px;
}

/* Account status badge shown inside the nav dropdown */
.hud-account-status {
  display: block;
  font-size: 0.65rem;
  letter-spacing: 1.5px;
  padding: 4px 14px 6px;
  border-bottom: 1px solid rgba(0, 255, 255, 0.2);
  margin-bottom: 4px;
  text-align: center;
}
.hud-status-pending   { color: #ffc107; }
.hud-status-suspended { color: #ff6b6b; }
.hud-status-rejected  { color: #adb5bd; }

.tips-account-item > a i {
  margin-right: 4px;
}

/* Profile page (profile.php) */
.profile-page {
  min-height: 100vh;
  background: radial-gradient(ellipse at top, #0a1226 0%, #050810 60%, #02040a 100%);
  color: #cfe;
  padding: 2rem 1rem;
}
.profile-card {
  max-width: 720px;
  margin: 0 auto;
  background: rgba(5, 12, 24, 0.92);
  border: 1px solid rgba(0, 255, 255, 0.35);
  box-shadow: 0 0 30px rgba(0, 255, 255, 0.12), inset 0 0 24px rgba(0, 0, 0, 0.5);
  padding: 2rem;
}
.profile-card h1 {
  color: #0ff;
  font-size: 1.4rem;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.profile-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.75rem;
  margin: 1.25rem 0;
}
.profile-meta .meta-item {
  background: rgba(0, 255, 255, 0.05);
  border: 1px solid rgba(0, 255, 255, 0.15);
  padding: 0.6rem 0.8rem;
}
.profile-meta .meta-label {
  display: block;
  font-size: 0.65rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #6fa;
  opacity: 0.8;
}
.profile-meta .meta-value { color: #fff; }
.profile-banner {
  padding: 0.75rem 1rem;
  border: 1px solid;
  margin-bottom: 1.25rem;
  text-align: center;
  letter-spacing: 1px;
}
.profile-banner.pending   { border-color: #ffc107; color: #ffc107; }
.profile-banner.suspended { border-color: #ff6b6b; color: #ff6b6b; }
.profile-banner.rejected  { border-color: #adb5bd; color: #adb5bd; }
.profile-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-top: 1.5rem; }