/* ==========================================================
   HEMRITU DASHBOARD MOBILE
   Hero
========================================================== */

@media (max-width:767px){

.hemritu-dashboard{

    padding:0;

}

.hemritu-dashboard-card{

    border-radius:16px;

    margin-bottom:18px;

}

.hemritu-dashboard-profile-hero{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    gap:16px;

    padding:28px 20px;

}

.hemritu-dashboard-avatar{

    flex:none;

}

.hemritu-dashboard-avatar-image{

    width:90px;

    height:90px;

}

.hemritu-dashboard-profile-content{

    width:100%;

}

.hemritu-dashboard-greeting{

    font-size:15px;

}

.hemritu-dashboard-name{

    margin-top:8px;

    font-size:28px;

    line-height:1.3;

}

.hemritu-dashboard-welcome{

    margin-top:12px;

    font-size:15px;

    line-height:1.7;

}

.hemritu-dashboard-location{

    margin-top:18px;

    justify-content:center;

    flex-wrap:wrap;

    padding:10px 16px;

    font-size:13px;

}

}

/* ==========================================================
   HEMRITU DASHBOARD MOBILE
   Profile Information
========================================================== */

@media (max-width:767px){

.hemritu-dashboard-card-header{

    padding:22px 20px 0;

}

.hemritu-dashboard-card-header h3{

    font-size:22px;

}

.hemritu-dashboard-info{

    padding:20px;

}

.hemritu-dashboard-info-row{

    display:block;

    padding:16px 0;

}

.hemritu-dashboard-info-label{

    display:block;

    margin-bottom:8px;

    font-size:13px;

    font-weight:600;

    color:#6B7280;

}

.hemritu-dashboard-info-value{

    display:block;

    font-size:16px;

    font-weight:600;

    line-height:1.6;

    color:#111827;

    word-break:break-word;

}

}

/* ==========================================================
   HEMRITU DASHBOARD MOBILE
   Quick Actions
========================================================== */

@media (max-width:767px){

.hemritu-dashboard-actions{

    display:flex;

    flex-direction:column;

    gap:14px;

    padding:20px;

}

.hemritu-dashboard-action{

    display:flex;

    align-items:center;

    justify-content:space-between;

    width:100%;

    min-height:60px;

    padding:0 18px;

    background:#FFFFFF;

    border:1px solid #ECECEC;

    border-radius:14px;

    text-decoration:none;

    color:#111827;

    box-sizing:border-box;

    transition:.25s;

}

.hemritu-dashboard-action:active{

    transform:scale(.98);

}

.hemritu-dashboard-action-title{

    display:flex;

    align-items:center;

    gap:14px;

    font-size:16px;

    font-weight:600;

}

.hemritu-dashboard-action-arrow{

    font-size:22px;

    color:#9CA3AF;

}

}


/* ==========================================================
   HEMRITU DASHBOARD MOBILE
   Final Polish
========================================================== */

@media (max-width:767px){

/* Dashboard */

.hemritu-dashboard{

    padding:0;

}

/* Cards */

.hemritu-dashboard-card{

    margin-bottom:18px;

    border-radius:16px;

    overflow:hidden;

}

/* Card Heading */

.hemritu-dashboard-card-header{

    padding:20px 20px 0;

}

.hemritu-dashboard-card-header h3{

    font-size:20px;

    font-weight:700;

    line-height:1.3;

}

/* Information */

.hemritu-dashboard-info{

    padding:16px 20px 20px;

}

.hemritu-dashboard-info-row{

    padding:16px 0;

}

.hemritu-dashboard-info-label{

    font-size:13px;

    margin-bottom:6px;

}

.hemritu-dashboard-info-value{

    font-size:15px;

    line-height:1.7;

}

/* Actions */

.hemritu-dashboard-actions{

    padding:18px 20px 20px;

}

.hemritu-dashboard-action{

    min-height:56px;

}

.hemritu-dashboard-action:hover{

    background:#F8FAFC;

}

.hemritu-dashboard-action-arrow{

    transition:.25s;

}

.hemritu-dashboard-action:hover
.hemritu-dashboard-action-arrow{

    transform:translateX(4px);

}

/* Bottom Safe Space */

.hemritu-dashboard{

    padding-bottom:90px;

}

}