/* ============================================================
   WÖRTH SELECTION · ADMINISTRADOR v11
   Misma familia visual que Candidato
   ============================================================ */

body.ws-role-admin{
    background:#f8f5ee !important;
    color:#355148;
    font-family:"Inter",Arial,sans-serif !important;
}


/* ============================================================
   SIDEBAR
   ============================================================ */

body.ws-role-admin .sidebar{
    position:fixed !important;
    background:#fff !important;
    border-right:1px solid #dfe6e2 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}


.ws-admin-banner-v11{
    width:100%;
    height:58px;

    box-sizing:border-box;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0;
    padding:0;

    background:#07513e;

    color:#fff;

    font-family:"Inter",Arial,sans-serif;
    font-size:15px;
    font-weight:750;
    line-height:1;

    text-align:center;
}


body.ws-role-admin .ws-admin-menu-group{
    margin:0 !important;

    padding:
        17px 8px 14px !important;

    border-bottom:
        1px solid #e3e8e5 !important;
}


body.ws-role-admin .ws-admin-menu-title{
    margin:
        0 9px 9px !important;

    color:#60756c !important;

    font-family:"Inter",Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:750 !important;

    letter-spacing:.025em !important;
    text-transform:none !important;
}


body.ws-role-admin .ws-admin-menu-item{
    position:relative;

    min-height:42px !important;

    display:flex !important;
    align-items:center !important;
    gap:9px !important;

    margin:2px 0 !important;
    padding:7px 10px !important;

    border-radius:9px !important;

    color:#365148 !important;

    font-family:"Inter",Arial,sans-serif !important;
    font-size:12.5px !important;
    font-weight:500 !important;

    cursor:pointer !important;

    transition:
        background .15s ease,
        color .15s ease,
        transform .15s ease !important;
}


body.ws-role-admin .ws-admin-menu-item:hover{
    background:#edf5f1 !important;
    color:#07513e !important;
    transform:translateX(2px);
}


body.ws-role-admin .ws-admin-menu-item.active{
    background:#dcebe4 !important;
    color:#07513e !important;
    font-weight:700 !important;
}


body.ws-role-admin .ws-admin-menu-item.active::before{
    content:"";

    position:absolute;

    left:0;

    width:3px;
    height:24px;

    border-radius:0 4px 4px 0;

    background:#07513e;
}


.ws-admin-v11-nav-icon{
    width:29px;
    height:29px;

    flex:0 0 29px;

    display:grid;
    place-items:center;

    border-radius:8px;

    background:#eef5f2;
    color:#087258;
}


.ws-admin-menu-item.active
.ws-admin-v11-nav-icon{
    background:#fff;
}


.ws-admin-v11-nav-icon svg{
    width:16px;
    height:16px;
}


/* ============================================================
   HEADER
   ============================================================ */

body.ws-role-admin header{
    background:#fff !important;
    border-bottom:1px solid #e0e6e3 !important;
}


.ws-admin-v11-top{
    position:relative;

    min-height:40px;

    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    padding:0 12px !important;

    border-radius:9px;

    color:#41574f !important;

    font-size:12px !important;
    font-weight:600 !important;

    text-decoration:none !important;

    cursor:pointer;

    transition:
        background .15s ease,
        color .15s ease;
}


.ws-admin-v11-top:hover{
    background:#edf5f1 !important;
    color:#07513e !important;
}


.ws-admin-v11-top.active{
    background:#dfeee7 !important;
    color:#07513e !important;
    font-weight:750 !important;
}


.ws-admin-v11-top.active::after{
    content:"";

    position:absolute;

    left:11px;
    right:11px;
    bottom:-7px;

    height:2px;

    border-radius:3px;

    background:#07513e;
}


/* ============================================================
   ROOT
   ============================================================ */

#wsAdminDashboardV2.ws-admin-worth-v11{
    position:relative;

    width:100%;
    max-width:1280px;

    margin:0 auto;

    color:#355148;
}


