/* Pelham High Theme – Panther BG + neon green accents */

body {
  background-image: url("/assets/panther.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  color: #e7f3ff;
}

/* Add text shadows for better readability on white background areas */
body.frosted-log,
body.frosted-pay {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* Enhance glass panels with darker background for Pelham */
body.frosted-log .glass-panel,
body.frosted-pay .glass-panel {
  background: rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(28px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(140%) !important;
}

/* Make headers more readable */
body.frosted-log .sp-header,
body.frosted-pay .sp-header {
  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(30px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(150%) !important;
}

/* Glow helper */
.panther-glow {
  box-shadow: 0 0 40px rgba(0, 255, 140, 0.4);
}

/* Buttons */
button,
.btn-primary {
  background-color: #23c55e !important;
  border-color: #23c55e !important;
}

button:hover,
.btn-primary:hover {
  background-color: #19a54c !important;
}

/* Summary Card + panel backgrounds on NON-frosted pages */
body:not(.frosted-log):not(.frosted-pay) .summary-card,
body:not(.frosted-log):not(.frosted-pay) .panel {
  background: rgba(5, 12, 20, 0.85) !important;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Headers */
h1,
h2,
h3,
.title {
  color: #ffffff !important;
}

/* Inputs */
input,
select {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

input::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

/* Info sections */
.info-section {
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Table text readability */
body.frosted-log table td,
body.frosted-log table th,
body.frosted-pay table td,
body.frosted-pay table th {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), 0 1px 6px rgba(0, 0, 0, 0.6);
}

/* General text in panels */
body.frosted-log .panel,
body.frosted-pay .panel,
body.frosted-log .card,
body.frosted-pay .card {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 1px 6px rgba(0, 0, 0, 0.5);
}

/* Stat cards */
body.frosted-log .stat-value,
body.frosted-pay .stat-value {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 2px 10px rgba(0, 0, 0, 0.7);
}

/* Muted text should still be readable */
body.frosted-log .muted,
body.frosted-pay .muted {
  color: rgba(229, 231, 235, 0.8) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}