/* ===== StatusCake Public Report: RecordMy Dark Theme (full block) ===== */

:root {
  --bg: #0b0b0f;
  --panel: #151520;
  --border: #26263a;
  --text: #ffffff;
  --muted: #cfcfe6;
  --subtle: #8e90b5;
  --link: #6f9bff;
  --ok: #2ec27e;
  --warn: #f6c85f;
  --bad: #ff5d6c;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--bg) !important;
  color: var(--muted) !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
}

a { color: var(--link) !important; }

/* Header */
#content-header,
#header {
  background: var(--bg) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: none !important;
}
#header { padding: 20px 16px !important; }
.MainTitle,
.MainTitle * {
  color: var(--text) !important;
  font-weight: 700 !important;
}

/* Layout wrappers */
.container,
.row,
.col-md-9,
.col-md-3,
.DetailArea,
.table-responsive {
  background: transparent !important;
}

/* Boxes */
.Box {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  margin-bottom: 18px !important;
}
.Box .Title {
  background: var(--panel) !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 14px 16px !important;
}
.Box .Title h1,
.Box .Title i {
  color: var(--text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Announcement */
#Announce {
  background: var(--panel) !important;
  color: var(--muted) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 12px !important;
}

/* Main table (includes dynamic x-day headers) */
#MainData {
  background: var(--panel) !important;
  border-color: var(--border) !important;
}

#MainData thead,
#MainData thead tr,
#MainData thead th,
#MainData thead th.AlignCentre,
#MainData thead th.sorting,
#MainData thead th.sorting_asc,
#MainData thead th.sorting_desc {
  background: var(--panel) !important;
  color: var(--subtle) !important;
  border-color: var(--border) !important;
}

#MainData tbody,
#MainData tbody tr,
#MainData tbody td {
  background: var(--panel) !important;
  color: var(--muted) !important;
  border-color: var(--border) !important;
}

.table-striped > tbody > tr:nth-of-type(odd),
#MainData.table-striped > tbody > tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.015) !important;
}
.Clickable:hover,
#MainData tbody tr:hover {
  background: rgba(111, 155, 255, 0.08) !important;
}

/* DataTables hard overrides (kills white CDN defaults) */
table.dataTable,
table.dataTable thead,
table.dataTable thead tr,
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody,
table.dataTable tbody tr,
table.dataTable tbody th,
table.dataTable tbody td {
  background: var(--panel) !important;
  border-color: var(--border) !important;
}
table.dataTable thead th,
table.dataTable thead td {
  color: var(--subtle) !important;
}
table.dataTable tbody td,
table.dataTable tbody th {
  color: var(--muted) !important;
}

/* Expanded history table */
#HistoryTable,
#HistoryTable thead,
#HistoryTable thead tr,
#HistoryTable thead th,
#HistoryTable tbody tr,
#HistoryTable tbody td {
  background: var(--panel) !important;
  border-color: var(--border) !important;
}
#HistoryTable thead th { color: var(--subtle) !important; }
#HistoryTable tbody td { color: var(--muted) !important; }

/* Panels inside expanded row */
.panel,
.panel-heading,
.panel-bodys {
  background: var(--panel) !important;
  border-color: var(--border) !important;
  color: var(--muted) !important;
}
.panel {
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
}
.panel-heading {
  color: var(--text) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Controls / misc */
.timezone_indicator,
.subtext,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate {
  color: var(--subtle) !important;
}
.UptimeNumber {
  color: var(--text) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
}

/* Status/orbs */
.statusicon.up { color: var(--ok) !important; }
.statusicon.down { color: var(--bad) !important; }
.Blob_Green { background: var(--ok) !important; border-color: var(--ok) !important; }
.Blob_Yellow { background: var(--warn) !important; border-color: var(--warn) !important; }
.Blob_Red { background: var(--bad) !important; border-color: var(--bad) !important; }

/* Password input */
.PassBox {
  background: #101018 !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
}

/* Chart background forced dark (JS sets white plot bg) */
#LoadTime .highcharts-background,
#LoadTime .highcharts-plot-background {
  fill: var(--panel) !important;
}

/* Defeat inline runtime backgrounds StatusCake may inject */
body[style] { background-color: var(--bg) !important; }
#content-header[style] { background-color: var(--bg) !important; }
#Announce[style] { background-color: var(--panel) !important; }

@media (max-width: 600px) {
  .container { padding: 16px 12px 28px !important; }
  #header { padding: 16px 12px !important; }
  .UptimeNumber { font-size: 28px !important; }
}
/* ===== final hard overrides for remaining white areas ===== */

/* 1) Uptime table header (including dynamic X-day columns) */
#MainData > thead > tr > th,
#MainData thead th,
#MainData thead th.AlignCentre,
#MainData thead th.sorting,
#MainData thead th.sorting_disabled,
#MainData thead th.sorting_asc,
#MainData thead th.sorting_desc,
.table > thead > tr > th {
  background: #151520 !important;
  background-color: #151520 !important;
  background-image: none !important;
  color: #8e90b5 !important;
  border-color: #26263a !important;
}

/* 2) Announcements box (container + injected content) */
#Announce {
  background: #151520 !important;
  background-color: #151520 !important;
  color: #cfcfe6 !important;
  border: 1px solid #26263a !important;
  border-radius: 8px !important;
  padding: 12px !important;
}
#Announce * {
  background: transparent !important;
  background-color: transparent !important;
  color: #cfcfe6 !important;
}

/* 3) Box title bars */
.Box .Title,
.Box .Title h1,
.Box .Title i {
  background: #151520 !important;
  background-color: #151520 !important;
  color: #ffffff !important;
  border-bottom-color: #26263a !important;
}

/* 4) Safety net for any remaining white table cells */
#MainData tbody td,
#MainData tbody tr,
table.dataTable thead th,
table.dataTable tbody td {
  border-color: #26263a !important;
}