/* ==========================================================
DISHA RECRUITMENT
CURRENT HIRING ASSIGNMENTS
PAGE-SPECIFIC CSS
========================================================== */


/* ==========================================================
HERO
========================================================== */

.cha-new-hero{
    padding:42px 0 38px;
    background:#F7FAFE;
}

.cha-new-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);
    align-items:center;
    gap:52px;
}

.cha-new-hero-copy{
    max-width:720px;
}

.cha-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
    color:#15943B;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.05em;
}

.cha-new-hero h1{
    margin:0 0 12px;
    color:#0B4F9C;
    font-family:Poppins,sans-serif;
    font-size:clamp(2.15rem,4vw,3.25rem);
    font-weight:800;
    line-height:1.08;
}

.cha-hero-lead{
    max-width:680px;
    margin:0 0 12px;
    color:#0B4F9C;
    font-size:1.08rem;
    font-weight:600;
    line-height:1.55;
}

.cha-hero-text{
    max-width:680px;
    margin:0;
    color:#687C96;
    font-size:.94rem;
    line-height:1.7;
}

.cha-hero-links{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:18px;
    margin-top:22px;
}

.cha-outline-link,
.cha-text-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:.86rem;
    font-weight:700;
    text-decoration:none;
}

.cha-outline-link{
    padding:10px 16px;
    border:1px solid #C8DCEF;
    border-radius:8px;
    background:#FFF;
    color:#0B4F9C;
}

.cha-text-link{
    color:#15943B;
}

.cha-new-hero-media{
    display:flex;
    align-items:center;
    justify-content:center;
}

.cha-new-hero-media img{
    display:block;
    width:100%;
    max-width:520px;
    height:auto;
    aspect-ratio:16/9;
    object-fit:contain;
    border-radius:14px;
    box-shadow:0 12px 28px rgba(11,79,156,.10);
}


/* ==========================================================
SHARED SECTION HEADING
========================================================== */

.cha-section-heading{
    max-width:850px;
    margin:0 auto 27px;
    text-align:center;
}

.cha-section-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    padding:5px 12px;
    border-radius:30px;
    background:#EAF3FF;
    color:#0B4F9C;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.08em;
}

.cha-section-heading h2{
    margin:11px 0 8px;
    color:#0B4F9C;
    font-family:Poppins,sans-serif;
    font-size:clamp(1.65rem,3vw,2.35rem);
    font-weight:800;
    line-height:1.18;
}

.cha-section-heading p{
    max-width:760px;
    margin:0 auto;
    color:#6B7F99;
    font-size:.94rem;
    line-height:1.65;
}


/* ==========================================================
ACTIVE ASSIGNMENTS
WIDE EMPLOYER-FRIENDLY CARDS
========================================================== */

.cha-active-section{
    padding:46px 0 42px;
    background:#FFFFFF;
}

.cha-assignment-rows{
    max-width:1120px;
    margin:0 auto;

    display:flex;
    flex-direction:column;
    gap:18px;
}


/* ==========================================================
INDIVIDUAL ASSIGNMENT CARD
========================================================== */

.cha-assignment-row{
    display:grid;

    grid-template-columns:
        52px
        minmax(320px,1.45fr)
        minmax(245px,.85fr)
        auto;

    align-items:center;

    gap:24px;

    min-height:145px;

    padding:22px 24px 22px 18px;

    background:#FFFFFF;

    border:1px solid #D6E4F1;
    border-left:5px solid #0B4F9C;
    border-radius:15px;

    box-shadow:0 8px 24px rgba(18,62,103,.07);
}

.cha-assignment-row-green{
    border-left-color:#2E9E44;
}


/* ==========================================================
JOB NUMBER
========================================================== */

.cha-row-number{
    width:40px;
    height:40px;

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

    border-radius:50%;

    background:#EAF3FF;
    color:#0B4F9C;

    font-size:.72rem;
    font-weight:800;
}

.cha-assignment-row-green .cha-row-number{
    background:#EAF8EE;
    color:#2E9E44;
}


/* ==========================================================
EYEBROW / STATUS PILL
========================================================== */

.cha-row-status{
    display:inline-flex;
    align-items:center;

    margin-bottom:8px;
    padding:5px 10px;

    border-radius:20px;

    background:#EEF5FF;
    color:#0B4F9C;

    font-size:.62rem;
    font-weight:800;
    letter-spacing:.07em;
}

.cha-assignment-row-green .cha-row-status{
    background:#EAF8EE;
    color:#2E9E44;
}


