/*==================================================
=                 LOGIN SIGDOC
==================================================*/

.sigdoc-login{

    margin:0;

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#F3F4F6;

    font-family:"Segoe UI", Arial, Helvetica, sans-serif;

}

.login-contenedor{

    width:100%;

    max-width:1050px;

    display:grid;

    grid-template-columns:420px 1fr;

    background:#FFFFFF;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(0,0,0,.15);

}

.login-logo{

    background:#1F5F2C;

    color:#FFFFFF;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    padding:50px;

    text-align:center;

}

.login-logo img{

    width:170px;

    margin-bottom:25px;

}

.login-logo h1{

    font-size:52px;

    letter-spacing:2px;

    margin-bottom:8px;

}

.login-logo h2{

    font-size:20px;

    font-weight:500;

    margin-bottom:25px;

}

.login-logo p{

    font-size:17px;

    opacity:.90;

}

.login-panel{

    padding:70px;

}

.login-panel h3{

    font-size:34px;

    color:#145A32;

    margin-bottom:40px;

}

.login-panel label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

    color:#555;

}

.login-panel input{

    width:100%;

    padding:14px 16px;

    margin-bottom:25px;

    border:1px solid #D8D8D8;

    border-radius:10px;

    font-size:16px;

    transition:.25s;

}

.login-panel input:focus{

    outline:none;

    border-color:#1F5F2C;

    box-shadow:0 0 0 3px rgba(31,95,44,.15);

}

.login-panel button{

    width:100%;

    padding:16px;

    border:none;

    border-radius:10px;

    background:#1F5F2C;

    color:#FFFFFF;

    font-size:17px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.login-panel button:hover{

    background:#F57C00;

}

.login-panel i{

    margin-right:8px;

}

/*==================================================
=                DASHBOARD SIGDOC
==================================================*/

.dashboard{

    display:grid;

    grid-template-columns:260px 1fr;

    min-height:100vh;

    background:#F3F4F6;

}

.sidebar{

    background:#1F5F2C;

    color:#FFFFFF;

    padding:25px 20px;

}

.sidebar nav{

    display:flex;

    flex-direction:column;

    gap:8px;

}

.sidebar a{

    display:flex;

    align-items:center;

    gap:12px;

    color:#FFFFFF;

    text-decoration:none;

    padding:14px 16px;

    border-radius:10px;

    transition:.25s;

    font-size:16px;

    font-weight:600;

}

.sidebar a:hover{

    background:#F57C00;

}

.contenido{

    display:flex;

    flex-direction:column;

    min-height:100vh;

}

.topbar{

    height:90px;

    background:#e6ded1;

    border-bottom:1px solid #E5E5E5;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 35px;

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

}

.topbar-logo{

    display:flex;

    align-items:center;

    gap:18px;

}

.topbar-logo img{

    width:70px;

    height:auto;

}

.topbar-logo h1{

    margin:0;

    color:#145A32;

    font-size:30px;

    line-height:28px;

    margin-bottom:4px;


}

.topbar-logo span{

    color:#666;

    font-size:14px;

}

.topbar-usuario{

    display:flex;

    align-items:center;

}

.topbar-usuario strong{

    display:block;

    color:#145A32;

    font-size:19px;

    font-weight:700;

}

.topbar-usuario small{

    color:#666;

    font-size:14px;

}

.menu-logout{

    width:42px;

    height:42px;

    border:none;

    border-radius:10px;

    background:#1F5F2C;

    color:#FFFFFF;

    cursor:pointer;

    transition:.25s;

    display:flex;

    align-items:center;

    justify-content:center;

}

.menu-logout:hover{

    background:#C62828;

}

.dashboard-contenido{

    flex:1;

    padding:40px;

}

.dashboard-contenido h1{

    color:#145A32;

    font-size:38px;

    margin-bottom:12px;

}

.dashboard-contenido p{

    color:#666;

    font-size:18px;

}

.boton-regresar{

    display:block;

    margin-top:18px;

    text-align:center;

    text-decoration:none;

    color:#666;

    font-weight:600;

    transition:.25s;

}

.boton-regresar:hover{

    color:#145A32;

}

/*==================================================*
*=           USUARIO EN SIDEBAR
*==================================================*/

.usuario-panel{

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.15);

    border-radius:12px;

    padding:18px;

    margin-bottom:25px;

}

.usuario-nombre{

    font-size:17px;

    font-weight:700;

    margin-bottom:8px;

}

.usuario-puesto{

    font-size:14px;

    opacity:.95;

    margin-bottom:3px;

}

.usuario-empresa{

    font-size:13px;

    opacity:.80;

    margin-bottom:14px;

}

.usuario-rol{

    display:inline-block;

    background:#56AB0E;

    color:#FFFFFF;

    font-size:12px;

    font-weight:700;

    padding:5px 12px;

    border-radius:30px;

    letter-spacing:.6px;

}

.usuario-boton{

    display:flex;

    align-items:center;

    gap:14px;

    background:transparent;

    border:none;

    cursor:pointer;

    padding:10px 14px;

    border-radius:10px;

    transition:.25s;

}

.usuario-boton:hover{

    background:#EAF4E8;

}

.usuario-boton .bi-person-circle{

    font-size:30px;

    color:#145A32;

}

.usuario-boton div{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

}

.usuario-boton .bi-chevron-down{

    font-size:16px;

    color:#666;

}

.menu-logout{

    width:100%;

    margin-top:auto;

    background:transparent;

    border:none;

    color:#FFFFFF;

    padding:14px 16px;

    border-radius:10px;

    cursor:pointer;

    text-align:left;

    display:flex;

    align-items:center;

    gap:12px;

    font-size:16px;

    transition:.25s;

}

.menu-logout:hover{

    background:#C62828;

}

/*==================================================*
*=          DROPDOWN USUARIO
*==================================================*/

.usuario-menu{

    position:relative;

}

.usuario-menu summary{

    list-style:none;

}

.usuario-menu summary::-webkit-details-marker{

    display:none;

}

.usuario-dropdown{

    position:absolute;

    top:65px;

    right:0;

    width:260px;

    background:#FFFFFF;

    border:1px solid #D8E6D4;

    border-radius:12px;

    box-shadow:0 10px 25px rgba(0,0,0,.12);

    overflow:hidden;

    z-index:1000;

}

.usuario-dropdown a{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 18px;

    color:#333;

    text-decoration:none;

    transition:.20s;

}

.usuario-dropdown a:hover{

    background:#F2F8F1;

    color:#145A32;

}

.usuario-dropdown hr{

    border:none;

    border-top:1px solid #E6E6E6;

    margin:0;

}

.usuario-dropdown form{

    margin:0;

}

.usuario-dropdown button{

    width:100%;

    border:none;

    background:transparent;

    padding:14px 18px;

    display:flex;

    align-items:center;

    gap:12px;

    cursor:pointer;

    font-size:15px;

    color:#C62828;

    transition:.20s;

}

.usuario-dropdown button:hover{

    background:#FFF3F3;

}