/* --- DASHBOARD BOX --- */
.quicklinks-dashboard-box {
width: 100%;
background: #fffde7;
padding: 40px 10px;
border-top: 5px solid #fbc02d;
text-align: center;
}

.header-title {
display: inline-block;
font-size: 20px;
font-weight: 900;
color: #ff6d00;
padding: 8px 30px;
border: 3px solid #ffeb3b;
border-radius: 50px;
background: #fff;
margin-bottom: 25px;
}

.dashboard-row {
display: flex;
flex-wrap: nowrap; 
gap: 12px;
justify-content: flex-start; 
align-items: stretch;
max-width: 1400px;
margin: 0 auto;
overflow-x: auto;
padding: 10px 15px 40px 15px;
-webkit-overflow-scrolling: touch;
}

@media (min-width: 1200px) {
.dashboard-row {
flex-wrap: wrap; 
justify-content: center;
overflow-x: visible;
}
}

.dashboard-row::-webkit-scrollbar {
height: 6px;
}
.dashboard-row::-webkit-scrollbar-thumb {
background: #fbc02d;
border-radius: 10px;
}

.column {
flex: 0 0 auto;
width: 135px; 
display: flex;
flex-direction: column;
gap: 5px;
}

.cat-head {
color: white; padding: 10px 5px; border-radius: 6px; font-weight: 700; font-size: 10px;
text-transform: uppercase; text-decoration: none; min-height: 55px;
display: flex; align-items: center; justify-content: center; text-align: center;
}

.cat-sub {
background: #fff; color: #1565c0; padding: 8px 5px; font-size: 9px; text-decoration: none;
border: 1px solid #d1d9e6; border-radius: 4px; font-weight: 600;
display: flex; align-items: center; justify-content: center; text-align: center; min-height: 38px;
}

/* Category Colors */
.c1 { background: #2196f3; } .c2 { background: #673ab7; } .c3 { background: #009688; }
.c4 { background: #ff5722; } .c5 { background: #795548; } .c6 { background: #607d8b; } .c7 { background: #3f51b5; }

/* --- FINAL FOOTER BAR --- */
.final-footer {
background: var(--navy-blue);
color: white;
text-align: center;
padding: 20px 15px;
font-size: 11px;
}