.lowongan-page{
    --lj-blue:#075ea8;
    --lj-blue-dark:#07345f;
    --lj-green:#168a61;
    --lj-orange:#ea580c;
    --lj-ink:#102033;
    --lj-muted:#64748b;
    --lj-line:rgba(15,23,42,.09);
    color:var(--lj-ink);
}
.lowongan-page *{box-sizing:border-box}
.lowongan-hero{
    background:
        radial-gradient(circle at 90% 0%,rgba(14,165,233,.16),transparent 30%),
        radial-gradient(circle at 0% 100%,rgba(22,163,74,.10),transparent 28%),
        linear-gradient(135deg,#f3faff,#f8fff9 55%,#fff);
}
.lowongan-kicker{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.48rem .8rem;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(2,132,199,.15);
    color:#0369a1;
    font-size:.72rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.lowongan-title{
    color:#082f55;
    font-size:clamp(2.1rem,7vw,3.5rem);
    line-height:1.06;
    letter-spacing:-.04em;
}
.lowongan-lead{
    max-width:780px;
    color:#526579;
    line-height:1.78;
}
.lowongan-search{
    position:relative;
    z-index:5;
    margin-top:-2.5rem;
    border:1px solid var(--lj-line);
    border-radius:1.25rem;
    background:#fff;
    box-shadow:0 18px 45px rgba(15,23,42,.10);
}
.lowongan-card{
    height:100%;
    border:1px solid var(--lj-line);
    border-radius:1.15rem;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.055);
    transition:.2s ease;
}
.lowongan-card:hover{
    transform:translateY(-3px);
    border-color:rgba(7,94,168,.22);
    box-shadow:0 18px 38px rgba(15,23,42,.10);
}
.lowongan-badge{
    display:inline-flex;
    align-items:center;
    padding:.38rem .65rem;
    border-radius:999px;
    font-size:.69rem;
    font-weight:900;
    white-space:nowrap;
}
.lowongan-badge.is-open{color:#047857;background:#ecfdf5}
.lowongan-badge.is-near{color:#b45309;background:#fffbeb}
.lowongan-badge.is-urgent{color:#b91c1c;background:#fef2f2}
.lowongan-badge.is-closed{color:#64748b;background:#f1f5f9}
.lowongan-profile-chip{
    display:inline-flex;
    align-items:center;
    padding:.4rem .65rem;
    border-radius:999px;
    color:#075985;
    background:#effaff;
    border:1px solid rgba(7,94,168,.15);
    font-size:.7rem;
    font-weight:850;
}
.lowongan-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem 1rem;
    color:#64748b;
    font-size:.82rem;
}
.lowongan-meta i{color:#0877bb}
.lowongan-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    min-height:2.8rem;
    padding:.72rem 1.1rem;
    border-radius:999px;
    font-weight:800;
    text-decoration:none;
    transition:.2s ease;
}
.lowongan-btn-primary{
    color:#fff;
    background:linear-gradient(135deg,#0877bb,#168a61);
    border:0;
}
.lowongan-btn-primary:hover{
    color:#fff;
    transform:translateY(-1px);
    box-shadow:0 10px 24px rgba(7,94,168,.18);
}
.lowongan-btn-outline{
    color:#075985;
    background:#fff;
    border:1px solid rgba(7,94,168,.24);
}
.lowongan-btn-outline:hover{
    color:#064c72;
    background:#effaff;
}
.lowongan-stat{
    height:100%;
    padding:1rem;
    border:1px solid var(--lj-line);
    border-radius:1rem;
    background:#fff;
}
.lowongan-stat strong{
    display:block;
    color:#0b355b;
    font-size:1.6rem;
    line-height:1;
}
.lowongan-stat span{
    display:block;
    margin-top:.45rem;
    color:#738195;
    font-size:.76rem;
}
.lowongan-empty{
    padding:2.2rem 1rem;
    border:1px dashed rgba(100,116,139,.28);
    border-radius:1rem;
    background:#f8fafc;
    text-align:center;
    color:#64748b;
}
.lowongan-detail-shell,
.lowongan-panel{
    border:1px solid var(--lj-line);
    border-radius:1.2rem;
    background:#fff;
    box-shadow:0 12px 32px rgba(15,23,42,.06);
}
.lowongan-side-row{
    display:flex;
    gap:.7rem;
    padding:.85rem 0;
    border-bottom:1px solid var(--lj-line);
}
.lowongan-side-row:last-child{border-bottom:0}
.lowongan-side-icon{
    width:2.25rem;
    height:2.25rem;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:.8rem;
    color:#0877bb;
    background:#effaff;
}
.lowongan-content p,
.lowongan-content li{
    color:#475569;
    line-height:1.75;
}
.lowongan-content-list{padding-left:1.3rem}
.lowongan-content-list li{margin-bottom:.55rem}
.lowongan-user-box{
    padding:1rem;
    border:1px solid rgba(7,94,168,.15);
    border-radius:1rem;
    background:linear-gradient(135deg,#effaff,#f0fdf4);
}
.lowongan-deadline-note{
    padding:.9rem 1rem;
    border-radius:.9rem;
    color:#92400e;
    background:#fff7ed;
    border:1px solid #fed7aa;
    line-height:1.6;
}
.lowongan-privacy{
    padding:.9rem 1rem;
    border:1px solid var(--lj-line);
    border-radius:.9rem;
    background:#f8fafc;
    color:#64748b;
    font-size:.78rem;
    line-height:1.6;
}
.lowongan-cv-option{
    padding:.75rem .85rem;
    border:1px solid rgba(22,138,97,.18);
    border-radius:.85rem;
    background:#f0fdf4;
}
.lowongan-progress{
    height:.55rem;
    border-radius:999px;
    background:#e2e8f0;
    overflow:hidden;
}
.lowongan-progress span{
    display:block;
    height:100%;
    background:linear-gradient(90deg,#0877bb,#168a61);
}
.lowongan-success-icon{
    color:#16a34a;
    font-size:3rem;
    line-height:1;
}
.lowongan-next-step{
    max-width:580px;
    margin-left:auto;
    margin-right:auto;
    padding:1rem;
    border:1px solid var(--lj-line);
    border-radius:1rem;
    background:#f8fafc;
    color:#526070;
}
.lowongan-honeypot{
    position:absolute !important;
    left:-10000px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}
.lowongan-sticky-mobile{display:none}
.min-w-0{min-width:0}

@media(max-width:767.98px){
    .lowongan-page{padding-bottom:4.7rem}
    .lowongan-search{margin-top:-1.35rem}
    .lowongan-sticky-mobile{
        display:flex;
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:1050;
        align-items:center;
        justify-content:space-between;
        gap:.7rem;
        padding:.7rem .9rem;
        background:rgba(255,255,255,.96);
        border-top:1px solid var(--lj-line);
        box-shadow:0 -8px 24px rgba(15,23,42,.08);
        backdrop-filter:blur(9px);
    }
}


/* ==========================================================================
   Lowongan + Shared Engineer Network Shell V2.1
   ========================================================================== */

/*
 * Engineer Network header is fixed at --enav-height (72px).
 * Give the Lowongan content its own shell spacing.
 */
.lowongan-engineer-shell .enetwork-content-wrapper{
    display:flex;
    flex-direction:column;
    min-height:100vh;
}

.lowongan-engineer-shell .lowongan-page{
    flex:1 0 auto;
    width:100%;
    padding-top:var(--enav-height,72px);
}

.lowongan-engineer-shell .enetwork-footer{
    flex:0 0 auto;
    margin-top:auto;
}

/*
 * Avoid the generic template navbar spacing that is no longer used.
 */
.lowongan-engineer-shell .lowongan-hero:first-child{
    margin-top:0;
}

/*
 * Pekerjaan is the active Engineer Network navigation section.
 * Shared header handles the .active class.
 */
.lowongan-engineer-shell .enav-links a.active{
    background:#eef5ff;
    color:#1265e3;
}

/*
 * On small screens the lowongan fixed bottom Apply CTA and the Engineer
 * shell must coexist.
 */
@media(max-width:767.98px){
    .lowongan-engineer-shell .lowongan-page{
        padding-top:var(--enav-height,72px);
    }
}