/* ============================================================
   DECORACIÓN WÖRTH
   ============================================================ */

#wsAdminDashboardV2.ws-admin-worth-v11::before{
    content:"";

    position:absolute;

    z-index:-1;

    width:170px;
    height:170px;

    left:-105px;
    top:310px;

    border-radius:50%;

    background:rgba(204,233,218,.34);

    pointer-events:none;
}


#wsAdminDashboardV2.ws-admin-worth-v11::after{
    content:"";

    position:absolute;

    z-index:-1;

    width:115px;
    height:115px;

    right:-54px;
    bottom:35px;

    border:1.5px solid rgba(104,218,166,.32);
    border-radius:23px;

    transform:rotate(10deg);

    pointer-events:none;
}


/* ============================================================
   BIENVENIDA
   ============================================================ */

.ws-ad11-welcome{
    margin-bottom:19px;
}


.ws-ad11-welcome h1{
    margin:0 !important;

    color:#073f31 !important;

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:31px !important;
    line-height:1.08 !important;
    font-weight:500 !important;

    letter-spacing:-.6px !important;
}


.ws-ad11-welcome p{
    margin:6px 0 0;

    color:#718079;

    font-size:11.5px;
}


/* ============================================================
   TOP
   ============================================================ */

.ws-ad11-top{
    display:grid;

    grid-template-columns:
        minmax(460px,2.4fr)
        repeat(3,minmax(150px,1fr));

    gap:14px;

    margin-bottom:17px;
}


/* ============================================================
   CARD BASE
   ============================================================ */

.ws-ad11-card{
    background:#fff;

    border:1px solid #dce4e0;

    border-radius:11px;

    box-shadow:none;

    overflow:hidden;
}


/* ============================================================
   ESTADO GENERAL
   ============================================================ */

.ws-ad11-overview{
    min-height:207px;

    padding:17px 18px;
}


.ws-ad11-card-title{
    color:#073f31;

    font-family:Georgia,"Times New Roman",serif;

    font-size:18px;
    font-weight:600;
}


.ws-ad11-overview-grid{
    display:grid;

    grid-template-columns:
        180px 1fr;

    gap:19px;

    align-items:center;

    margin-top:12px;
}


.ws-ad11-gauge-side{
    text-align:center;

    padding-right:17px;

    border-right:1px solid #e3e8e5;
}


.ws-ad11-gauge{
    position:relative;

    width:145px;
    height:88px;

    margin:0 auto;
}


.ws-ad11-gauge svg{
    display:block;

    width:145px;
    height:88px;
}


.ws-ad11-gauge-track{
    fill:none;

    stroke:#edf0ee;

    stroke-width:11;
    stroke-linecap:round;
}


.ws-ad11-gauge-fill{
    fill:none;

    stroke:#07513e;

    stroke-width:11;
    stroke-linecap:round;
}


.ws-ad11-gauge-value{
    position:absolute;

    left:0;
    right:0;
    bottom:3px;

    color:#073f31;

    font-family:Georgia,"Times New Roman",serif;

    font-size:27px;
    font-weight:600;
}


.ws-ad11-gauge-label{
    margin-top:2px;

    color:#087258;

    font-size:10.5px;
    font-weight:750;
}


.ws-ad11-gauge-note{
    max-width:155px;

    margin:4px auto 0;

    color:#84908b;

    font-size:9px;
    line-height:1.4;
}


/* ============================================================
   BARRAS
   ============================================================ */

.ws-ad11-bars{
    display:grid;
    gap:10px;
}


.ws-ad11-bar-head{
    display:flex;
    justify-content:space-between;
    gap:10px;

    margin-bottom:4px;

    color:#53665e;

    font-size:9.7px;
}


.ws-ad11-bar-head strong{
    color:#07513e;
}


.ws-ad11-track{
    height:7px;

    overflow:hidden;

    border-radius:10px;

    background:#edf0ee;
}


.ws-ad11-fill{
    height:100%;

    border-radius:inherit;

    background:#087258;
}


