/* ==========================================================
   BACK BUTTON
   REPORTES AsEp
   ========================================================== */

.page-actions{
    margin-bottom:1.65rem;
}

.back-btn{
    display:inline-flex;
    align-items:center;
    gap:.60rem;
    padding:.68rem 1.05rem;
    border-radius:12px;
    border:1px solid transparent;
    background:transparent;
    color:var(--color-primary);
    font-size:.90rem;
    font-weight:600;
    text-decoration:none;
    transition:
        transform .30s ease,
        background .30s ease,
        border-color .30s ease,
        color .30s ease,
        box-shadow .30s ease;
}

/* ==========================================================
   LIGHT
   ========================================================== */

[data-theme="light"] .back-btn{
    background:rgba(242,92,42,.045);
    border-color:rgba(242,92,42,.16);
    color:#F25C2A;
}

/* ==========================================================
   DARK
   ========================================================== */

[data-theme="dark"] .back-btn{
    background:rgba(37,99,235,.035);
    border-color:rgba(82,107,156,.30);
    color:#3B82F6;
}

/* ==========================================================
   ICON
   ========================================================== */

.back-btn i{
    transition:transform .30s ease;
}

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

[data-theme="light"] .back-btn:hover{
    background:#F25C2A;
    color:#fff;
    border-color:#F25C2A;
    transform:translateX(-3px);
    box-shadow:0 10px 24px rgba(242,92,42,.22);
}

[data-theme="dark"] .back-btn:hover{
    background:#2563EB;
    color:#fff;
    border-color:#2563EB;
    transform:translateX(-3px);
    box-shadow:0 10px 24px rgba(37,99,235,.25);
}

.back-btn:hover i{
    transform:translateX(-3px);
}

.back-btn:active{
    transform:scale(.97);
}

.back-btn:focus-visible{
    outline:none;
    box-shadow:0 0 0 4px var(--color-primary-soft);
}

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

@media (max-width:576px){

    .back-btn{
        padding:.62rem .9rem;
        font-size:.86rem;
    }
}


@media (max-width:576px){
    .login-page-container .page-actions{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        position:relative;
        z-index:5;
        margin-bottom:.75rem !important;
    }

    .login-page-container .back-btn{
        display:inline-flex !important;
        visibility:visible !important;
        opacity:1 !important;
        min-height:44px;
        padding:.55rem .8rem;
    }
}