/* ===============================
   BWRS Supermon Custom Theme
   =============================== */

/* Page background */
body {
  background: #000000 url("") no-repeat center top fixed;
  background-size: cover; /* keep full image visible */
  color: #00FF00;
  font-family: monospace, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

/* General link styles */
a, a:visited {
  color: #00FF00;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #80ff80;
}

/* Tables */
table {
  border-collapse: collapse;
  width: 100%;
  margin: 5px auto;
  font-size: 14px;
}

th, td {
  border: 1px solid #00FF00;
  padding: 4px 6px;
  text-align: center;
  color: clear;
  background: rgba(0,0,0,0.0);
}

/* Table headers */
th {
  background: clear;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Idle rows */
.gColor {
  background: rgba(0, 255, 0, 0.1) !important; /* translucent green */
  color: #00FF00 !important;
}

/* === Keyed Up States with Translucent Glow === */

/* Remote keyed (RX in) */
.rColor {
  background: rgba(255, 64, 64, 0.25) !important;   /* soft translucent red */
  color: #FFFFFF !important;
  text-shadow: 0 0 6px rgba(255, 64, 64, 0.9);
}

/* Local TX keyed (TX out) */
.tColor {
  background: rgba(0, 128, 255, 0.25) !important;   /* soft translucent blue */
  color: #FFFFFF !important;
  text-shadow: 0 0 6px rgba(0, 128, 255, 0.9);
}

/* COS only */
.lColor {
  background: rgba(255, 255, 128, 0.25) !important; /* translucent yellow */
  color: #000000 !important;
  text-shadow: 0 0 4px rgba(255, 255, 128, 0.8);
}

/* Both COS + TX */
.bColor {
  background: rgba(192, 64, 255, 0.25) !important;  /* translucent purple */
  color: #FFFFFF !important;
  text-shadow: 0 0 6px rgba(192, 64, 255, 0.9);
}

/* Connection log rows */
.cColor {
  background: rgba(0, 255, 255, 0.15) !important;  /* cyan tint */
  color: #FFFFFF !important;
}

/* Hover effect for all rows */
tr:hover td {
  background: rgba(0, 255, 0, 0.15) !important;
  color: #FFFFFF !important;
}

/* Clock */
#clock, #clock1 {
  font-size: 24px;
  font-weight: bold;
  color: #00FF00;
  text-shadow: 0 0 8px #00ff00;
  margin: 5px 0;
}

/* Clean up hub title spacing */
.gridtable th i {
  padding: 0 6px;
}

/* pad the title line a bit */
.gridtable th i.table-title { 
  display: inline-block; 
  padding: 0 10px; 
}

/* keep link separators tight and consistent */
.gridtable th i.table-title .title-links a {
  text-decoration: underline;
}

/* Optional: tone down underline thickness a touch */
.gridtable th i.table-title .title-links a {
  text-underline-offset: 3px;
}