.ws-ad11-fill.sand{
    background:#c9a775;
}


.ws-ad11-overview-button{
    width:100%;
    min-height:31px;

    margin-top:2px;

    border:0;
    border-radius:16px;

    background:#dcebe4;
    color:#07513e;

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

    cursor:pointer;
}


.ws-ad11-overview-button:hover{
    background:#cee3d9;
}


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

.ws-ad11-kpi{
    min-height:207px;

    padding:17px 16px;

    transition:
        transform .15s ease,
        border-color .15s ease;
}


.ws-ad11-kpi:hover{
    transform:translateY(-2px);

    border-color:#cbdad3;
}


.ws-ad11-kpi-icon{
    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:#edf5f1;
    color:#087258;
}


.ws-ad11-kpi-icon svg{
    width:19px;
    height:19px;
}


.ws-ad11-kpi-label{
    margin-top:13px;

    color:#5d7068;

    font-size:10.5px;
}


.ws-ad11-kpi-value{
    margin-top:7px;

    color:#07513e;

    font-family:Georgia,"Times New Roman",serif;

    font-size:30px;
    font-weight:600;
}


.ws-ad11-kpi-note{
    margin-top:8px;

    color:#8a9691;

    font-size:9px;
    line-height:1.4;
}


/* ============================================================
   MAIN
   ============================================================ */

.ws-ad11-main{
    display:grid;

    grid-template-columns:
        minmax(0,1.7fr)
        minmax(310px,.72fr);

    gap:16px;

    align-items:start;
}


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


/* ============================================================
   PANEL
   ============================================================ */

.ws-ad11-panel-head{
    min-height:51px;

    padding:12px 15px;

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

    border-bottom:1px solid #e3e8e5;
}


.ws-ad11-panel-heading{
    display:flex;
    align-items:center;
    gap:9px;
}


.ws-ad11-panel-icon{
    width:28px;
    height:28px;

    display:grid;
    place-items:center;

    color:#087258;
}


.ws-ad11-panel-icon svg{
    width:18px;
    height:18px;
}


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

    font-family:Georgia,"Times New Roman",serif;

    font-size:18px;
    font-weight:600;
}


.ws-ad11-link{
    border:0;

    background:transparent;

    color:#087258;

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

    cursor:pointer;
}


.ws-ad11-link:hover{
    text-decoration:underline;
}


.ws-ad11-panel-body{
    padding:15px 17px;
}


/* ============================================================
   ACTIVIDAD
   ============================================================ */

.ws-ad11-activity-row{
    display:grid;

    grid-template-columns:
        32px minmax(0,1fr)
        minmax(115px,.7fr)
        auto;

    gap:10px;

    align-items:center;

    padding:10px 0;

    border-bottom:1px solid #e8ece9;
}


.ws-ad11-activity-row:last-child{
    border-bottom:0;
}


.ws-ad11-avatar{
    width:32px;
    height:32px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:#e4f0ea;
    color:#087258;

    font-size:8.5px;
    font-weight:800;
}


