.career-workspace-v1 .career-stage-badge{
    display:inline-flex;
    min-height:32px;
    align-items:center;
    justify-content:center;
    border:1px solid transparent;
    border-radius:999px;
    padding:6px 12px;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
    white-space:nowrap;
}

.career-workspace-v1 .career-stage-badge.is-cyan{
    border-color:rgba(16,196,227,.3);
    background:#e0fbff;
    color:#087f94;
}

.career-workspace-v1 .career-stage-badge.is-success{
    border-color:rgba(23,163,74,.2);
    background:#e8f8ee;
    color:#11814a;
}

.career-workspace-v1 .career-stage-badge.is-danger{
    border-color:rgba(213,48,56,.22);
    background:#fff0f1;
    color:#b51f2b;
}

.career-workspace-v1 .career-stage-badge.is-neutral{
    border-color:rgba(10,26,48,.1);
    background:#edf1f6;
    color:#62718a;
}

.career-workspace-v1 .match-day[data-career-stage-state="live"]{
    border-color:rgba(213,48,56,.22);
}

.career-workspace-v1 .career-match-status-bar{
    min-height:58px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    border:1px solid rgba(255,255,255,.1);
    border-left:3px solid rgba(255,255,255,.3);
    border-radius:0 14px 14px 0;
    background:linear-gradient(145deg,#0f2340,#0b1a31);
    padding:10px 12px;
    color:#fff;
}

.career-workspace-v1 .career-match-status-bar.is-cyan{border-left-color:#10c4e3}
.career-workspace-v1 .career-match-status-bar.is-success{border-left-color:#17a34a}
.career-workspace-v1 .career-match-status-bar.is-danger{border-left-color:#d53038}

.career-workspace-v1 .career-match-status-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(255,255,255,.08);
    font-family:"Sora",sans-serif;
    font-size:13px;
    font-weight:800;
}

.career-workspace-v1 .career-match-status-copy{
    min-width:0;
    display:grid;
    gap:2px;
}

.career-workspace-v1 .career-match-status-copy strong{
    overflow-wrap:anywhere;
    font-size:13px;
    line-height:1.3;
}

.career-workspace-v1 .career-match-status-copy small{
    color:rgba(255,255,255,.62);
    font-size:12px;
    line-height:1.3;
}

.career-workspace-v1 .career-match-status-action{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    padding:8px 12px;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}

.career-workspace-v1 .career-page-state{
    display:grid;
    justify-items:center;
    gap:10px;
    border:1px solid #dbe1eb;
    border-radius:20px;
    background:#fff;
    padding:36px 24px;
    color:#0a1a30;
    text-align:center;
}

.career-workspace-v1 .career-page-state-mark{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:#e0fbff;
    color:#087f94;
    font-family:"Sora",sans-serif;
    font-weight:800;
}

.career-workspace-v1 .career-page-state h2{
    margin:0;
    font-family:"Sora",sans-serif;
    font-size:18px;
}

.career-workspace-v1 .career-page-state p{
    max-width:480px;
    margin:0;
    color:#62718a;
    font-size:13px;
    line-height:1.5;
}

.career-workspace-v1 .career-page-state button{
    min-width:120px;
    min-height:44px;
    border:0;
    border-radius:12px;
    background:#0a1a30;
    color:#fff;
    font:inherit;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
}

.career-workspace-v1 .career-sync-state{
    min-height:36px;
    display:flex;
    align-items:center;
    gap:8px;
    border-radius:12px;
    background:#f7f9fc;
    padding:8px 12px;
    color:#62718a;
    font-size:12px;
    font-weight:700;
}

.career-workspace-v1 .career-sync-state.is-synchronized{
    color:#11814a;
}

.career-workspace-v1 .career-sync-state::before{
    content:"";
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:currentColor;
}

.career-workspace-v1 .career-history-view{
    display:grid;
    gap:16px;
}

.career-workspace-v1 .career-history-view-head{
    display:grid;
    gap:7px;
    border-radius:20px;
    background:linear-gradient(145deg,#0f2340,#0b1a31);
    padding:22px;
    color:#fff;
}

.career-workspace-v1 .career-history-view-head h3{
    margin:0;
    font-family:"Sora",sans-serif;
    font-size:20px;
}

.career-workspace-v1 .career-history-view-head p{
    margin:0;
    color:rgba(255,255,255,.62);
    font-size:12px;
    line-height:1.45;
}

.career-workspace-v1 .career-history-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:6px;
}

.career-workspace-v1 .career-history-actions .button{
    min-height:44px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    background:#10c4e3;
    color:#0a1a30;
    padding:10px 14px;
    font:inherit;
    font-size:12px;
    font-weight:800;
}

.career-workspace-v1 .career-history-actions .button.secondary{
    background:rgba(255,255,255,.06);
    color:#fff;
}

.career-workspace-v1 .career-history-path-metrics{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.career-workspace-v1 .career-path-metric-tile{
    min-width:0;
    display:grid;
    gap:7px;
    border:1px solid rgba(10,26,48,.08);
    border-radius:18px;
    background:#fff;
    padding:16px 18px;
}

.career-workspace-v1 .career-path-metric-tile span{
    color:#8493a8;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.career-workspace-v1 .career-path-metric-tile strong{
    color:#0a1a30;
    font-family:"Sora",sans-serif;
    font-size:22px;
}

.career-workspace-v1 .career-history{
    overflow:hidden;
    border:1px solid rgba(10,26,48,.08);
    border-radius:20px;
    background:#fff;
}

.career-workspace-v1 .career-history > summary,
.career-workspace-v1 .career-history-stage-row > summary{
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 18px;
    cursor:pointer;
}

.career-workspace-v1 .career-history-days{
    display:grid;
}

.career-workspace-v1 .career-history-stage-row{
    border-top:1px solid rgba(10,26,48,.06);
}

.career-workspace-v1 .career-history-stage-row > summary{
    min-height:74px;
}

.career-workspace-v1 .career-history-meta{
    color:#62718a;
    font-size:12px;
    line-height:1.45;
}

.career-workspace-v1 .career-history-matches{
    display:grid;
    gap:10px;
    padding:0 18px 18px;
}

.career-workspace-v1 .career-history-match{
    display:grid;
    gap:8px;
    border:1px solid rgba(10,26,48,.08);
    border-radius:14px;
    background:#f7f9fc;
    padding:14px;
    color:#0a1a30;
}

.career-workspace-v1 .career-history-empty,
.career-workspace-v1 .career-history-loading{
    border:1px dashed rgba(10,26,48,.16);
    border-radius:16px;
    background:#fff;
    padding:22px;
    color:#62718a;
    font-size:13px;
    text-align:center;
}

@media(max-width:640px){
    .career-workspace-v1 .career-match-status-bar{
        grid-template-columns:34px minmax(0,1fr);
    }

    .career-workspace-v1 .career-match-status-action{
        grid-column:1 / -1;
        width:100%;
        min-height:44px;
    }

    .career-workspace-v1 .career-history-path-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .career-workspace-v1 .career-path-metric-tile{
        padding:13px;
    }

    .career-workspace-v1 .career-path-metric-tile span{
        font-size:10px;
    }

    .career-workspace-v1 .career-history > summary,
    .career-workspace-v1 .career-history-stage-row > summary{
        align-items:flex-start;
        padding:14px;
    }

    .career-workspace-v1 .career-history-matches{
        padding:0 14px 14px;
    }
}

@media(prefers-reduced-motion:reduce){
    .career-workspace-v1 .career-stage-badge,
    .career-workspace-v1 .career-match-status-bar{
        animation:none!important;
        transition:none!important;
    }
}