/* ==========================================================
JOB TITLE
========================================================== */

.cha-row-main h3{
    margin:0 0 9px;

    color:#0B4F9C;

    font-family:Poppins,sans-serif;
    font-size:1.38rem;
    font-weight:800;
    line-height:1.2;
}

.cha-assignment-row-green .cha-row-main h3{
    color:#2E9E44;
}


/* ==========================================================
LOCATION / PREFERENCE / EXPERIENCE
========================================================== */

.cha-row-meta{
    display:flex;
    flex-wrap:wrap;

    gap:7px 18px;

    color:#687A90;

    font-size:.79rem;
    line-height:1.5;
}

.cha-row-meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.cha-row-meta i{
    color:#0B4F9C;
}

.cha-assignment-row-green .cha-row-meta i{
    color:#2E9E44;
}


/* ==========================================================
HIRING DETAILS
========================================================== */

.cha-row-side{
    padding-left:22px;

    border-left:1px solid #E1EAF2;
}

.cha-row-label{
    margin-bottom:5px;

    color:#0B4F9C;

    font-size:.78rem;
    font-weight:800;
}

.cha-assignment-row-green .cha-row-label{
    color:#2E9E44;
}

.cha-row-salary{
    color:#52657B;

    font-size:.88rem;
    font-weight:700;
}

.cha-row-type{
    margin-top:4px;

    color:#7A899A;

    font-size:.75rem;
}


/* ==========================================================
VIEW ASSIGNMENT BUTTON
========================================================== */

.cha-row-action{
    text-align:right;
}

.cha-row-action a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    white-space:nowrap;

    padding:11px 15px;

    border-radius:8px;

    background:#0B4F9C;
    color:#FFFFFF;

    font-size:.78rem;
    font-weight:800;

    text-decoration:none;

    transition:
        transform .15s ease,
        box-shadow .15s ease;
}

.cha-assignment-row-green .cha-row-action a{
    background:#2E9E44;
}

.cha-row-action a:hover{
    transform:translateY(-1px);
    box-shadow:0 5px 12px rgba(11,79,156,.16);
}

.cha-assignment-row-green .cha-row-action a:hover{
    box-shadow:0 5px 12px rgba(46,158,68,.16);
}

.cha-row-action a i{
    font-size:.68rem;
}


/* ==========================================================
EMPLOYER NOTE
========================================================== */

.cha-employer-note{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;

    gap:16px;

    max-width:1080px;

    margin:24px auto 0;
    padding:17px 20px;

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

    background:#F7FCF8;
}

.cha-note-icon{
    width:38px;
    height:38px;

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

    flex-shrink:0;

    border-radius:50%;

    background:#E5F5E9;
    color:#2E9E44;
}

.cha-employer-note strong{
    display:block;

    margin-bottom:3px;

    color:#0B4F9C;

    font-family:Poppins,sans-serif;
    font-size:.93rem;
}

.cha-employer-note p{
    margin:0;

    color:#687A8F;

    font-size:.79rem;
    line-height:1.55;
}

.cha-employer-note a{
    display:inline-flex;
    align-items:center;
    gap:7px;

    white-space:nowrap;

    color:#0B4F9C;

    font-size:.82rem;
    font-weight:800;

    text-decoration:none;
}


/* ==========================================================
DETAILED ASSIGNMENT PAGES
========================================================== */

.cha-details-section{
    padding:44px 0 43px;
    background:#F7FAFE;
}

.cha-detail-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:16px;

    max-width:1120px;

    margin:0 auto;
}

.cha-detail-card{
    position:relative;

    min-height:225px;

    padding:22px 20px 20px;

    border:1px solid #D8E5F1;
    border-radius:13px;

    background:#FFFFFF;
}

.cha-detail-card>i{
    width:40px;
    height:40px;

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

    margin:17px 0 13px;

    border-radius:50%;

    background:#EAF3FF;
    color:#0B4F9C;
}

.cha-detail-green>i{
    background:#EAF8EE;
    color:#2E9E44;
}

.cha-detail-number{
    position:absolute;

    top:17px;
    right:18px;

    color:#8A9BAD;

    font-size:.68rem;
    font-weight:800;
}

.cha-detail-card h3{
    margin:0 0 8px;

    color:#0B4F9C;

    font-family:Poppins,sans-serif;
    font-size:1.03rem;
    line-height:1.3;
}