.ws-ad11-primary{
    color:#07513e;

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


.ws-ad11-secondary{
    margin-top:2px;

    color:#88948f;

    font-size:8.5px;
}


.ws-ad11-company{
    color:#73817b;

    font-size:8.8px;
}


.ws-ad11-status{
    display:inline-block;

    padding:4px 7px;

    border-radius:12px;

    background:#e5f2eb;
    color:#087258;

    font-size:8px;
    font-weight:750;
}


.ws-ad11-date{
    margin-top:3px;

    color:#9aa49f;

    font-size:7.5px;
}


/* ============================================================
   RESUMEN PROCESOS
   ============================================================ */

.ws-ad11-process-grid{
    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:10px;
}


.ws-ad11-mini{
    padding:12px;

    border:1px solid #e4e9e6;

    border-radius:9px;

    background:#fafcfb;
}


.ws-ad11-mini-label{
    color:#728079;

    font-size:8.7px;
}


.ws-ad11-mini-value{
    margin-top:4px;

    color:#07513e;

    font-family:Georgia,"Times New Roman",serif;

    font-size:21px;
    font-weight:600;
}


/* ============================================================
   ENTREVISTA
   ============================================================ */

.ws-ad11-interview{
    display:grid;

    grid-template-columns:68px 1fr;

    gap:13px;

    align-items:start;
}


.ws-ad11-calendar{
    overflow:hidden;

    width:68px;

    border:1px solid #d5dfda;

    border-radius:9px;

    text-align:center;
}


.ws-ad11-calendar-month{
    padding:5px 3px;

    background:#07513e;
    color:#fff;

    font-size:8px;
    font-weight:800;
}


.ws-ad11-calendar-day{
    padding:7px 3px 2px;

    color:#073f31;

    font-family:Georgia,"Times New Roman",serif;

    font-size:25px;
    font-weight:600;
}


.ws-ad11-calendar-week{
    padding:2px 3px 6px;

    color:#8a9691;

    font-size:7px;
}


.ws-ad11-interview-title{
    color:#07513e;

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


.ws-ad11-interview-candidate{
    margin-top:3px;

    color:#61746c;

    font-size:8.8px;
}


.ws-ad11-interview-date{
    margin-top:4px;

    color:#84908b;

    font-size:8px;
}


.ws-ad11-interview-time{
    margin-top:5px;

    color:#073f31;

    font-size:13px;
    font-weight:750;
}


/* ============================================================
   EMPRESAS
   ============================================================ */

.ws-ad11-company-summary{
    display:flex;

    align-items:center;

    gap:16px;
}


.ws-ad11-donut{
    --value:0;

    position:relative;

    width:88px;
    height:88px;

    flex:0 0 88px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        conic-gradient(
            #07513e calc(var(--value) * 1%),
            #edf0ee 0
        );
}


.ws-ad11-donut::after{
    content:"";

    position:absolute;

    width:61px;
    height:61px;

    border-radius:50%;

    background:#fff;
}


.ws-ad11-donut strong{
    position:relative;
    z-index:2;

    color:#07513e;

    font-family:Georgia,"Times New Roman",serif;

    font-size:18px;
}


.ws-ad11-company-lines{
    flex:1;
}


.ws-ad11-line{
    display:flex;
    justify-content:space-between;
    gap:10px;

    padding:7px 0;

    border-bottom:1px solid #e8ece9;

    color:#718079;

    font-size:8.5px;
}


.ws-ad11-line strong{
    color:#07513e;
}


/* ============================================================
   CONSULTORES
   ============================================================ */

.ws-ad11-recruiter{
    display:flex;

    align-items:center;

    gap:9px;

    padding:8px 0;

    border-bottom:1px solid #e8ece9;
}


.ws-ad11-recruiter:last-child{
    border-bottom:0;
}


.ws-ad11-rank{
    width:25px;
    height:25px;

    display:grid;
    place-items:center;

    border-radius:7px;

    background:#f0f5f2;

    color:#63776e;

    font-size:8px;
    font-weight:800;
}


.ws-ad11-recruiter-main{
    flex:1;
}


.ws-ad11-recruiter-name{
    color:#07513e;

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


.ws-ad11-recruiter-meta{
    margin-top:2px;

    color:#89948f;

    font-size:7.8px;
}


.ws-ad11-hired{
    text-align:center;

    color:#07513e;

    font-family:Georgia,"Times New Roman",serif;

    font-size:17px;
}


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

.ws-ad11-empty{
    padding:28px 15px;

    text-align:center;

    color:#85918c;

    font-size:9.5px;
}


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

@media(max-width:1100px){

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

    .ws-ad11-overview{
        grid-column:1/-1;
    }
}


@media(max-width:850px){

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


@media(max-width:650px){

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

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

    .ws-ad11-gauge-side{
        padding-right:0;
        padding-bottom:14px;

        border-right:0;
        border-bottom:1px solid #e3e8e5;
    }

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