.dashboard-navbar-title{
    font-size:55px;
    font-weight:900;
    text-transform:uppercase;
    text-decoration:underline;
    letter-spacing:2px;
    line-height:1.1;
    white-space:normal;
    word-break:break-word;
}

/* Large Tablets */
@media (max-width:992px){
    .dashboard-navbar-title{
        font-size:42px;
        letter-spacing:1px;
    }
}

/* Tablets */
@media (max-width:768px){
    .dashboard-navbar-title{
        font-size:32px;
        letter-spacing:1px;
    }
}

/* Mobile */
@media (max-width:576px){
    .dashboard-navbar-title{
        font-size:22px;
        letter-spacing:0;
        line-height:1.2;
    }
}

.dashboard-menu-btn{
    position: fixed;
    top: 10px;
    left: 15px;
    width: 40px;
    height: 40px;
    border-radius: 0px;
    z-index: 9999;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

.dashboard-title{
    font-size:60px;
    font-weight:900;
    text-decoration:underline;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#1e293b;
    margin:0;
}
}

.dashboard-subtitle{
    font-size:22px;
    font-weight:800;
}

.filter-card{
    background:#fff;
    border-radius:12px;
    padding:16px 18px;
    margin-bottom:18px;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
}

.filter-card .form-label{
    font-size:12px;
    font-weight:800;
    color:#6b7280;
}

.filter-card .form-control,
.filter-card .form-select{
    height:38px;
    border-radius:8px;
    font-size:14px;
}

.filter-card .btn{
    height:38px;
    border-radius:8px;
    font-weight:800;
}

.filter-card .form-check{
    margin-top:2px;
}
.stock-card{
    background:#ffffff;
    border-radius:16px;
    overflow:hidden;
    border:1px solid #e5e7eb;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}
.stock-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    white-space:nowrap;
    font-size:14px;
}
.stock-table th{

    font-size:24px;
padding:24px 20px;
font-weight:800;

    text-align:center;
   
    font-weight:700;

    letter-spacing:.3px;

    text-transform:uppercase;

    border:none;

    color:#ffffff;

    position:sticky;

    top:0;

    z-index:20;

    box-shadow:0 2px 0 rgba(0,0,0,.06);

}

.stock-table td{

padding:26px 20px;
font-size:30px;
font-weight:700;

    text-align:center;

    vertical-align:middle;

    border-bottom:1px solid #edf2f7;

    transition:all .25s ease;

}
.stock-zero{
    background:#f8d7da;
    color:#842029;
    font-weight:800;
}

.stock-low{
    background:#fff3cd;
    color:#664d03;
    font-weight:800;
}

.stock-medium{
    background:#cff4fc;
    color:#055160;
    font-weight:800;
}

.stock-high{
    background:#d1e7dd;
    color:#0f5132;
    font-weight:800;
}

.stock-cell{
    font-size:30px!important;
    font-weight:700!important;
    line-height:1.2;
    padding:28px 20px !important;
}
.stock-table tbody tr{
    height:90px;
}
.stock-table tbody tr:nth-child(odd){

    background:#ffffff;

}

.stock-table tbody tr:nth-child(even){

    background:#fafbfc;

}

.stock-table td:first-child{

    text-align:left;

    font-weight:700;

    min-width:180px;

}

.stock-table td:nth-child(2){

    font-weight:700;

    color:#555;

}

.stock-table td:nth-child(3){

    text-align:left;

    min-width:130px;

    border-right:2px solid #f1f5f9;

}



.color-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    display:inline-block;
    margin-right:8px;
    vertical-align:middle;
    border:1px solid rgba(0,0,0,.15);
}

.total-badge{
    font-size:26px;
    font-weight:800;
    padding:12px 24px;
    min-width:180px;
}
.loading-box{
    padding:60px;
    text-align:center;
    color:#6c757d;
    font-size:28px;
    font-weight:700;
}

.table-responsive{
    overflow-x:auto;
}

@media(max-width:768px){

    .dashboard-title{
        font-size:22px;
    }

    .filter-card{
        padding:15px;
    }

    .stock-table th,
    .stock-table td{
        padding:10px;
        font-size:13px;
    }

}



.stock-table{
    
}

.stock-table td{
   
    border-bottom:1px solid #9ca5ae;
}