/* ==========================================================
   RESUME PANEL
========================================================== */

.resume-builder-page{
    min-height:100vh;
    color:#12213c;
    background:
        radial-gradient(circle at 88% 14%,rgba(36,116,255,.28),transparent 28%),
        radial-gradient(circle at 10% 82%,rgba(44,207,111,.16),transparent 25%),
        linear-gradient(135deg,#02091b 0%,#071a3c 52%,#031228 100%);
    background-attachment:fixed;
}

.builder-navbar{
    border-bottom:1px solid rgba(111,155,231,.25);
    background:rgba(2,9,27,.9);
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    backdrop-filter:blur(16px);
}

.builder-navbar .navbar-brand{display:flex;align-items:center;gap:14px!important;color:#fff!important;background:transparent!important}
.builder-brand-logo{display:block;width:52px;height:52px;flex:0 0 52px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(38,130,255,.34))}
.builder-brand-name{color:#2f8cff;font-size:22px;font-weight:800;letter-spacing:-.7px}
.builder-brand-name>b{color:#2f8cff;font-weight:800}.builder-brand-name sup{color:#2f8cff;font-size:9px;vertical-align:top}
.builder-brand-name>span{display:inline!important;color:#3bd163!important}.builder-brand-name em{color:#2f8cff;font-style:normal}
.builder-navbar .btn{color:#e6efff;border-color:#347ce0}.builder-navbar .btn:hover{color:#fff;background:#176bd4}
.resume-builder-page>.container>.row>.col-lg-10>.card{border:1px solid rgba(93,139,215,.28)!important;background:rgba(248,251,255,.97);box-shadow:0 30px 80px rgba(0,0,0,.38)!important}
.resume-builder-page .card-body>div:first-child h2{color:#08245a}
.resume-builder-page .progress{background:#dbe7f8}.resume-builder-page .progress-bar{background:linear-gradient(90deg,#247cff,#35ce68)!important}
.resume-builder-page .form-control,.resume-builder-page .form-select{border-color:#bfd0e7;background:#fafdff}.resume-builder-page .form-control:focus,.resume-builder-page .form-select:focus{border-color:#2d80ef;box-shadow:0 0 0 .22rem rgba(45,128,239,.14)}

.personal-fields .field-cell{display:flex;flex-direction:column}.personal-fields .form-label{min-height:24px;margin-bottom:8px}.personal-fields .form-control,.personal-fields .form-select{width:100%;height:50px;min-height:50px;font-size:15px}.location-fields{align-items:flex-end}.smart-field{position:relative;width:100%}.smart-suggestions{position:absolute;z-index:30;top:calc(100% + 5px);left:0;display:none;width:100%;max-height:245px;overflow-y:auto;padding:5px;border:1px solid #a9c2e4;border-radius:10px;background:#fff;box-shadow:0 14px 30px rgba(8,35,79,.2)}.smart-suggestions.show{display:grid}.smart-option{width:100%;padding:9px 11px;border:0;border-radius:6px;color:#132a4e;background:transparent;text-align:left}.smart-option:hover,.smart-option:focus{color:#075dc5;background:#eaf3ff;outline:0}
.personal-fields .auto-filled{color:#173f77;background:#edf5ff}.field-help{margin-top:6px;color:#66758b;font-size:11px}.privacy-note{margin:4px 0 0;padding:10px 12px;border-left:3px solid #2f83ee;color:#5e6d82;background:#eef5ff;font-size:10px;line-height:1.55}.builder-footer{padding:18px 20px 24px;color:#b9c9e6;text-align:center}.builder-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.builder-footer a{color:#b9c9e6;font-size:11px}.builder-footer a:hover{color:#46d375}.builder-footer span{color:#526888;font-size:11px}
.tag-picker{position:relative}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.selected-tags:empty{margin:0}.selected-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #9ac2f3;border-radius:999px;color:#075cbf;background:#eaf4ff;font-size:13px}.selected-tag.language-tag{color:#087146;border-color:#8dd8b4;background:#eafaf2}.selected-tag button{padding:0;border:0;color:inherit;background:transparent;font-size:17px;line-height:1}.generation-overlay{position:fixed;z-index:1000;inset:0;display:none;place-items:center;padding:20px;background:rgba(2,9,27,.78);backdrop-filter:blur(7px)}.generation-overlay.show{display:grid}.generation-modal{width:min(470px,100%);padding:30px;border:1px solid #bfd8fa;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.42);text-align:center}.generation-steps{display:grid;gap:8px;margin-top:20px;text-align:left}.generation-step{display:flex;gap:10px;padding:10px 12px;border-radius:8px;color:#8a96a8;background:#f5f7fa}.generation-step.active{color:#0a60bd;background:#eaf4ff;font-weight:700}.generation-step.complete{color:#087c47;background:#ebfaf2}.resume-document{color:#172033;background:#fff}

@media print{body{background:#fff!important}.builder-navbar,.builder-footer,.screen-only,.resume-builder-page>.container>.row>.col-lg-10>.card>.card-body>div:first-child{display:none!important}.resume-builder-page>.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.resume-builder-page>.container>.row,.resume-builder-page>.container>.row>.col-lg-10,.resume-builder-page>.container>.row>.col-lg-10>.card,.resume-builder-page>.container>.row>.col-lg-10>.card>.card-body{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}.resume-document{margin:0!important;border:0!important;box-shadow:none!important}.resume-document .card-body{padding:0!important}@page{size:A4;margin:15mm}}

@media(max-width:600px){.builder-brand-name{font-size:17px}.builder-brand-logo{width:42px;height:42px;flex-basis:42px}.resume-builder-page .card-body{padding:25px!important}}

.upload-page-shell{display:grid;min-height:calc(100vh - 78px);padding:clamp(24px,6vw,72px) 16px;place-items:center}.upload-page-card{width:min(620px,100%);padding:clamp(26px,6vw,52px);border:1px solid rgba(132,171,232,.35);border-radius:24px;background:rgba(250,252,255,.98);box-shadow:0 30px 80px rgba(0,0,0,.38);text-align:center}.upload-page-icon{display:grid;width:68px;height:68px;margin:0 auto 16px;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,#247cff,#35ce68);font-size:34px;font-weight:800}.upload-eyebrow{margin-bottom:8px;color:#1766c4;font-size:.75rem;font-weight:800;letter-spacing:.14em}.upload-page-card h1{color:#08245a;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800}.upload-intro{max-width:480px;margin:10px auto 26px;color:#52647a;line-height:1.65}.upload-file-field{display:grid;gap:10px;margin-bottom:18px;padding:22px;border:2px dashed #9ebce4;border-radius:16px;color:#173f77;background:#f1f7ff;text-align:left}.upload-file-field span,.upload-privacy{color:#687990;font-size:.78rem}.upload-privacy{margin:18px 0 0;line-height:1.55}.upload-page-card :focus-visible,.builder-navbar :focus-visible{outline:3px solid #2f80ed;outline-offset:3px}
@media(max-width:600px){.builder-navbar .container{flex-wrap:nowrap}.builder-navbar .btn{padding:.4rem .7rem;font-size:.8rem}.upload-page-shell{align-items:start}.upload-file-field{padding:16px}.personal-fields .form-control,.personal-fields .form-select{font-size:16px}.phone-input-group{flex-wrap:wrap}.phone-input-group .phone-prefix{max-width:none!important;width:100%}}

.resume-preview{

    height:720px;

    overflow-y:auto;

    white-space:pre-wrap;

    background:#f8fafc;

    border:1px solid #e2e8f0;

    border-radius:14px;

    padding:20px;

    font-size:14px;

    line-height:1.7;

    color:#334155;

}


/* Custom Scrollbar */

.resume-preview::-webkit-scrollbar{

    width:10px;

}

.resume-preview::-webkit-scrollbar-track{

    background:#f1f5f9;

    border-radius:20px;

}

.resume-preview::-webkit-scrollbar-thumb{

    background:#94a3b8;

    border-radius:20px;

}

.resume-preview::-webkit-scrollbar-thumb:hover{

    background:#64748b;

}


/* Candidate Snapshot */

.table-borderless td{

    padding:12px 4px;

}

.table-borderless td:first-child{

    color:#64748b;

    width:42%;

}

.table-borderless td:last-child{

    font-weight:600;

    color:#0f172a;

}


/* What's Next Card */

.report-card .mb-3{

    padding:10px 0;

    border-bottom:1px solid #f1f5f9;

}

.report-card .mb-3:last-child{

    border-bottom:none;

}


/* Locked Features */

.locked{

    color:#94a3b8;

}


/* Secure Vault */

.report-card.text-center{

    text-align:center;

}

.report-card.text-center h6{

    font-size:18px;

    margin-bottom:12px;

}

.report-card.text-center small{

    display:block;

    color:#64748b;

    line-height:1.7;

}


/* Roadmap Button */

.btn-success.w-100{

    padding:15px;

    font-size:16px;

    font-weight:700;

    border-radius:14px;

    box-shadow:0 10px 20px rgba(22,163,74,.20);

}

.btn-success.w-100:hover{

    transform:translateY(-3px);

    box-shadow:0 16px 28px rgba(22,163,74,.30);

}


/* Responsive */

@media(max-width:991px){

    .resume-preview{

        height:450px;

        margin-top:20px;

    }

}