/* ==========================================================
   T&T STOCK MARKET
   DASHBOARD LAYOUT ENGINE
   VERSION : MKT-002A
========================================================== */

.dashboard{

    width:100%;

    max-width:1800px;

    margin:0 auto;

    padding:24px;

    display:grid;

    grid-template-columns:1fr;

    gap:20px;

    box-sizing:border-box;

}

/* ==========================================================
   REGIONS
========================================================== */

.dashboard-region{

    width:100%;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    align-items:stretch;

    background:var(--surface-color);

    border:1px solid var(--border-color);

    border-radius:12px;

    padding:18px;

    transition:.20s ease;

    box-sizing:border-box;

}

/* ==========================================================
   REGION SIZES
========================================================== */

.region-header{

    min-height:72px;

}

.region-summary{

    min-height:110px;

}

.region-events{

    min-height:140px;

}

.region-grid{

    min-height:520px;

}

.region-footer{

    min-height:60px;

}

/* ==========================================================
   HOVER
========================================================== */

.dashboard-region:hover{

    border-color:var(--primary-color);

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1200px){

.dashboard{

padding:20px;

gap:18px;

}

}

@media(max-width:768px){

.dashboard{

padding:14px;

gap:16px;

}

}

@media(max-width:480px){

.dashboard{

padding:10px;

gap:14px;

}

}