/* Glass-like modern card wrapper */
.modern-dashboard-container .modern-table-card {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 5px;
    border-radius: 0px;
    border: 1px solid #000;
}

/* 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-color: #ff0;
    color: blue;
    border: 2px solid #ff007f;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0px;
    text-transform: uppercase;
}

.modern-dashboard-container tbody {
    border: 2px solid #ff007f;
}

/* Dynamic Hover Effects on Row Pairs */
.modern-dashboard-container .modern-data-row:hover td {
    background-color: #ffcc99 !important;
}

/* Elegant Day Cell Columns */
.modern-dashboard-container .modern-day-cell {
    background-color: #ffcc99;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    border-right: 2px solid #ff007f;
    border-left: 2px solid #ff007f;
    border-bottom: 2px solid #ff007f;
    width: 10%;
    transition: background-color 0.2s;
}

/* Bold & Beautiful Center Ank Numbers */
.modern-dashboard-container .modern-ank-cell {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    width: 8%;
    border-right: 2px solid #ff007f;
    border-left: 2px solid #ff007f;
    border-bottom: 2px solid #ff007f;
    background-color: #ffcc99;
}

/* Patti Top Style */
.modern-dashboard-container .modern-patti-top {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    padding: 0px;
    border-bottom: 2px solid #ff007f;
    background-color: #ffcc99;
    width: 10%;
}
/* Patti Bottom Style */
.modern-dashboard-container .modern-patti-bottom {
  font-size: 17px;
  font-weight: 600;
  color: #000; /* Highlighted Panel number in clean deep red */
padding: 0px;
  border-bottom: 2px solid #ff007f;
  background-color: #ffcc99;
  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 #ff007f;
  background-color: #ffcc99;
}

/* Perfect balanced spacing gap between blocks */
.modern-dashboard-container .modern-gap-spacer {
  width: 3%;
  border-bottom: 2px solid #ff007f;
  background-color: #ffcc99;
}