/* ============================================================
   WÖRTH Selection
   Candidate Dashboard v3
   ============================================================ */

#wsCandidateDashboardV3{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    color:#29443a;
}


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

.ws-cdash-welcome{
    margin-bottom:22px;
}

.ws-cdash-welcome h1{
    margin:0 !important;
    color:#073f31 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:32px !important;
    line-height:1.08 !important;
    font-weight:500 !important;
    letter-spacing:-.7px !important;
}

.ws-cdash-welcome p{
    margin:7px 0 0;
    color:#718079;
    font-size:12.5px;
}


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

.ws-cdash-top{
    display:grid;
    grid-template-columns:
        minmax(440px,2.45fr)
        repeat(3,minmax(155px,1fr));

    gap:14px;
    margin-bottom:18px;
}


/* ============================================================
   CARDS
   ============================================================ */

.ws-cdash-card{
    background:#fff;
    border:1px solid #dfe5e1;
    border-radius:12px;
    box-shadow:0 8px 26px rgba(25,55,43,.035);
}

.ws-cdash-profile-card{
    min-height:215px;
    padding:18px 19px 16px;
}

.ws-cdash-card-title{
    color:#073f31;
    font-family:Georgia,"Times New Roman",serif;
    font-size:19px;
    font-weight:600;
    line-height:1.2;
}


/* ============================================================
   PERFIL COMPLETO
   ============================================================ */

.ws-cdash-profile-grid{
    display:grid;
    grid-template-columns:190px 1fr;
    gap:19px;
    margin-top:10px;
    align-items:center;
}

.ws-cdash-gauge-side{
    min-width:0;
    text-align:center;
    padding-right:18px;
    border-right:1px solid #e3e8e5;
}

.ws-cdash-gauge{
    width:150px;
    height:92px;
    margin:0 auto;
    position:relative;
}

.ws-cdash-gauge svg{
    width:150px;
    height:92px;
    display:block;
}

.ws-cdash-gauge-track{
    fill:none;
    stroke:#edf0ee;
    stroke-width:11;
    stroke-linecap:round;
}

.ws-cdash-gauge-value{
    fill:none;
    stroke:#07513e;
    stroke-width:11;
    stroke-linecap:round;
    transition:stroke-dasharray .75s ease;
}

.ws-cdash-gauge-number{
    position:absolute;
    left:0;
    right:0;
    bottom:5px;

    color:#073f31;
    font-family:Georgia,"Times New Roman",serif;
    font-size:29px;
    line-height:1;
    font-weight:600;
}

.ws-cdash-profile-result{
    margin-top:1px;
    color:#08734f;
    font-size:12px;
    font-weight:750;
}

.ws-cdash-profile-result.pending{
    color:#9a6a1e;
}

.ws-cdash-profile-help{
    max-width:170px;
    margin:4px auto 0;
    color:#78857f;
    font-size:10.5px;
    line-height:1.35;
}


/* ============================================================
   DESGLOSE
   ============================================================ */

.ws-cdash-breakdown{
    min-width:0;
}

.ws-cdash-breakdown-row{
    margin-bottom:10px;
}

.ws-cdash-breakdown-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    margin-bottom:4px;
}

.ws-cdash-breakdown-label{
    color:#53665e;
    font-size:11px;
    font-weight:550;
}

.ws-cdash-breakdown-percent{
    color:#07513e;
    font-size:10.5px;
    font-weight:750;
}

.ws-cdash-breakdown-bar{
    height:8px;
    overflow:hidden;
    border-radius:10px;
    background:#edf0ee;
}

.ws-cdash-breakdown-fill{
    height:100%;
    border-radius:inherit;
    background:#087258;
    transition:width .7s ease;
}

.ws-cdash-profile-button{
    width:100%;
    min-height:34px;
    margin-top:5px;

    border:0;
    border-radius:18px;

    background:#dcece4;
    color:#07513e;

    font-family:"Inter",Arial,sans-serif;
    font-size:10.5px;
    font-weight:750;

    cursor:pointer;
}

.ws-cdash-profile-button:hover{
    background:#cee4d9;
}


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

.ws-cdash-stat{
    min-height:215px;
    padding:19px 17px;
}

.ws-cdash-stat-icon{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;

    border-radius:50%;
    background:#ecf4f0;
    color:#087258;
}

.ws-cdash-stat-icon svg{
    width:21px;
    height:21px;
}

.ws-cdash-stat-label{
    margin-top:13px;
    color:#52665e;
    font-size:12px;
    font-weight:550;
}

.ws-cdash-stat-value{
    margin-top:8px;

    color:#07513e;
    font-family:Georgia,"Times New Roman",serif;
    font-size:32px;
    line-height:1;
    font-weight:600;
}

.ws-cdash-stat-note{
    margin-top:10px;
    color:#84908b;
    font-size:10.5px;
    line-height:1.45;
}


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

.ws-cdash-main{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(320px,.75fr);
    gap:17px;
    align-items:start;
}

.ws-cdash-stack{
    display:grid;
    gap:17px;
}


/* ============================================================
   SECTION CARD
   ============================================================ */

.ws-cdash-section{
    overflow:hidden;
}

.ws-cdash-section-head{
    min-height:52px;
    padding:13px 17px;

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

    border-bottom:1px solid #e5e9e6;
}

