/* ===========================
   MOBILE FIRST - NEWSAAS AI
=========================== */

@media (max-width: 992px){

.container{
    padding:20px 15px;
}

.portal{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.cards-final,
.dashboard-grid{
    grid-template-columns:1fr;
}

table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
}

.card{
    padding:18px;
}

button{
    min-height:52px;
    font-size:17px;
}

input{
    min-height:52px;
    font-size:17px;
}

}

@media (max-width:768px){

header{
    padding:35px 15px;
}

header h1{
    font-size:1.7rem;
}

header p{
    font-size:1rem;
}

.portal{
    grid-template-columns:1fr;
}

.card{
    border-radius:14px;
}

}

@media (max-width:480px){

body{
    font-size:15px;
}

.container{
    padding:12px;
}

.card{
    padding:15px;
}

button{
    width:100%;
}

input{
    width:100%;
}

}