/* Global background and text */
body {
  background-color: #0e0e11;
  color: #fff;
}

/* Card styling */
.card {
  background-color: #1a1b1f;
  border: none;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0,0,0,0.6);
}

/* Headings */
h1, h2 {
  color: #a64dff;
}

/* Buttons */
.btn-primary {
  background-color: #a64dff;
  border: none;
}
.btn-primary:hover {
  background-color: #922fff;
}
.btn-success {
  background-color: #4caf50;
  border: none;
}
.btn-danger {
  background-color: #e53935;
  border: none;
}
.btn-warning {
  background-color: #ff9800;
  border: none;
  color: #fff;
}

/* Table */
.table {
  color: #fff;
}
.table thead {
  background-color: #2a2a31;
}

/* Log box */
.log-box {
  background: #111;
  padding: 12px;
  border-radius: 8px;
  font-family: monospace;
  height: 400px;
  overflow-y: auto;
  color: #0f0;
}

/* Break Previews styling */
.card-body ul {
  list-style: none;
  padding-left: 0;
}

.card-body ul li {
  color: #ddd;               /* brighter than muted grey */
  font-family: monospace;    /* makes file paths easier to read */
  background: #222;          /* subtle darker background */
  padding: 4px 8px;
  border-radius: 6px;
  margin-bottom: 4px;
}

.card-body ul li:hover {
  background: #333;          /* highlight on hover */
  color: #fff;
}

/* Fix input fields for dark mode */
input[type="text"],
input[type="time"],
input[type="date"],
input[type="file"],
textarea,
select {
  background-color: #1e1e24 !important; /* match dark card */
  color: #fff !important;               /* white text */
  border: 1px solid #444 !important;
}

input[type="text"]:focus,
input[type="time"]:focus,
input[type="date"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
  background-color: #2a2a31 !important;
  color: #fff !important;
  border-color: #a64dff !important;     /* purple accent */
  box-shadow: 0 0 5px #a64dff !important;
}

/* Date/Time input specific fixes */
input[type="date"]::placeholder,
input[type="time"]::placeholder {
  color: #bbb !important;
  opacity: 1 !important;
}

/* Chrome/Edge/WebKit text segments inside date/time inputs */
input[type="date"]::-webkit-datetime-edit,
input[type="time"]::-webkit-datetime-edit {
  color: #fff !important;
}

input[type="date"]::-webkit-datetime-edit-year-field,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="time"]::-webkit-datetime-edit-hour-field,
input[type="time"]::-webkit-datetime-edit-minute-field {
  color: #fff !important;
}

/* Calendar dropdown icon */
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1); /* white icon on dark */
}

/* Form labels */
.form-label,
.form-check-label {
  color: #fff !important; /* make labels readable */
}

/* Muted helper text (like "Leave blank for no date restriction") */
.form-text,
.text-muted {
  color: #bbb !important; /* light grey for secondary text */
}

/* Checkbox & radio label text */
.form-check {
  color: #fff !important;
}

/* Force station labels on checkboxes to be visible */
.form-check-label {
  color: #fff !important;
  font-weight: 500; /* optional: make slightly bolder for readability */
}

/* Checkbox accent color (modern browsers) */
.form-check-input {
  accent-color: #a64dff !important; /* purple */
}

/* Fallback styling for browsers that don't support accent-color */
.form-check-input:checked {
  background-color: #a64dff !important;
  border-color: #a64dff !important;
}

.card-header {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  font-weight: bold;
}

/* Accent colour for advert names in reports */
.report-ad-name {
  color: #d12cff !important;  /* adjust hex to match your logo/header */
  font-weight: bold;
}

/* Accent colour for advert names in reports */
.report-ad-name {
  color: #d12cff !important;   /* purple/pink */
  font-weight: bold;
  margin-top: 1rem;
  background: transparent !important;  /* remove grey bg */
  display: block; 
  padding: 0.25rem 0;
}
/* Force advert name styling */
.report-ad-name {
  color: #d12cff !important;   /* bright pink/purple */
  font-weight: bold;
  margin: 1rem 0 0.5rem 0;
  padding: 0.25rem 0;
  background: #121212 !important; /* same as page dark background */
  display: block;
  border-bottom: 2px solid #d12cff; /* optional underline accent */
}