.ws-cdash-section-heading{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.ws-cdash-section-icon{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    color:#087258;
}

.ws-cdash-section-icon svg{
    width:20px;
    height:20px;
}

.ws-cdash-section-title{
    color:#073f31;
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    line-height:1.2;
    font-weight:600;
}

.ws-cdash-link{
    border:0;
    background:transparent;
    color:#087258;

    display:flex;
    align-items:center;
    gap:5px;

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

    cursor:pointer;
    white-space:nowrap;
}

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

.ws-cdash-section-body{
    padding:16px 18px;
}


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

.ws-cdash-empty{
    min-height:145px;

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

    text-align:center;
}

.ws-cdash-empty-icon{
    width:54px;
    height:54px;

    display:grid;
    place-items:center;

    margin-bottom:10px;

    border-radius:50%;
    background:#f0f4f2;
    color:#087258;
}

.ws-cdash-empty-icon svg{
    width:26px;
    height:26px;
}

.ws-cdash-empty strong{
    color:#41564e;
    font-size:11.5px;
}

.ws-cdash-empty p{
    max-width:340px;
    margin:4px 0 0;

    color:#88938f;
    font-size:10.5px;
    line-height:1.45;
}


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

.ws-cdash-process{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;

    padding:11px 0;
    border-bottom:1px solid #e8ece9;
}

.ws-cdash-process:last-child{
    border-bottom:0;
}

.ws-cdash-process-title{
    color:#07513e;
    font-size:11.5px;
    font-weight:700;
}

.ws-cdash-process-status{
    margin-top:3px;
    color:#7a8782;
    font-size:9.5px;
}

.ws-cdash-process-meta{
    display:flex;
    align-items:center;
    gap:9px;

    color:#8b9692;
    font-size:9px;

    white-space:nowrap;
}


/* ============================================================
   CALENDARIO
   ============================================================ */

.ws-cdash-interview{
    display:grid;
    grid-template-columns:70px 1fr;
    gap:14px;
    align-items:start;
}

.ws-cdash-calendar{
    width:70px;
    overflow:hidden;

    border:1px solid #d6e0db;
    border-radius:10px;

    text-align:center;
}

.ws-cdash-calendar-month{
    padding:5px 3px;
    background:#07513e;
    color:#fff;

    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
}

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

    color:#073f31;
    font-family:Georgia,"Times New Roman",serif;
    font-size:27px;
    line-height:1;
    font-weight:600;
}

.ws-cdash-calendar-weekday{
    padding:3px 3px 7px;
    color:#87928e;
    font-size:8px;
}

.ws-cdash-interview-title{
    color:#07513e;
    font-size:12px;
    font-weight:750;
}

.ws-cdash-interview-date{
    margin-top:4px;
    color:#75827d;
    font-size:9.5px;
}

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

    color:#073f31;
    font-size:14px;
    font-weight:750;
}

.ws-cdash-interview-zone{
    margin-top:3px;
    color:#89948f;
    font-size:9px;
}

.ws-cdash-clock{
    margin-top:11px;
    padding-top:9px;

    border-top:1px solid #e8ece9;

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

    color:#85908c;
    font-size:9px;
}

.ws-cdash-clock strong{
    color:#087258;
    font-size:10px;
}


/* ============================================================
   OFERTAS / CV
   ============================================================ */

.ws-cdash-simple-empty{
    min-height:95px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;

    color:#7f8b86;
    font-size:10.5px;
}

.ws-cdash-cv{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
}

.ws-cdash-cv strong{
    display:block;
    color:#07513e;
    font-size:11px;
}

.ws-cdash-cv span{
    display:block;
    margin-top:3px;
    color:#89948f;
    font-size:9.5px;
}


/* ============================================================
   JOB RECOMMENDATIONS
   ============================================================ */

.ws-cdash-job{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;

    padding:11px 0;
    border-bottom:1px solid #e7ebe8;
}

.ws-cdash-job:last-child{
    border-bottom:0;
}

.ws-cdash-job strong{
    color:#07513e;
    font-size:11px;
}

.ws-cdash-job p{
    margin:3px 0 0;
    color:#84908b;
    font-size:9.5px;
}


/* ============================================================
   SIDEBAR WÖRTH
   ============================================================ */

body.ws-role-candidate .sidebar .ws-profile-progress-card{
    display:none !important;
}

body.ws-role-candidate .menu-title{
    display:flex;
    align-items:center;
    gap:8px;

    margin:22px 13px 9px !important;

    color:#16473a !important;

    font-family:"Inter",Arial,sans-serif !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:700 !important;

    text-transform:none !important;
    letter-spacing:0 !important;
}

.ws-sidebar-section-icon{
    width:18px;
    height:18px;
    color:#087258;
    display:grid;
    place-items:center;
}

.ws-sidebar-section-icon svg{
    width:17px;
    height:17px;
}

body.ws-role-candidate .menu-item,
body.ws-role-candidate .nav{
    min-height:41px !important;
    gap:9px;

    font-family:"Inter",Arial,sans-serif !important;
    font-size:13px !important;
}

.ws-sidebar-item-icon{
    width:17px;
    height:17px;
    display:grid;
    place-items:center;
    flex:0 0 17px;
    color:#3f5c51;
}

.ws-sidebar-item-icon svg{
    width:16px;
    height:16px;
}


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

@media(max-width:1150px){

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

    .ws-cdash-top .ws-cdash-stat:last-child{
        display:none;
    }
}

@media(max-width:950px){

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

    .ws-cdash-profile-card{
        grid-column:1/-1;
    }

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

@media(max-width:650px){

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

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

    .ws-cdash-gauge-side{
        border-right:0;
        border-bottom:1px solid #e3e8e5;
        padding:0 0 15px;
    }
}