/* ============================================================
   WÖRTH Selection · Administrador Global
   ============================================================ */

.ws-admin-banner{
    margin:-28px -18px 20px;
    padding:22px 18px;

    background:#07513e;
    color:#fff;

    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    font-weight:600;
}

.ws-admin-menu-group{
    margin:0 0 20px;
    padding-bottom:14px;
    border-bottom:1px solid #e4e9e6;
}

.ws-admin-menu-title{
    margin:0 10px 8px;

    color:#16483a;
    font-size:11.5px;
    font-weight:750;
}

.ws-admin-menu-item{
    min-height:39px;

    display:flex;
    align-items:center;

    padding:9px 11px;
    margin:2px 0;

    border-radius:8px;

    color:#40584f;
    font-size:12.5px;
    font-weight:500;

    cursor:pointer;
}

.ws-admin-menu-item:hover{
    background:#f0f5f2;
    color:#07513e;
}

.ws-admin-menu-item.active{
    background:#dfede6;
    color:#07513e;
    font-weight:700;
}


/* ============================================================
   CABECERA
   ============================================================ */

.ws-admin-heading{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:20px;
}

.ws-admin-heading h1{
    margin:0 !important;

    color:#073f31 !important;

    font-family:Georgia,"Times New Roman",serif !important;
    font-size:32px !important;
    font-weight:500 !important;
}

.ws-admin-heading p{
    margin:6px 0 0;

    color:#718079;
    font-size:12px;
}

.ws-admin-generated{
    color:#89948f;
    font-size:9.5px;
}


/* ============================================================
   KPI
   ============================================================ */

.ws-admin-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
    margin-bottom:17px;
}

.ws-admin-kpi{
    min-height:112px;

    padding:16px;

    background:#fff;

    border:1px solid #dfe5e1;
    border-radius:12px;

    box-shadow:
        0 7px 22px
        rgba(25,55,43,.025);
}

.ws-admin-kpi-label{
    color:#687a72;
    font-size:10.5px;
}

.ws-admin-kpi-number{
    margin-top:7px;

    color:#07513e;

    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    line-height:1;
    font-weight:600;
}

.ws-admin-kpi-note{
    margin-top:7px;

    color:#94a09b;
    font-size:9.5px;
}


/* ============================================================
   GRID
   ============================================================ */

.ws-admin-grid{
    display:grid;
    grid-template-columns:1.35fr .65fr;
    gap:16px;
    align-items:start;
}

.ws-admin-stack{
    display:grid;
    gap:16px;
}


/* ============================================================
   PANELES
   ============================================================ */

.ws-admin-panel{
    background:#fff;

    border:1px solid #dfe5e1;
    border-radius:12px;

    overflow:hidden;

    box-shadow:
        0 7px 22px
        rgba(25,55,43,.025);
}

.ws-admin-panel-head{
    min-height:52px;

    padding:14px 17px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;

    border-bottom:1px solid #e5e9e6;
}

.ws-admin-panel-title{
    color:#073f31;

    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    font-weight:600;
}

.ws-admin-panel-body{
    padding:16px 17px;
}


/* ============================================================
   TABLAS
   ============================================================ */

.ws-admin-table-wrap{
    overflow:auto;
}

.ws-admin-table{
    width:100%;
    min-width:720px;

    border-collapse:collapse;
}

.ws-admin-table th{
    padding:10px 9px;

    text-align:left;

    background:#f5f7f4;

    color:#687a72;

    font-size:9.5px;
    font-weight:750;

    white-space:nowrap;
}

.ws-admin-table td{
    padding:11px 9px;

    border-bottom:1px solid #e8ece9;

    color:#42584f;

    font-size:10.5px;

    vertical-align:middle;
}

.ws-admin-table tr:last-child td{
    border-bottom:0;
}

.ws-admin-primary{
    color:#07513e;
    font-weight:700;
}

.ws-admin-secondary{
    margin-top:2px;
    color:#8b9692;
    font-size:9px;
}


/* ============================================================
   BADGES
   ============================================================ */

.ws-admin-badge{
    display:inline-flex;
    align-items:center;

    padding:4px 8px;

    border-radius:15px;

    background:#eef4f1;
    color:#07513e;

    font-size:9px;
    font-weight:700;
}

.ws-admin-badge.success{
    background:#e9f6ef;
    color:#08734f;
}

.ws-admin-badge.warning{
    background:#fff5e6;
    color:#98621b;
}

.ws-admin-badge.danger{
    background:#fef1ef;
    color:#b42318;
}


/* ============================================================
   BOTONES
   ============================================================ */

.ws-admin-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:31px;

    padding:6px 11px;

    border:1px solid #bed0c7;
    border-radius:17px;

    background:#fff;
    color:#07513e;

    font-family:"Inter",Arial,sans-serif;
    font-size:9.5px;
    font-weight:700;

    cursor:pointer;
}

.ws-admin-btn:hover{
    background:#eef5f1;
}

.ws-admin-btn.primary{
    background:#07513e;
    border-color:#07513e;
    color:#fff;
}

.ws-admin-btn.danger{
    border-color:#efc9c4;
    color:#b42318;
}


/* ============================================================
   BUSCADOR
   ============================================================ */

.ws-admin-search{
    width:min(360px,100%);

    min-height:38px;

    padding:8px 11px;

    border:1px solid #ccd8d2 !important;
    border-radius:20px !important;

    background:#fff;

    color:#304a40;

    font-size:11px;
}


/* ============================================================
   DETALLE CANDIDATO
   ============================================================ */

.ws-admin-profile-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.ws-admin-data{
    padding:12px;

    background:#f8faf8;

    border:1px solid #e5eae7;
    border-radius:9px;
}

.ws-admin-data-label{
    color:#84918b;
    font-size:8.5px;
}

.ws-admin-data-value{
    margin-top:3px;

    color:#28483d;

    font-size:10.5px;
    font-weight:650;

    word-break:break-word;
}


/* ============================================================
   EMPTY
   ============================================================ */

.ws-admin-empty{
    padding:30px 15px;

    text-align:center;

    color:#87938e;
    font-size:11px;
}


/* ============================================================
   TOAST
   ============================================================ */

.ws-admin-toast{
    position:fixed;

    right:25px;
    bottom:25px;

    z-index:99999;

    max-width:360px;

    padding:12px 15px;

    border-radius:9px;

    background:#07513e;
    color:#fff;

    font-size:11px;

    box-shadow:
        0 15px 45px
        rgba(7,63,49,.22);
}


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

@media(max-width:1100px){

    .ws-admin-kpis{
        grid-template-columns:repeat(2,1fr);
    }

    .ws-admin-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){

    .ws-admin-kpis{
        grid-template-columns:1fr;
    }

    .ws-admin-profile-grid{
        grid-template-columns:1fr;
    }
}