.cha-detail-card p{
    margin:0;

    color:#697B91;

    font-size:.82rem;
    line-height:1.6;
}


/* ==========================================================
CURRENT NOTE
========================================================== */

.cha-current-note-section{
    padding:28px 0 31px;
    background:#FFFFFF;
}

.cha-current-note{
    display:flex;
    align-items:center;

    gap:16px;

    max-width:900px;

    margin:0 auto;
    padding:18px 22px;

    border:1px solid #D6E7F5;
    border-left:4px solid #0B4F9C;
    border-radius:11px;

    background:#F8FBFF;
}

.cha-current-note h2{
    margin:0 0 4px;

    color:#0B4F9C;

    font-family:Poppins,sans-serif;
    font-size:1rem;
}

.cha-current-note p{
    margin:0;

    color:#687A8F;

    font-size:.78rem;
    line-height:1.55;
}


/* ==========================================================
EMPLOYER CTA
========================================================== */

.cha-final-cta{
    padding:38px 0 40px;

    background:#0B4F9C;

    text-align:center;
}

.cha-final-cta>.container>span{
    display:block;

    margin-bottom:8px;

    color:#9CE1AF;

    font-size:.68rem;
    font-weight:800;
    letter-spacing:.10em;
}

.cha-final-cta h2{
    margin:0 0 8px;

    color:#FFFFFF;

    font-family:Poppins,sans-serif;
    font-size:clamp(1.55rem,3vw,2.15rem);
    font-weight:800;
}

.cha-final-cta p{
    max-width:720px;

    margin:0 auto 19px;

    color:#E5EFFA;

    font-size:.88rem;
    line-height:1.65;
}

.cha-final-cta .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
}


/* ==========================================================
TABLET
========================================================== */

@media(max-width:950px){

    .cha-new-hero-grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .cha-new-hero-copy{
        max-width:800px;
        margin:0 auto;

        text-align:center;
    }

    .cha-hero-lead,
    .cha-hero-text{
        margin-left:auto;
        margin-right:auto;
    }

    .cha-hero-links{
        justify-content:center;
    }

    .cha-new-hero-media img{
        max-width:600px;
    }

    .cha-assignment-row{
        grid-template-columns:
            45px
            minmax(0,1fr)
            minmax(190px,.7fr);

        gap:17px;
    }

    .cha-row-action{
        grid-column:2 / -1;

        text-align:left;
    }

    .cha-row-side{
        padding-left:18px;
    }

    .cha-detail-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        max-width:760px;
    }
}


/* ==========================================================
MOBILE
========================================================== */

@media(max-width:700px){

    .cha-new-hero{
        padding:30px 0 29px;
    }

    .cha-new-hero h1{
        font-size:2rem;
    }

    .cha-hero-lead{
        font-size:.98rem;
    }

    .cha-hero-text{
        font-size:.86rem;
    }

    .cha-hero-links{
        flex-direction:column;
        gap:11px;
    }

    .cha-outline-link{
        width:100%;
        justify-content:center;
    }


    /* Active assignments */

    .cha-active-section,
    .cha-details-section{
        padding-top:34px;
        padding-bottom:34px;
    }

    .cha-assignment-rows{
        gap:14px;
    }

    .cha-assignment-row{
        grid-template-columns:40px minmax(0,1fr);

        gap:12px;

        min-height:auto;

        padding:18px;
    }

    .cha-row-number{
        align-self:start;
    }

    .cha-row-status{
        margin-bottom:7px;
    }

    .cha-row-main h3{
        font-size:1.18rem;
    }

    .cha-row-meta{
        flex-direction:column;
        gap:5px;
    }

    .cha-row-side{
        grid-column:2;

        padding:13px 0 0;

        border-left:0;
        border-top:1px solid #E5ECF3;
    }

    .cha-row-action{
        grid-column:2;

        text-align:left;
    }

    .cha-row-action a{
        width:100%;
    }


    /* Employer note */

    .cha-employer-note{
        grid-template-columns:auto minmax(0,1fr);

        gap:11px;
    }

    .cha-employer-note a{
        grid-column:2;

        justify-self:start;
    }


    /* Detailed assignment pages */

    .cha-detail-grid{
        grid-template-columns:1fr;
    }

    .cha-detail-card{
        min-height:auto;
    }


    /* Current note */

    .cha-current-note{
        align-items:flex-start;

        padding:16px;
    }


    /* Final CTA */

    .cha-final-cta{
        padding:32px 0 34px;
    }
}