
/* Glass-like modern card wrapper */
.modern-dashboard-container .modern-table-card {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
}

/* Main Table Elements */
.modern-dashboard-container .modern-matrix-table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

/* Premium Header Bar */
.modern-dashboard-container .modern-headline-row th {
  background: linear-gradient(135deg, #0b132b, #1c2541) !important;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 2px;
  text-transform: uppercase;
}

.modern-dashboard-container tbody {
    border: 2px solid #e2e8f0;
}

/* Dynamic Hover Effects on Row Pairs */
.modern-dashboard-container .modern-data-row:hover td {
  background-color: #f1f5f9 !important;
}

/* Elegant Day Cell Columns */
.modern-dashboard-container .modern-day-cell {
    background-color: #f8f9fa;
    color: #1e293b;
    font-weight: 700;
    font-size: 1rem;
    border-right: 2px solid #cbd5e1;
    border-left: 2px solid #cbd5e1;
    border-bottom: 2px solid #cbd5e1;
    width: 10%;
    transition: background-color 0.2s;
}

/* Bold & Beautiful Center Ank Numbers */
.modern-dashboard-container .modern-ank-cell {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    width: 8%;
    border-right: 2px solid #e2e8f0;
    border-left: 2px solid #e2e8f0;
    border-bottom: 2px solid #cbd5e1;
    background-color: #ffffff;
}

/* Patti Top Style */
.modern-dashboard-container .modern-patti-top {
    font-size: 0.78rem;
    font-weight: 600;
    color: #64748b;
    padding: 2px 2px 2px 2px;
    border-bottom: 1px dashed #e2e8f0;
    background-color: #ffffff;
    width: 10%;
}

/* Patti Bottom Style */
.modern-dashboard-container .modern-patti-bottom {
  font-size: 0.78rem;
  font-weight: 600;
  color: #ba181b; /* Highlighted Panel number in clean deep red */
  padding: 2px 2px 2px 2px;
  border-bottom: 2px solid #cbd5e1;
  background-color: #ffffff;
  width: 10%;
}

/* Clean Professional Inner Splitters */
.modern-dashboard-container .modern-vertical-splitter {
  width: 1px;
  border-right: 2px solid #3a86c8; /* Nice techy indigo vertical indicator */
  border-bottom: 2px solid #cbd5e1;
  background-color: #ffffff;
}

/* Perfect balanced spacing gap between blocks */
.modern-dashboard-container .modern-gap-spacer {
  width: 3%;
  border-bottom: 2px solid #cbd5e1;
  background-color: #f8f9fa;
}

