/* TCCAL Admin Theme – Exact Match */

:root{
  --bg:#1f1f21;          /* Main background */
  --card:#1f1f21;        /* Card background */
  --text:#ffffff;
  --muted:#aaaaaa;
  --border:#2a2a2d;

  --accent:#f7ff00;      /* Neon Yellow */
  --accentText:#000000;
}

/* FORCE background */
html, body{
  background:#1f1f21 !important;
  color:var(--text);
  font-family:system-ui, Arial;
}

/* Main container card */
.card{
  background:#1f1f21 !important;
  border:1px solid var(--border);
  box-shadow:none;
}

/* Header */
h2{
  color:#ffffff;
}

/* Navigation buttons */
.nav a{
  background:#2a2a2d !important;
  color:#ffffff !important;
  border:1px solid var(--border);
}
.nav a:hover{
  background:var(--accent) !important;
  color:#000 !important;
}

/* Top action pills */
a.pill{
  background:var(--accent) !important;
  color:var(--accentText) !important;
  font-weight:800;
}
.pill{
  border-radius:999px;
}

/* Links */
a{
  color:var(--accent) !important;
}

/* Table styling */
table{
  background:#1f1f21;
}
th{
  color:#cccccc;
}
td{
  color:#ffffff;
  border-bottom:1px solid var(--border);
}

/* Buttons */
button{
  background:var(--accent) !important;
  color:var(--accentText) !important;
  font-weight:800;
}
button.secondary{
  background:#2a2a2d !important;
  color:#ffffff !important;
}

/* Inputs */
input, select, textarea{
  background:#2a2a2d !important;
  color:#ffffff !important;
  border:1px solid var(--border) !important;
}


/* --- Admin table readability upgrades --- */
table { table-layout: fixed; }
th, td { font-size: 14px; line-height: 1.35; }
tr:hover td { background: rgba(255,255,255,0.03); }

th:nth-child(1), td:nth-child(1) { width: 60px; }   /* ID */
th:nth-child(2), td:nth-child(2) { width: 90px; }   /* Source */
th:nth-child(3), td:nth-child(3) { width: 90px; }   /* Status */
th:nth-child(4), td:nth-child(4) { width: 120px; }  /* Created */
th:nth-child(5), td:nth-child(5) { width: 120px; }  /* Scheduled */

/* Preview gets the rest, but wraps nicely */
th:nth-child(6), td:nth-child(6) { width: auto; }
td:nth-child(6) pre { max-height: 80px; overflow: auto; }

/* Actions wider + no wrapping */
th:nth-child(7), td:nth-child(7) { width: 210px; white-space: nowrap; }

/* Make action links look like buttons */
.actions a{
  display:inline-block;
  margin: 2px 6px 2px 0;
  padding: 6px 10px;
  border-radius: 10px;
  background: #2a2a2d;
  border: 1px solid var(--border);
  color: var(--accent);
  font-weight: 700;
}
.actions a:hover{
  background: var(--accent);
  color: #000;
  text-decoration: none;
}

th:last-child, td:last-child { width: 240px; white-space: nowrap; }
td.actions a {
  display: inline-block;
  padding: 6px 10px;
  margin: 2px 6px 2px 0;
  border-radius: 10px;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,0.15);
}