/* === SLMMmedia Pro Tables & Subpages (v1.1.6) === */

/* Header row & actions (same as dashboard) */
.header-row{
  display:flex; align-items:center; justify-content:space-between;
  gap:.75rem; margin-bottom:1rem;
}
.header-row .title{
  display:flex; align-items:center; gap:.6rem; margin:0;
  color:#fff; font-weight:800; letter-spacing:.2px;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.header-row .title .icon{
  width:34px; height:34px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg,#7c3aed,#0ea5e9);
  box-shadow: 0 8px 20px rgba(14,165,233,.35);
}
.header-actions{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }

/* Pro panel (glass) */
.pro-panel{
  background: rgba(17,19,25,0.65);
  border:1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  padding: 1rem;
  color: #e9eef6;
  box-shadow: 0 12px 36px rgba(0,0,0,.25);
}
.pro-panel h5{ color:#fff; }

/* ===== Professional dark/glass tables ===== */
.table-glass{
  /* Bootstrap table variables override for dark/glass */
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255,255,255,.045);
  --bs-table-striped-color: #e9eef6;
  --bs-table-hover-bg: rgba(255,255,255,.08);
  --bs-table-hover-color: #fff;
  --bs-table-border-color: rgba(255,255,255,.12);

  color:#e9eef6;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 14px;
}
/* Remove white backgrounds that some components inject */
.table-glass > :not(caption) > * > *{
  background-color: transparent !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.08);
}

/* Header styling (non-sticky for maximum compatibility) */
.table-glass thead th{
  color:#fff;
  font-weight:700;
  background: linear-gradient(180deg, rgba(17,19,25,.95), rgba(17,19,25,.70));
  border-bottom: 1px solid rgba(255,255,255,.12);
}
/* Optional sticky header (uncomment if you wrap in a vertically scrollable container)
.table-glass thead th{ position: sticky; top: 0; z-index: 2; backdrop-filter: blur(8px); }
*/

/* Zebra stripes even without .table-striped */
.table-glass tbody tr:nth-child(even){ background-color: rgba(255,255,255,.035); }
.table-glass tbody tr:hover{ background-color: rgba(255,255,255,.08); }

/* Rounded corners on first/last row */
.table-glass thead tr:first-child th:first-child{ border-top-left-radius: 14px; }
.table-glass thead tr:first-child th:last-child{ border-top-right-radius: 14px; }
.table-glass tbody tr:last-child td:first-child{ border-bottom-left-radius: 14px; }
.table-glass tbody tr:last-child td:last-child{ border-bottom-right-radius: 14px; }

/* Cell sizing & typography */
.table-glass td, .table-glass th{
  vertical-align: middle;
  padding: .75rem .85rem;
}
.table-glass .nowrap{ white-space: nowrap; }

/* Links & actions */
.table-glass a{ color:#fff; text-decoration: underline dotted; }
.table-glass a:hover{ text-decoration: underline; }
.tr-actions{ display:flex; align-items:center; justify-content:flex-end; gap:.35rem; }
.tr-actions .btn{ --bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; }

/* Badges */
.badge-soft{ background: rgba(255,255,255,.08); color:#e9eef6; border:1px solid rgba(255,255,255,.12); }
.badge-airbnb{ background: rgba(234,67,53,.18); color:#fff; border-color: rgba(234,67,53,.35); }
.badge-booking{ background: rgba(14,76,160,.25); color:#fff; border-color: rgba(14,76,160,.35); }
.badge-manual{ background: rgba(34,197,94,.22); color:#fff; border-color: rgba(34,197,94,.38); }

/* Empty state */
.empty{
  display:flex; align-items:center; justify-content:center;
  min-height: 160px; color:#cbd5e1;
  border: 1px dashed rgba(255,255,255,.15); border-radius: 16px;
  background: rgba(255,255,255,.03);
}

/* Forms (glass) */
.form-glass .form-control,
.form-glass .form-select,
.form-glass textarea{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
}
.form-glass .form-control::placeholder{ color: rgba(255,255,255,.6); }
.form-glass .form-control:focus, .form-glass .form-select:focus, .form-glass textarea:focus{
  border-color: rgba(124,58,237,.55);
  box-shadow: 0 0 0 .25rem rgba(124,58,237,.25);
}

/* Reveal animation */
.reveal{ opacity:0; transform: translateY(10px); animation: revIn .4s ease forwards; }
@keyframes revIn{ to { opacity:1; transform: none; } }