/* ================================
   TC THEMATIC TABLE — Oceanic Teal
   ================================ */

.tc_table_oceanic_teal {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 20px 0;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

.tc_table_oceanic_teal .tbl {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

/* THEAD */
.tc_table_oceanic_teal .tbl-head {
  background: linear-gradient(135deg, #00796b, #009688, #00bfa5);
  color: #ffffff;
}

/* TH */
.tc_table_oceanic_teal .tbl-th {
  padding: 14px 16px;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 2px solid rgba(255,255,255,0.15);
}

/* TD */
.tc_table_oceanic_teal .tbl-td {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.6;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* ROW COLORS */
.tc_table_oceanic_teal .tbl-body .tbl-row:nth-child(odd) {
  background: #0c1e22;
  color: #b2ebf2;
}

.tc_table_oceanic_teal .tbl-body .tbl-row:nth-child(even) {
  background: #143a3d;
  color: #e0f7fa;
}

/* HOVER */
.tc_table_oceanic_teal .tbl-body .tbl-row:hover {
  background: #00acc1;
  color: #ffffff;
}

/* CODE */
.tc_table_oceanic_teal .tbl-code {
  background: rgba(255,255,255,0.1);
  padding: 2px 6px;
  border-radius: 4px;
  font-family: "Courier New", monospace;
  font-size: 13px;
}

/* HEADER OVERRIDE */
.tc_table_oceanic_teal table thead,
.tc_table_oceanic_teal table thead tr,
.tc_table_oceanic_teal table thead tr th {
  background: linear-gradient(135deg, #00796b, #009688, #00bfa5) !important;
  color: #ffffff !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .tc_table_oceanic_teal .tbl {
    font-size: 13px;
  }
  .tc_table_oceanic_teal .tbl-th,
  .tc_table_oceanic_teal .tbl-td {
    padding: 10px;
  }
}



/* ================================
   TC THEMATIC TABLE — Cyber Purple
   ================================ */

.tc_table_cyber_purple {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 20px 0;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

.tc_table_cyber_purple .tbl {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

.tc_table_cyber_purple .tbl-head {
  background: linear-gradient(135deg, #7e57c2, #9c27b0, #d500f9);
  color: #ffffff;
}

.tc_table_cyber_purple .tbl-th {
  padding: 14px 16px;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.tc_table_cyber_purple .tbl-td {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.6;
}

.tc_table_cyber_purple .tbl-body .tbl-row:nth-child(odd) {
  background: #1a1025;
  color: #d1c4e9;
}

.tc_table_cyber_purple .tbl-body .tbl-row:nth-child(even) {
  background: #24133a;
  color: #ede7f6;
}

.tc_table_cyber_purple .tbl-body .tbl-row:hover {
  background: #ab47bc;
  color: #ffffff;
}

.tc_table_cyber_purple .tbl-code {
  background: rgba(255,255,255,0.1);
  padding: 2px 6px;
  border-radius: 4px;
  font-family: "Courier New", monospace;
}

.tc_table_cyber_purple table thead,
.tc_table_cyber_purple table thead tr,
.tc_table_cyber_purple table thead tr th {
  background: linear-gradient(135deg, #7e57c2, #9c27b0, #d500f9) !important;
  color: #ffffff !important;
}


/* ================================
   TC THEMATIC TABLE — Emerald Dawn
   ================================ */

.tc_table_emerald_dawn {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 20px 0;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

.tc_table_emerald_dawn .tbl {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

.tc_table_emerald_dawn .tbl-head {
  background: linear-gradient(135deg, #004d40, #00695c, #26a69a);
  color: #ffffff;
}

.tc_table_emerald_dawn .tbl-body .tbl-row:nth-child(odd) {
  background: #0e1a16;
  color: #a5d6a7;
}

.tc_table_emerald_dawn .tbl-body .tbl-row:nth-child(even) {
  background: #133026;
  color: #c8e6c9;
}

.tc_table_emerald_dawn .tbl-body .tbl-row:hover {
  background: #26a69a;
  color: #ffffff;
}

.tc_table_emerald_dawn table thead,
.tc_table_emerald_dawn table thead tr,
.tc_table_emerald_dawn table thead tr th {
  background: linear-gradient(135deg, #004d40, #00695c, #26a69a) !important;
}


/* ================================
   TC THEMATIC TABLE — Sunset Blaze
   ================================ */

.tc_table_sunset_blaze {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 20px 0;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

.tc_table_sunset_blaze .tbl {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

.tc_table_sunset_blaze .tbl-head {
  background: linear-gradient(135deg, #ff7b00, #ff3c00, #ff0080);
  color: #ffffff;
}

.tc_table_sunset_blaze .tbl-body .tbl-row:nth-child(odd) {
  background: #1a0f0f;
  color: #ffccaa;
}

.tc_table_sunset_blaze .tbl-body .tbl-row:nth-child(even) {
  background: #2a1b1b;
  color: #ffeed0;
}

.tc_table_sunset_blaze .tbl-body .tbl-row:hover {
  background: #ff5733;
  color: #ffffff;
}

.tc_table_sunset_blaze table thead,
.tc_table_sunset_blaze table thead tr,
.tc_table_sunset_blaze table thead tr th {
  background: linear-gradient(135deg, #ff7b00, #ff3c00, #ff0080) !important;
}