.resume-header-actions{
    display:flex;
    gap:10px;
    align-items:center;
}

.resume-upload-box{
    border:1.5px dashed #c7c2ff;
    background:#faf9ff;
    border-radius:12px;
    padding:25px;
    margin-bottom:20px;
}

.resume-upload-title{
    font-family:"Roboto Condensed",sans-serif;
    color:var(--navy);
    font-size:20px;
    font-weight:700;
    margin-bottom:5px;
}

.resume-upload-text{
    color:var(--muted);
    font-size:12px;
    line-height:1.55;
    margin-bottom:18px;
}

.resume-upload-grid{
    display:grid;
    grid-template-columns:1fr 1.25fr auto;
    gap:12px;
    align-items:end;
}

.resume-upload-field label{
    display:block;
    color:#344054;
    font-size:11px;
    font-weight:600;
    margin-bottom:7px;
}

.resume-upload-field input{
    width:100%;
    min-height:43px;
    border:1px solid #d0d5dd;
    border-radius:8px;
    background:white;
    padding:9px 11px;
    font-family:"Inter",sans-serif;
    font-size:12px;
}

.resume-list{
    display:grid;
    gap:13px;
}

.resume-card{
    border:1px solid var(--border);
    border-radius:12px;
    padding:18px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:16px;
    align-items:center;
    background:white;
}

.resume-icon{
    width:48px;
    height:48px;
    border-radius:11px;
    display:grid;
    place-items:center;
    background:var(--purple-soft);
    color:var(--purple);
    font-weight:800;
    font-size:12px;
}

.resume-name{
    color:var(--navy);
    font-weight:700;
    font-size:14px;
    margin-bottom:5px;
}

.resume-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    color:var(--muted);
    font-size:11px;
}

.resume-default{
    color:#067647;
    background:#ecfdf3;
    padding:4px 7px;
    border-radius:10px;
    font-weight:700;
}

.resume-actions{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.resume-action{
    border:1px solid #d0d5dd;
    background:white;
    color:#344054;
    border-radius:20px;
    padding:8px 12px;
    font-size:11px;
    font-weight:600;
    cursor:pointer;
}

.resume-action:hover{
    border-color:var(--purple);
    color:var(--purple);
}

.resume-action.primary{
    background:var(--purple);
    border-color:var(--purple);
    color:white;
}

.resume-action.danger{
    color:#b42318;
}

.resume-counter{
    font-size:12px;
    color:var(--muted);
}

.resume-message{
    display:none;
    margin-bottom:15px;
    padding:11px 13px;
    border-radius:8px;
    font-size:12px;
}

.resume-message.success{
    display:block;
    background:#ecfdf3;
    color:#067647;
}

.resume-message.error{
    display:block;
    background:#fef3f2;
    color:#b42318;
}

@media(max-width:850px){
    .resume-upload-grid{
        grid-template-columns:1fr;
    }

    .resume-card{
        grid-template-columns:auto 1fr;
    }

    .resume-actions{
        grid-column:1 / -1;
        justify-content:flex-start;
    }
}