/* PSG PANELS – DARK UI READABILITY FIX */

.psg-panel,
.psg-panel * {
  color: #e8eef5;
}

/* Inputs / selects / textarea */
.psg-panel input[type="text"],
.psg-panel input[type="search"],
.psg-panel input[type="date"],
.psg-panel input[type="time"],
.psg-panel input[type="number"],
.psg-panel select,
.psg-panel textarea {
  background: #0b1220;
  color: #e8eef5;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  outline: none;
}

.psg-panel input::placeholder,
.psg-panel textarea::placeholder {
  color: rgba(232,238,245,.65);
}

.psg-panel input:focus,
.psg-panel select:focus,
.psg-panel textarea:focus {
  border-color: rgba(56,189,248,.70);
  box-shadow: 0 0 0 3px rgba(56,189,248,.14);
}

/* Date/time picker icons: force white in dark UI */
.psg-panel input[type="date"],
.psg-panel input[type="time"] {

}

.psg-panel input[type="date"]::-webkit-calendar-picker-indicator,
.psg-panel input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.35);
  opacity: 1;
}

.psg-panel ::selection {
  background: rgba(56,189,248,.35);
  color: #ffffff;
}

/* Modal */
.psg-modal-dialog {
  background: #020617;
  border: 1px solid rgba(255,255,255,.10);
}

.psg-modal-head h3,
.psg-modal-body h4 {
  color: #f8fafc;
}

/* Player row / list item readability */
.psg-player-row,
.psg-card {
  color: #e8eef5;
}

.psg-player-row input[type="text"] {
  background: #0b1220;
  color: #e8eef5;
}

/* Tabs */
.psg-tabs {
  display: flex;
  gap: 8px;
  margin: 12px 0;
}

.psg-tab {
  appearance: none;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: #e8eef5;
  padding: 10px 12px;
  border-radius: 12px;
  cursor: pointer;
}

.psg-tab[aria-selected="true"] {
  border-color: rgba(56,189,248,.70);
  box-shadow: 0 0 0 3px rgba(56,189,248,.12);
}

/* Scrollbar (WebKit) */
.psg-panel ::-webkit-scrollbar {
  width: 8px;
}
.psg-panel ::-webkit-scrollbar-thumb {
  background: rgba(148,163,184,.45);
  border-radius: 6px;
}