:root{--navy:#064573;--navy2:#033858;--orange:#f7931d;--green:#2d8533;--bg:#f5f7f9;--surface:#fff;--text:#1f2933;--muted:#667085;--border:#e3e9ef;--danger:#d92d20;--shadow:0 12px 32px rgba(6,69,115,.08);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}
.hidden{display:none!important}.view{display:none}.view.active{display:block}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:750;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--navy);color:#fff}.btn-accent{background:var(--orange);color:#fff}.btn-outline{background:#fff;border:1px solid var(--navy);color:var(--navy)}.btn-ghost{background:transparent;color:var(--navy)}.btn-danger{background:#fff0ef;color:var(--danger)}.btn-full{width:100%}.btn-lg{padding:15px 22px}
.topbar{height:78px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:40}.brand img,.side-brand img,.auth-brand img{width:132px}.public-nav{display:flex;gap:10px;align-items:center}.public-nav a{padding:10px;font-weight:650;color:#43505d}
.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;padding:80px 0 72px}
.hero-visual{position:relative;min-height:520px;border-radius:26px;overflow:hidden;box-shadow:0 24px 60px rgba(3,56,88,.20);isolation:isolate;background:var(--navy)}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hero-glaze{position:absolute;inset:0;z-index:1;background:linear-gradient(145deg,rgba(6,69,115,.18) 10%,rgba(6,69,115,.44) 58%,rgba(3,56,88,.84) 100%)}.hero-glaze:after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,rgba(247,147,29,.24),transparent)}.visual-copy{position:absolute;left:28px;top:28px;z-index:3;color:#fff;display:grid;gap:5px;text-shadow:0 2px 12px rgba(0,0,0,.2)}.visual-copy span{font-size:11px;font-weight:900;letter-spacing:.15em;color:#ffd7a6}.visual-copy strong{font-size:21px;max-width:260px}.hero-score{position:absolute;z-index:4;left:26px;right:26px;bottom:24px;padding:20px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(0,0,0,.18)}.hero-score-row{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center;margin-top:14px}.mini-score{width:86px;height:86px;border-radius:50%;border:9px solid #e4ecef;border-top-color:var(--green);border-right-color:var(--green);display:grid;place-items:center;text-align:center}.mini-score strong{font-size:24px;color:var(--navy);line-height:1}.mini-score small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.hero-score .bar-row{margin-top:7px;font-size:12px}.hero-score .recommendation{margin-top:14px;padding:11px 12px;font-size:12px}.eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.12em}h1{font-size:44px;line-height:1.08;margin:12px 0}.hero h1 span{color:var(--navy)}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:12px;margin:28px 0 20px}.trust-row{display:flex;gap:24px;color:#56616d;font-size:14px}.score-preview{padding:28px}.card-head,.section-row,.form-foot{display:flex;justify-content:space-between;align-items:center;gap:15px}.pill{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.success{background:#eaf7ed;color:var(--green)}.warning{background:#fff4e5;color:#a95a00}.danger{background:#fff0ef;color:var(--danger)}.score-ring{width:155px;height:155px;border:14px solid #e8eef2;border-top-color:var(--green);border-right-color:var(--green);border-radius:50%;margin:28px auto;display:grid;place-items:center;text-align:center}.score-ring strong{font-size:38px;color:var(--navy)}.score-ring small{display:block;color:var(--muted)}.bar-row{display:flex;justify-content:space-between;font-size:14px;margin-top:13px}.bar{height:7px;background:#e9edf0;border-radius:20px;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;background:var(--navy)}.recommendation{margin-top:24px;padding:16px;background:#f6f8fa;border-radius:12px;display:flex;justify-content:space-between;gap:12px}.recommendation strong{color:var(--navy)}
.section{padding:70px 0}.section-alt{background:#fff}.section-title{text-align:center;max-width:760px;margin:0 auto 38px}.section-title h2{font-size:34px;margin:10px 0}.section-title p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{padding:24px;background:#fff;border:1px solid var(--border);border-radius:15px}.icon,.quick-icon{width:42px;height:42px;border-radius:12px;background:#eef5fa;color:var(--navy);display:grid;place-items:center;font-weight:900}.feature-card p,.steps p{color:var(--muted);line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{padding:26px;border-left:3px solid var(--orange)}.steps span{font-size:13px;color:var(--orange);font-weight:900}.cta-band{background:var(--navy);color:#fff;padding:42px 0}.cta-band .shell{display:flex;justify-content:space-between;align-items:center}.cta-band h2{margin:0 0 6px}.cta-band p{margin:0;color:#d9e5ee}
.auth-view{min-height:calc(100vh - 78px);padding:56px 20px}.auth-wrap{position:relative}.auth-back{position:absolute;top:-34px;left:0;padding:0;font-size:13px}.auth-wrap{max-width:920px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.auth-brand h2{font-size:32px;margin:20px 0 7px}.auth-brand p{color:var(--muted)}.auth-card,.form-card{padding:28px}label{display:block;font-weight:700;font-size:13px;margin:14px 0}input,textarea,select{width:100%;border:1px solid #ced8e1;border-radius:10px;padding:12px 13px;margin-top:7px;background:#fff;color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(6,69,115,.1)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto;margin-top:2px}.auth-switch{text-align:center;color:var(--muted)}.link-btn{border:0;background:none;color:var(--navy);font-weight:800;cursor:pointer}
.app-shell{min-height:100vh}.sidebar{width:244px;background:#fff;border-right:1px solid var(--border);position:fixed;left:0;top:0;bottom:0;z-index:50;padding:22px 15px;display:flex;flex-direction:column}.side-brand{padding:8px 8px 24px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav button,.side-bottom button{font-weight:500;border:0;background:transparent;text-align:left;padding:12px 13px;border-radius:10px;font-weight:700;color:#4b5661}.side-nav button.active,.side-nav button:hover,.side-bottom button:hover{background:#eef5fa;color:var(--navy)}.side-nav span,.side-bottom span{display:inline-block;width:24px}.side-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column}.app-main{margin-left:244px;min-height:100vh}.app-header{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:sticky;top:0;z-index:30}.menu-btn{display:none;border:0;background:none;font-size:24px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:850}.panel{display:none;padding:30px;max-width:1340px;margin:auto}.panel.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-head h1{font-size:30px;margin:0 0 5px}.page-head p,.muted{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:20px}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;font-size:32px;color:var(--navy);margin:8px 0}.metric small{color:#8a95a0}.subhead{font-size:18px;margin:28px 0 14px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:19px;text-align:left;display:grid;grid-template-columns:46px 1fr 20px;gap:12px;align-items:center}.quick-card strong,.quick-card small{display:block}.quick-card small{color:var(--muted);margin-top:5px;line-height:1.45}.activity-list{padding:0;overflow:hidden}.empty-state{padding:35px;text-align:center;color:var(--muted)}
.progress-steps{display:flex;gap:9px;margin-bottom:17px}.progress-steps span{padding:8px 12px;border-radius:999px;background:#e8edf1;color:#67727e;font-size:12px;font-weight:750}.progress-steps span.active{background:#eaf3f8;color:var(--navy)}.select-wrap{margin:12px 0}.upload-box{border:1.5px dashed #b8c7d2;background:#f9fbfc;border-radius:14px;padding:30px;text-align:center;font-weight:600;display:block}.upload-box span,.upload-box small{display:block}.upload-box small{color:var(--muted);margin-top:5px}.jd-choice{margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#fbfcfd}.jd-choice-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.jd-choice-head span{font-size:12px;color:var(--muted)}.jd-mode-tabs{display:flex;gap:8px;margin-bottom:15px}.jd-mode{border:1px solid var(--border);background:#fff;color:var(--navy);padding:10px 15px;border-radius:9px;font-weight:800;cursor:pointer}.jd-mode.active{background:var(--navy);color:#fff;border-color:var(--navy)}.jd-pane{display:none}.jd-pane.active{display:block}.jd-upload-box{margin-top:0}.file-status{margin-top:12px;padding:12px 14px;border:1px solid #b9dcc1;background:#f1faf3;border-radius:10px;color:#246c2b;font-size:13px}.file-status strong{display:block;color:var(--navy);margin-bottom:3px}hr{border:0;border-top:1px solid var(--border);margin:28px 0}.optional{color:var(--muted);font-weight:500}.form-foot{margin-top:18px}.form-foot small{color:var(--muted)}.processing{padding:40px;text-align:center;margin-top:18px}.spinner{width:42px;height:42px;border:5px solid #dfe7ed;border-top-color:var(--navy);border-radius:50%;margin:auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing ul{list-style:none;padding:0;color:var(--muted);line-height:1.9}
.result-shell{margin-top:18px}.result-hero{padding:26px;display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:center}.big-score{width:175px;height:175px;border-radius:50%;border:15px solid #e6ecef;border-top-color:var(--green);border-right-color:var(--green);display:grid;place-items:center;text-align:center;margin:auto}.big-score strong{font-size:45px;color:var(--navy)}.result-copy h2{font-size:28px;margin:6px 0}.result-copy p{color:var(--muted);line-height:1.6}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.score-card{padding:16px}.score-card span{font-size:12px;color:var(--muted)}.score-card strong{display:block;font-size:24px;margin-top:7px;color:var(--navy)}.tabs{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.tab{border:1px solid var(--border);background:#fff;padding:9px 13px;border-radius:9px;font-weight:700;color:#5d6873}.tab.active{background:var(--navy);color:#fff}.tabpane{display:none}.tabpane.active{display:block}.content-card{padding:24px;margin-bottom:14px}.content-card h3{margin-top:0}.bullet-list{padding-left:20px;line-height:1.75}.bullet-list li::marker{color:var(--green)}.gap-card{border-left:4px solid var(--orange)}
.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:top}th{background:#f7f9fa;color:#64707c;font-size:12px;text-transform:uppercase}.status{font-size:11px;padding:6px 9px;border-radius:999px;font-weight:800;display:inline-block}.status-strong{background:#eaf7ed;color:var(--green)}.status-partial{background:#fff4e5;color:#a55b05}.status-missing{background:#fff0ef;color:var(--danger)}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.mini-btn{border:1px solid var(--border);background:#fff;padding:7px 9px;border-radius:8px;font-size:12px;font-weight:700;color:var(--navy)}.filter-row{display:flex;gap:8px;margin-bottom:14px}.filter{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;font-weight:700}.filter.active{background:var(--navy);color:#fff}.revamp-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.revamp-options article{padding:20px}.revamp-options article.selected{border:2px solid var(--orange)}.revamp-options span{font-size:11px;color:var(--orange);font-weight:900}.notice{padding:14px;border-radius:10px;background:#f0f7fb;color:#31566e;margin:12px 0}.danger-zone{border:1px solid #f1c4c1;background:#fffafa}
.toast{position:fixed;right:20px;bottom:20px;background:#1f2933;color:#fff;padding:13px 16px;border-radius:10px;z-index:100;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:980px){.hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}.auth-wrap{grid-template-columns:1fr;max-width:560px}.auth-brand{text-align:center}}
@media(max-width:760px){.public-nav a{display:none}.topbar{padding:0 16px}h1{font-size:34px}.hero{padding-top:45px}.hero-actions,.trust-row,.cta-band .shell,.page-head,.form-foot{align-items:stretch;flex-direction:column}.feature-grid,.steps,.two-col,.revamp-options,.metric-grid,.result-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.menu-btn{display:block}.panel{padding:20px}.app-header{padding:0 18px}.result-hero{grid-template-columns:1fr}}

@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:52px}.hero-visual{min-height:500px}.public-nav a[data-public-section="landing"]{display:none}}
@media(max-width:620px){.topbar{padding:0 16px}.brand img{width:112px}.public-nav{gap:2px}.public-nav a{font-size:12px;padding:8px 6px}.public-nav .btn{padding:9px 10px;font-size:12px}.hero-visual{min-height:430px;border-radius:20px}.hero-score{left:14px;right:14px;bottom:14px;padding:15px}.visual-copy{left:18px;top:18px}.auth-back{top:-30px}}

/* Jobex v6 authentication experience */
.auth-split-view{min-height:100vh;padding:0;background:#f5f7fa}
.auth-split-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr)}
.auth-visual-panel{position:relative;min-height:100vh;overflow:hidden;background-image:var(--auth-photo);background-size:cover;background-position:center 28%;isolation:isolate}
.auth-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,38,66,.56) 0%,rgba(4,58,94,.52) 42%,rgba(2,43,75,.90) 100%);z-index:1}
.auth-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 36%,rgba(255,255,255,.12),transparent 34%),linear-gradient(135deg,rgba(247,147,29,.06),transparent 44%,rgba(45,133,51,.08))}
.auth-visual-content{position:relative;z-index:2;min-height:100vh;padding:46px 52px 38px;display:flex;flex-direction:column;color:#fff}
.auth-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.auth-home-logo{background:rgba(255,255,255,.94);border:0;border-radius:14px;padding:10px 12px;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.auth-home-logo img{width:150px;display:block}
.auth-nav-links{display:flex;gap:6px;align-items:center;padding-top:5px}
.auth-nav-links button{border:1px solid rgba(255,255,255,.28);background:rgba(4,54,88,.24);color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;backdrop-filter:blur(6px)}
.auth-copy{margin-top:auto;max-width:650px;padding-bottom:40px}
.auth-chip{display:inline-flex;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:750;backdrop-filter:blur(10px)}
.auth-copy h2{font-size:50px;line-height:1.02;margin:18px 0;color:#fff;letter-spacing:-.035em}
.auth-copy h2 span{color:var(--orange)}
.auth-copy p{font-size:18px;line-height:1.62;color:#eef5f9;max-width:610px;margin:0}
.auth-disclaimer{display:flex;align-items:flex-start;gap:12px;font-size:12px;color:#e8f0f5;max-width:520px}
.auth-disclaimer p{margin:0;line-height:1.5}.auth-disclaimer strong{color:#fff}
.shield-mark{width:27px;height:27px;border:2px solid var(--orange);color:var(--orange);border-radius:8px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.auth-form-side{display:grid;place-items:center;padding:48px;background:linear-gradient(145deg,#f7f8fb 0%,#fff 100%)}
.auth-form-card{width:min(100%,530px);padding:42px 44px;border-radius:26px;box-shadow:0 20px 60px rgba(6,69,115,.12)}
.auth-form-card h2{font-size:34px;color:#123b5a;margin:6px 0 4px;letter-spacing:-.02em}
.auth-subcopy{color:var(--muted);font-size:15px;line-height:1.55;margin:0 0 24px}
.auth-form-card label{font-size:13px;color:#143651;margin-top:16px}
.auth-form-card input{padding:14px 15px;border-radius:12px;background:#fff}
.auth-inline-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0 18px}
.auth-inline-row .auth-remember{margin:0}.auth-inline-row .link-btn{font-size:13px}
.auth-check{margin:18px 0!important}.auth-submit{margin-top:8px;padding:14px 18px;border-radius:12px;background:linear-gradient(90deg,var(--navy),#0c5d8e)}
.auth-switch{margin:20px 0 0;font-size:14px}.auth-mobile-back{display:none;margin-bottom:14px}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:48px!important}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:#64748b;border-radius:8px}.password-toggle:hover{background:#f1f5f9;color:#0f2747}.password-toggle:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:980px){.auth-split-shell{grid-template-columns:1fr}.auth-visual-panel{min-height:440px}.auth-visual-content{min-height:440px;padding:30px}.auth-copy{padding-bottom:20px}.auth-copy h2{font-size:40px}.auth-form-side{padding:34px 20px}.auth-form-card{max-width:620px}.auth-disclaimer{display:none}}
@media(max-width:620px){.auth-visual-panel{min-height:360px;background-position:center 24%}.auth-visual-content{min-height:360px;padding:22px}.auth-home-logo img{width:112px}.auth-nav-links button{padding:7px 9px;font-size:11px}.auth-copy h2{font-size:34px}.auth-copy p{font-size:15px}.auth-chip{font-size:11px;padding:7px 10px}.auth-form-card{padding:28px 22px;border-radius:20px}.auth-form-card h2{font-size:29px}.two-col{grid-template-columns:1fr}.auth-form-side{padding:24px 14px 36px}.auth-mobile-back{display:block}}


.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan-card{padding:24px;position:relative}.plan-card.featured{border:2px solid var(--orange)}.plan-price{font-size:32px;font-weight:900;color:var(--navy);margin:10px 0}.plan-price small{font-size:13px;font-weight:700;color:var(--muted)}.plan-list{padding-left:18px;line-height:1.9}.plan-badge{position:absolute;right:16px;top:16px}.usage-card{padding:18px}.usage-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0}.usage-track{grid-column:1/-1;height:8px;background:#edf1f4;border-radius:999px;overflow:hidden}.usage-fill{height:100%;background:var(--orange);border-radius:999px}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.admin-toolbar select{max-width:260px}.contact-strip{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;font-size:14px}.contact-strip a{color:inherit;font-weight:800}.pricing-section{padding:70px 0}.plan-current{outline:3px solid rgba(245,158,11,.18)}@media(max-width:980px){.plan-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.plan-grid{grid-template-columns:1fr}}



.side-nav button,.side-bottom button{font-weight:500!important}.side-nav button.active,.side-bottom button.active{font-weight:700!important}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-card{display:flex;flex-direction:column;gap:10px;padding:22px}.service-card p{flex:1;color:var(--muted);margin:0}.service-card strong{font-size:20px;color:var(--navy)}.service-card .btn{align-self:flex-start}
.analysis-progress{margin-top:18px;padding:22px}.analysis-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.analysis-progress-head strong{font-size:28px;color:var(--navy)}.analysis-track{height:12px;background:#edf1f4;border-radius:999px;overflow:hidden;margin:14px 0}.analysis-fill{height:100%;width:0;background:var(--orange);border-radius:999px;transition:width .35s ease}.analysis-stage{font-weight:600}.avatar{cursor:pointer}
@media(max-width:760px){.service-grid{grid-template-columns:1fr}}



.account-corner{display:flex;flex-direction:column;align-items:center;gap:3px}.header-plan{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--navy)}
.dashboard-usage{margin:18px 0 24px}.dashboard-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.usage-mini{padding:18px}.usage-mini .usage-label{display:flex;justify-content:space-between;gap:10px;align-items:center}.usage-mini strong{font-size:22px;color:var(--navy)}.usage-mini small{color:var(--muted)}
@media(max-width:760px){.dashboard-usage-grid{grid-template-columns:1fr}.header-plan{font-size:10px}}



#toast{
  position:fixed;top:24px;right:24px;bottom:auto;z-index:999999;
  width:min(440px,calc(100vw - 32px));padding:16px 48px 16px 18px;
  border-radius:14px;background:#0b3557;color:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
  border-left:6px solid #ff9418;font-size:15px;line-height:1.45;font-weight:600;
  opacity:0;pointer-events:none;transform:translateY(-12px);
  transition:opacity .2s ease,transform .2s ease
}
#toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}
#toast.toast-error{background:#8f1d1d;border-left-color:#ffb020}
#toast.toast-success{background:#155c3b;border-left-color:#84d39a}
#toast.toast-info{background:#0b3557;border-left-color:#ff9418}
#toast .toast-close{
  position:absolute;top:10px;right:12px;width:28px;height:28px;border:0;border-radius:50%;
  background:rgba(255,255,255,.16);color:#fff;font-size:18px;line-height:28px;
  cursor:pointer;font-weight:700
}
#toast .toast-close:hover{background:rgba(255,255,255,.26)}
@media(max-width:640px){
  #toast{top:14px;left:16px;right:16px;width:auto;font-size:14px}
}



/* Jobex v11 typography hierarchy */
body{
  font-weight:400;
  line-height:1.5;
}

/* Primary page hierarchy */
h1{
  font-weight:700 !important;
  letter-spacing:-0.02em;
}
h2{
  font-weight:650 !important;
  letter-spacing:-0.015em;
}
h3{
  font-weight:600 !important;
}
h4,h5,h6{
  font-weight:600 !important;
}

/* Body / descriptive copy */
p,
li,
td,
small,
.muted,
.optional,
.card p,
.section-title p,
.page-head p,
.empty-state,
.form-foot small{
  font-weight:400 !important;
}

/* Navigation: inactive = medium, active = semibold */
.side-nav button,
.side-bottom button,
.nav-links a,
nav a,
.menu-item,
.sidebar button{
  font-weight:500 !important;
}
.side-nav button.active,
.side-bottom button.active,
.nav-links a.active,
nav a.active,
.menu-item.active,
.sidebar button.active,
[aria-current="page"]{
  font-weight:700 !important;
}

/* Tabs / selectable states */
.filter,
.tab,
.tab-btn,
.segment button,
.pill-button,
[data-filter]{
  font-weight:500 !important;
}
.filter.active,
.tab.active,
.tab-btn.active,
.segment button.active,
.pill-button.active,
[data-filter].active{
  font-weight:700 !important;
}

/* Form hierarchy */
label{
  font-weight:500 !important;
}
input,
select,
textarea{
  font-weight:400 !important;
}
input::placeholder,
textarea::placeholder{
  font-weight:400 !important;
}

/* Buttons */
button,
.btn,
.mini-btn{
  font-weight:600 !important;
}
.btn-link,
.link-btn{
  font-weight:500 !important;
}

/* Tables */
th{
  font-weight:600 !important;
}
td{
  font-weight:400 !important;
}
td strong{
  font-weight:600 !important;
}

/* Cards */
.card-title,
.card h3,
.service-card h3,
.plan-card h3{
  font-weight:600 !important;
}
.card strong,
.plan-price,
.usage-mini strong,
.metric strong,
.stat strong,
.score strong{
  font-weight:700;
}

/* Eyebrows / labels / badges */
.eyebrow,
.badge,
.pill,
.header-plan,
.plan-badge,
.kicker,
.status-badge{
  font-weight:700 !important;
  letter-spacing:.04em;
}

/* Dashboard metrics */
.usage-label span,
.metric-label,
.stat-label{
  font-weight:500 !important;
}
.usage-label strong,
.metric-value,
.stat-value{
  font-weight:700 !important;
}

/* Sidebar identity / account */
.account-corner,
.user-name,
.profile-name{
  font-weight:600;
}
.header-plan{
  font-size:11px;
}

/* Pricing emphasis */
.plan-price{
  font-weight:700 !important;
}
.plan-price small{
  font-weight:400 !important;
}

/* Avoid blanket bold in descriptive blocks */
.card,
.panel,
.form-card,
.table-card,
.service-card,
.plan-card{
  font-weight:400;
}

/* Mobile readability */
@media(max-width:760px){
  h1{font-weight:700 !important}
  h2{font-weight:650 !important}
  .side-nav button,.side-bottom button{font-weight:500 !important}
  .side-nav button.active,.side-bottom button.active{font-weight:700 !important}
}



/* Homepage demo animation only — live analysis progress remains genuine. */
.score-preview .bar i{
  transform-origin:left center;
  transform:scaleX(0);
  transition:transform 1.35s cubic-bezier(.2,.8,.2,1);
}
.score-preview.home-animated .bar i{transform:scaleX(1)}
.score-preview .score-ring strong,.score-preview .bar-row b{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion: reduce){
  .score-preview .bar i{transform:none!important;transition:none!important}
}



.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.admin-tab{border:1px solid #d9e2e8;background:#fff;color:#52616d;border-radius:10px;padding:9px 13px;font-weight:500;cursor:pointer}
.admin-tab.active{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}
.admin-view{display:none}.admin-view.active{display:block}
.admin-search{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}
.admin-search input,.admin-search select{max-width:280px}
.admin-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}
.admin-summary{padding:16px}.admin-summary span{font-size:12px;color:var(--muted);font-weight:500}.admin-summary strong{display:block;font-size:27px;color:var(--navy);margin-top:5px}
.admin-table-wrap{overflow:auto}.admin-table-wrap table{min-width:880px}
.admin-table-wrap td,.admin-table-wrap th{vertical-align:top}
.admin-inline{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.admin-plan-select,.admin-status-select{min-width:120px;padding:8px 9px}
.admin-quote{width:105px;padding:8px 9px}
.admin-note{min-width:180px}
.admin-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#edf3f6;color:var(--navy)}
.admin-chip.paid,.admin-chip.active{background:#e8f7ef;color:#17633a}
.admin-chip.pending,.admin-chip.new,.admin-chip.reviewing{background:#fff6dd;color:#765514}
.admin-chip.expired,.admin-chip.failed,.admin-chip.cancelled{background:#fdecec;color:#8b2525}
.admin-empty{padding:34px;text-align:center;color:var(--muted)}
.admin-meta{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.admin-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.admin-summary-grid{grid-template-columns:repeat(2,1fr)}.admin-search>*{max-width:none!important;width:100%}}



.jobs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.job-card{padding:20px}.job-card-head{display:flex;justify-content:space-between;gap:15px}.fit-score{min-width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#eef5f7;color:var(--navy);font-size:18px;font-weight:800}.job-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.job-meta span{font-size:12px;padding:5px 8px;background:#f2f5f6;border-radius:999px}.fit-reasons{font-size:13px;color:var(--muted);margin:10px 0}.job-pref-card{padding:20px;margin-bottom:18px}.opportunity-admin-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.source-tabs{display:flex;gap:7px;margin:15px 0}.hidden{display:none!important}@media(max-width:900px){.jobs-grid,.opportunity-admin-grid{grid-template-columns:1fr}}



.fit-label{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--orange);margin-bottom:5px}.deadline-pill{display:inline-flex;margin:3px 0 10px;padding:6px 9px;border-radius:8px;background:#eef5f7;color:var(--navy);font-size:12px;font-weight:700}.deadline-pill.urgent{background:#fff0e8;color:#9b421a}.why-job{padding:13px 0;border-top:1px solid #edf0f2;margin-top:5px}.why-job>strong{font-size:13px}.why-job div{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.why-job span{font-size:12px;color:var(--muted)}.jobs-teaser{padding:18px 20px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.jobs-teaser h3{margin:3px 0}@media(max-width:680px){.jobs-teaser{align-items:flex-start;flex-direction:column}}



.commercial-next{margin-top:14px;padding:20px;border-left:4px solid var(--orange)}.commercial-next h3{margin:5px 0 6px}.commercial-next p{margin:0 0 14px}.commercial-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:9px}.limit-nudge{margin:15px 0 5px;padding:14px;border-radius:10px;background:#fff7f1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.limit-nudge span{flex:1;min-width:220px;font-size:13px}.job-commercial-hint{display:block;margin-top:10px;color:var(--muted)}@media(max-width:600px){.commercial-actions .btn{width:100%}.limit-nudge .btn{width:100%}}



.job-detail-card{padding:24px}.job-detail-back{margin-bottom:18px}.job-detail-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line)}.job-detail-hero h2{font-size:30px;margin:4px 0 5px}.job-detail-fit{flex:0 0 auto}.job-detail-meta{margin:16px 0}.job-deadline{padding:11px 14px;border-radius:9px;background:#fff7f1;margin-bottom:18px}.job-detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:22px;align-items:start}.job-detail-grid section,.job-detail-side{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.job-detail-grid h3{margin-top:0}.job-description{white-space:normal;line-height:1.7;color:var(--text)}.job-detail-side{margin-bottom:14px}.job-detail-side ul{padding-left:19px;margin-bottom:0}.job-detail-side li{margin:7px 0}.keyword-wrap{display:flex;gap:7px;flex-wrap:wrap}.keyword{font-size:12px;padding:6px 9px;border-radius:999px;background:#eef5fa;color:#164f73}.jobex-before-apply{border-left:4px solid var(--orange)}.job-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.job-source-note{font-size:12px;color:var(--muted);margin:12px 0 0}@media(max-width:800px){.job-detail-grid{grid-template-columns:1fr}.job-detail-hero{flex-direction:column}.job-detail-actions .btn{width:100%;text-align:center}}



.profile-completion-banner{padding:16px 18px;margin-bottom:20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border-left:4px solid var(--orange)}.profile-completion-banner.complete{border-left-color:#258653}.completion-score{width:86px;height:68px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.completion-score strong{font-size:25px;color:var(--navy)}.completion-score span{font-size:11px;color:var(--muted)}.completion-copy h3{margin:0 0 4px}.completion-copy p{margin:0 0 9px;font-size:13px;color:var(--muted)}.completion-track{height:7px;background:#e9eef1;border-radius:999px;overflow:hidden}.completion-track>div{height:100%;width:0;background:var(--orange);border-radius:inherit;transition:width .5s ease}.profile-completion-banner.complete .completion-track>div{background:#258653}.profile-progress-card{padding:20px;margin-bottom:18px}.profile-progress-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.profile-progress-top h2{margin:5px 0}.profile-progress-ring{--profile-angle:0deg;width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--orange) var(--profile-angle),#e9eef1 0);display:grid;place-items:center;position:relative;flex:0 0 auto}.profile-progress-ring:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#fff}.profile-progress-ring strong{position:relative;z-index:1;color:var(--navy)}.completion-track.large{height:9px;margin-top:14px}.profile-education{font-size:13px;color:var(--muted);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}.profile-section-divider{margin:22px 0 14px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.profile-section-divider span{font-weight:800;font-size:17px}.profile-section-divider small{color:var(--muted)}.signup-career-box{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}.signup-career-box .eyebrow{display:block;margin-bottom:10px}@media(max-width:700px){.profile-completion-banner{grid-template-columns:1fr}.completion-score{width:auto;height:auto;border-right:0}.profile-completion-banner .btn{width:100%}.profile-progress-top{align-items:flex-start}.profile-section-divider{align-items:flex-start;flex-direction:column}}



/* v11.25 — Compact professional UI density pass */
:root{
  --ui-page-x:24px;
  --ui-card-pad:18px;
  --ui-radius:12px;
  --ui-control-h:44px;
}
body{font-size:15px;line-height:1.45}
.topbar{min-height:64px;padding-top:8px;padding-bottom:8px}
.main,.content,.main-content{font-size:15px}
.page-head{margin-bottom:18px;gap:16px;align-items:center}
.page-head h1{font-size:30px!important;line-height:1.15!important;letter-spacing:-.025em;margin-bottom:4px!important}
.page-head p{font-size:15px!important;line-height:1.45!important;margin-top:0!important}
.subhead{font-size:20px!important;line-height:1.25!important;margin:0}
h2{line-height:1.25} h3{line-height:1.3}
.card,.form-card{border-radius:var(--ui-radius)!important}
.card{padding:var(--ui-card-pad)}
.form-card{padding:20px!important}
label{font-size:13px!important;gap:6px}
input,select{min-height:var(--ui-control-h)!important;height:var(--ui-control-h)!important;padding:9px 12px!important;font-size:14px!important;border-radius:9px!important}
textarea{padding:10px 12px!important;font-size:14px!important;border-radius:9px!important}
small,.muted{line-height:1.4}
.two-col{gap:14px!important}
.form-card>.two-col,.form-card>label{margin-bottom:13px}
.form-foot{margin-top:16px!important;padding-top:14px!important}
.btn{min-height:40px!important;padding:8px 14px!important;border-radius:9px!important;font-size:14px!important;line-height:1.2!important;font-weight:700!important}
.btn.btn-primary,.btn-primary{min-height:42px!important}
.btn-full{width:100%}
.sidebar{font-size:14px}
.sidebar nav a,.sidebar .nav-item,.side-link{min-height:42px!important;padding-top:9px!important;padding-bottom:9px!important;border-radius:9px!important}
.sidebar nav{gap:4px!important}
.section-row{margin:16px 0 12px!important;align-items:center}
.jobs-grid{gap:12px!important}
.job-card{padding:16px!important;border-radius:11px!important}
.job-card h3{font-size:17px!important;margin:0 0 4px!important}
.job-card p{font-size:13.5px!important}
.job-meta{gap:6px!important;margin:9px 0!important}
.job-meta span{font-size:12px!important;padding:5px 8px!important}
.fit-score{font-size:22px!important}
.job-actions{gap:8px!important;margin-top:12px!important}
.profile-completion-banner{padding:13px 15px!important;margin-bottom:15px!important;gap:13px!important;border-radius:10px!important}
.completion-score{width:78px!important;height:58px!important}
.completion-score strong{font-size:22px!important}
.completion-copy h3{font-size:15px!important;margin-bottom:2px!important}
.completion-copy p{font-size:12.5px!important;margin-bottom:7px!important}
.profile-progress-card{padding:17px!important;margin-bottom:14px!important}
.profile-progress-top h2{font-size:21px!important;margin:3px 0!important}
.profile-progress-ring{width:68px!important;height:68px!important}
.profile-section-divider{margin:17px 0 11px!important;padding-top:14px!important}
.profile-section-divider span{font-size:15px!important}
.job-detail-card{padding:20px!important}
.job-detail-hero h2{font-size:25px!important}
.job-detail-grid{gap:16px!important}
.job-detail-grid section,.job-detail-side{padding:15px!important;border-radius:10px!important}
.job-detail-grid h3{font-size:16px!important}
.job-description{font-size:14px!important;line-height:1.6!important}
.job-detail-actions{gap:8px!important;margin-top:15px!important;padding-top:14px!important}
table{font-size:13.5px}
th,td{padding-top:10px!important;padding-bottom:10px!important}
.dashboard-grid,.stats-grid,.metric-grid{gap:12px!important}
.stat-card,.metric-card{padding:15px!important;min-height:0!important}
.stat-card strong,.metric-card strong{line-height:1.1}
.eyebrow{font-size:10.5px!important;letter-spacing:.08em}
.signup-career-box{padding:12px!important;margin:11px 0!important}
.toast{font-size:14px!important}
@media(min-width:1000px){
  main,.main-content,.content{padding-top:24px!important;padding-bottom:28px!important}
}
@media(max-width:700px){
  :root{--ui-card-pad:15px;--ui-control-h:43px}
  .page-head h1{font-size:26px!important}
  .page-head{align-items:flex-start}
  .form-card{padding:16px!important}
  .profile-completion-banner{padding:13px!important}
  .btn{min-height:40px!important}
}



/* v11.26 — Unified Inter typography + 8px spacing system */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --radius-sm:8px;
  --radius-md:10px;
  --radius-lg:12px;
  --border-ui:1px solid #e4e9ed;
  --shadow-ui:0 8px 24px rgba(15,45,64,.06);
}
html,body,button,input,select,textarea,table{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body{font-weight:400;letter-spacing:0}
h1,h2,h3,h4,h5,h6,strong,b{font-family:inherit!important}
h1{font-weight:700!important}
h2,h3{font-weight:650!important}
p,li,td,th,label,input,select,textarea{font-weight:400}
label{font-weight:500!important}
.btn,.side-nav button,.admin-tab,.filter,.jd-mode{font-weight:600!important}

/* One spacing rhythm */
.page-head{margin-bottom:var(--space-5)!important}
.section-row{margin:var(--space-5) 0 var(--space-3)!important}
.card,.form-card{margin-bottom:0}
.form-card>*+*{margin-top:var(--space-3)}
.two-col,.form-grid,.metric-grid,.quick-grid,.jobs-grid,.plan-grid,.admin-summary-grid{gap:var(--space-3)!important}
.form-foot{margin-top:var(--space-5)!important;padding-top:var(--space-4)!important}
hr{margin:var(--space-5) 0!important}
.profile-section-divider{margin:var(--space-5) 0 var(--space-3)!important;padding-top:var(--space-4)!important}
.job-detail-actions{margin-top:var(--space-4)!important;padding-top:var(--space-4)!important}
.job-meta{margin:var(--space-2) 0!important}
.commercial-actions,.form-actions{gap:var(--space-2)!important}
.side-nav{gap:var(--space-1)!important}

/* One card treatment: no stacking of multiple shadows/borders */
.card,.form-card,.content-card,.usage-card,.job-card,.service-card,.plan-card,.admin-summary,.metric{
  border:var(--border-ui)!important;
  box-shadow:var(--shadow-ui)!important;
  border-radius:var(--radius-lg)!important;
}
.card .card,.form-card .card,.job-detail-side,.job-detail-grid section{
  box-shadow:none!important;
  border:var(--border-ui)!important;
  border-radius:var(--radius-md)!important;
}

/* Controls */
input,select,textarea{
  border:var(--border-ui)!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:#7da5bd!important;
  box-shadow:0 0 0 3px rgba(14,80,121,.08)!important;
}
.btn{
  box-shadow:none!important;
  border-radius:var(--radius-md)!important;
}

/* Simplify duplicated/decorative visuals */
.profile-progress-ring{display:none!important}
.score-preview .bar-row+ .bar{margin-top:var(--space-1)!important}
.metric.card strong,.admin-summary.card strong{font-weight:700!important}
.eyebrow{font-weight:600!important}
.fit-label{font-weight:600!important}
.pill,.keyword,.job-meta span{font-weight:500!important}
.quick-card{box-shadow:none!important;border:var(--border-ui)!important}
.quick-card .quick-icon{box-shadow:none!important}
.jobs-teaser,.profile-completion-banner,.commercial-next,.limit-nudge{
  box-shadow:none!important;
}
.profile-completion-banner,.commercial-next{border-top:var(--border-ui)!important;border-right:var(--border-ui)!important;border-bottom:var(--border-ui)!important}
.job-detail-side+ .job-detail-side{margin-top:var(--space-3)!important}
.job-detail-side{margin-bottom:0!important}

/* Remove visual duplication where the same information is already in nearby text */
.job-card .job-commercial-hint{margin-top:var(--space-2)!important}
.profile-progress-card .completion-track{margin-top:var(--space-3)!important}
.profile-education{margin-top:var(--space-3)!important;padding-top:var(--space-3)!important}

/* Layout consistency */
main,.main-content,.content{line-height:1.5}
.page-head h1{margin:0 0 var(--space-1)!important}
.page-head p{margin:0!important}
h2.subhead{margin:0!important}
.card h3:first-child,.form-card h3:first-child{margin-top:0}
.card p:last-child,.form-card p:last-child{margin-bottom:0}
table{border-collapse:collapse}
thead th{font-weight:600!important}
tbody tr+tr{border-top:1px solid #edf1f3}

/* Mobile keeps the same rhythm */
@media(max-width:700px){
  :root{--shadow-ui:0 5px 16px rgba(15,45,64,.05)}
  .page-head{margin-bottom:var(--space-4)!important}
  .section-row{margin:var(--space-4) 0 var(--space-2)!important}
  .two-col,.form-grid,.jobs-grid,.plan-grid{gap:var(--space-2)!important}
}



/* v11.27 — UI inspection closure */

/* App frame */
.sidebar{width:224px!important;padding:18px 14px!important}
.app-main{margin-left:224px!important}
.app-header{height:60px!important;padding:0 24px!important}
.panel{padding:24px!important;max-width:1240px!important}
.side-nav button,.side-bottom button{padding:9px 10px!important;font-size:13.5px!important;min-height:40px!important}
.side-nav span,.side-bottom span{width:22px!important}
.account-corner{gap:2px!important}
.avatar{width:34px!important;height:34px!important;font-size:13px!important}
.header-plan{font-size:9.5px!important}

/* Page hierarchy */
.page-head h1{font-size:28px!important;font-weight:700!important}
.page-head p{font-size:14px!important;max-width:760px}
.subhead{font-size:18px!important;font-weight:650!important}
.card h2,.form-card h2{font-size:20px!important}
.card h3,.form-card h3{font-size:16px!important}
.card p,.form-card p{font-size:14px}
.metric strong{font-size:26px!important;margin:5px 0!important}
.metric{padding:14px!important}
.metric span{font-size:12px!important}
.metric small{font-size:11.5px!important}

/* Dashboard */
.dashboard-usage{margin:14px 0 18px!important}
.dashboard-usage-grid{gap:10px!important}
.usage-mini{padding:14px!important}
.usage-mini strong{font-size:18px!important}
.quick-card{padding:14px!important;grid-template-columns:36px 1fr 16px!important;gap:10px!important}
.icon,.quick-icon{width:36px!important;height:36px!important;border-radius:9px!important}
.quick-card strong{font-size:14px!important}
.quick-card small{font-size:12px!important;margin-top:3px!important}
.jobs-teaser{padding:14px 16px!important;margin-bottom:16px!important}
.jobs-teaser h3{font-size:16px!important}
.jobs-teaser p{font-size:12.5px!important}

/* Jobs For You */
.profile-completion-banner{grid-template-columns:70px 1fr auto!important}
.completion-score{width:70px!important}
.jobs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.job-card{padding:14px!important}
.job-card-head{gap:10px!important}
.job-card h3{font-size:16px!important}
.fit-score{min-width:54px!important;width:54px!important;height:54px!important;font-size:18px!important}
.fit-label{font-size:10px!important}
.deadline-pill{padding:5px 8px!important;margin:2px 0 8px!important;font-size:11px!important}
.why-job{padding:10px 0!important;margin-top:3px!important}
.why-job>strong{font-size:12px!important}
.why-job span{font-size:11.5px!important}
.job-card .form-actions{margin-top:10px!important}
.job-card .btn{min-height:36px!important;padding:7px 11px!important;font-size:12.5px!important}

/* Job detail */
.job-detail-card{padding:18px!important}
.job-detail-hero{padding-bottom:13px!important}
.job-detail-hero h2{font-size:23px!important}
.job-detail-grid{grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr)!important}
.job-detail-grid section,.job-detail-side{padding:14px!important}
.job-detail-side h3{font-size:14px!important}
.job-description{font-size:13.5px!important}
.keyword{font-size:11px!important;padding:5px 8px!important}

/* Job Match / CV Review */
.progress-steps{margin-bottom:14px!important;gap:6px!important}
.progress-steps span{padding:6px 10px!important;font-size:11px!important}
.upload-box{padding:18px!important}
.analysis-progress{padding:16px!important;margin-top:14px!important}
.analysis-progress-head strong{font-size:22px!important}
.analysis-track{height:8px!important;margin:10px 0!important}
.result-hero{padding:18px!important;gap:16px!important}
.big-score strong{font-size:34px!important}
.result-copy h2{font-size:21px!important}
.result-grid{gap:10px!important}
.score-card{padding:13px!important}
.score-card strong{font-size:21px!important}
.tabs{gap:5px!important;margin:14px 0!important;overflow-x:auto}
.tab{padding:8px 10px!important;font-size:12px!important;white-space:nowrap}
.content-card{padding:15px!important}
.commercial-next{padding:16px!important}

/* Career services */
.service-grid{gap:12px!important}
.service-card{padding:16px!important;gap:7px!important}
.service-card strong{font-size:17px!important}
.service-card p{font-size:13px!important}
.service-card .btn{min-height:36px!important;font-size:12.5px!important}

/* Plans */
.plan-grid{gap:12px!important}
.plan-card{padding:17px!important}
.plan-card h3{font-size:17px!important}
.plan-price{font-size:25px!important;margin:7px 0!important}
.plan-list{font-size:13px!important;line-height:1.65!important}
.plan-badge{right:12px!important;top:12px!important}
.usage-card{padding:15px!important}
.usage-row{margin:8px 0!important}

/* Profile */
.profile-progress-card{padding:15px!important}
.profile-progress-top h2{font-size:19px!important}
.profile-education{font-size:12.5px!important}
.profile-section-divider span{font-size:14.5px!important}

/* Admin */
.admin-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important}
.admin-summary{padding:12px!important}
.admin-summary strong{font-size:22px!important}
.admin-summary span{font-size:11px!important}
.admin-tabs{gap:5px!important;margin:14px 0!important}
.admin-tab{padding:7px 10px!important;font-size:12px!important}
.admin-search{margin:10px 0 12px!important;gap:8px!important}

/* Tables & empty states */
.table-card{overflow:hidden}
table{font-size:12.5px!important}
th{font-size:11px!important;text-transform:uppercase;letter-spacing:.035em;color:var(--muted)}
th,td{padding:9px 11px!important}
.empty-state,.admin-empty{padding:24px!important;font-size:13px!important}
.notice{padding:12px 14px!important;font-size:12.5px!important}

/* Buttons: enforce action hierarchy */
.link-btn{font-size:13px!important;font-weight:600!important}
.btn-lg{min-height:44px!important;padding:9px 15px!important;font-size:14px!important}
.btn-outline{background:#fff!important}
.btn-danger{min-height:38px!important}
.mini-btn{min-height:32px!important;padding:6px 9px!important;font-size:11.5px!important}

/* Marketing/public pages — reduce oversized legacy scale */
.topbar{height:64px!important}
.shell{width:min(1120px,calc(100% - 40px))!important}
.hero{gap:36px!important;padding:56px 0 52px!important}
.hero h1{font-size:42px!important;line-height:1.06!important;letter-spacing:-.035em!important}
.hero p{font-size:16px!important;line-height:1.55!important;max-width:650px}
.score-preview{padding:18px!important}
.score-ring{width:150px!important;height:150px!important;margin:18px auto!important}
.score-ring strong{font-size:36px!important}
.section{padding:52px 0!important}
.section-title{margin-bottom:28px!important}
.section-title h2{font-size:28px!important;margin:7px 0!important}
.section-title p{font-size:14px!important}
.feature-grid{gap:12px!important}
.feature-card{padding:18px!important;border-radius:12px!important}
.feature-card h3{font-size:16px!important}
.feature-card p,.steps p{font-size:13px!important}
.steps{gap:14px!important}
.steps article{padding:18px!important}
.pricing-section .plan-card{padding:17px!important}

/* Auth */
.auth-split-shell{grid-template-columns:minmax(0,1fr) minmax(420px,.85fr)!important}
.auth-visual-content{padding:32px 38px!important}
.auth-copy h2{font-size:34px!important}
.auth-copy p{font-size:14px!important}
.auth-form-side{padding:28px 24px!important}
.auth-form-card{padding:24px!important;border-radius:14px!important}
.auth-form-card h2{font-size:24px!important}
.auth-chip{padding:6px 9px!important;font-size:10.5px!important}

/* Accessibility & state clarity */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #0e5079!important;
  outline-offset:2px!important;
}
button:disabled,.btn:disabled{opacity:.55!important;cursor:not-allowed!important}
.btn,.quick-card,.side-nav button,.admin-tab,.filter{transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
@media(hover:hover){
  .btn:not(:disabled):hover,.quick-card:hover{transform:translateY(-1px)}
}

/* Responsive closure */
@media(max-width:1100px){
  .admin-summary-grid{grid-template-columns:repeat(3,1fr)!important}
  .plan-grid{grid-template-columns:repeat(2,1fr)!important}
  .jobs-grid{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .sidebar{width:224px!important}
  .app-main{margin-left:0!important}
  .panel{padding:20px!important}
  .job-detail-grid{grid-template-columns:1fr!important}
  .hero h1{font-size:37px!important}
}
@media(max-width:700px){
  .app-header{height:56px!important;padding:0 14px!important}
  .panel{padding:16px!important}
  .page-head h1{font-size:24px!important}
  .metric-grid{grid-template-columns:repeat(2,1fr)!important}
  .profile-completion-banner{grid-template-columns:1fr!important}
  .completion-score{width:auto!important;height:auto!important;border-right:0!important}
  .admin-summary-grid,.plan-grid,.metric-grid{grid-template-columns:1fr!important}
  .hero{padding:36px 0!important}
  .hero h1{font-size:32px!important}
  .section{padding:40px 0!important}
  .section-title h2{font-size:24px!important}
  .auth-visual-panel{display:none!important}
  .auth-split-shell{grid-template-columns:1fr!important}
  .auth-form-side{min-height:100vh;padding:20px 14px!important;align-items:flex-start!important}
  .auth-form-card{padding:20px!important}
}



/* v11.28 — Approved simplified dashboard */

/* Dashboard page width and opening hierarchy */
#dashboardPanel{max-width:1220px!important;padding-top:26px!important}
#dashboardPanel .page-head{margin-bottom:18px!important;align-items:flex-start!important}
#dashboardPanel .page-head h1{font-size:27px!important;line-height:1.12!important;font-weight:700!important;letter-spacing:-.025em!important}
#dashboardPanel .page-head p{font-size:14px!important;color:var(--muted)!important;margin-top:5px!important}
#dashboardPanel .page-head .btn{margin-top:2px!important;min-height:40px!important;padding:8px 14px!important}

/* Four metrics become one visual group */
#dashboardPanel .metric-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  background:#fff!important;
  border:1px solid #e2e8ec!important;
  border-radius:12px!important;
  box-shadow:0 5px 18px rgba(15,45,64,.045)!important;
  overflow:hidden!important;
  margin-bottom:18px!important;
}
#dashboardPanel .metric{
  position:relative!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:16px 18px!important;
  min-height:96px!important;
  background:#fff!important;
}
#dashboardPanel .metric:not(:last-child):after{
  content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:#e7ecef
}
#dashboardPanel .metric span{font-size:12px!important;font-weight:500!important;color:#64748b!important}
#dashboardPanel .metric strong{font-size:25px!important;font-weight:700!important;color:var(--navy)!important;margin:7px 0 3px!important}
#dashboardPanel .metric small{font-size:11.5px!important;color:#82909d!important}

/* Jobs teaser: slim, low-noise recommendation strip */
#dashboardPanel .jobs-teaser{
  min-height:74px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:13px 16px!important;
  margin-bottom:18px!important;
  border:1px solid #cfe0ec!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,#f7fbff 0%,#fff 72%)!important;
  box-shadow:none!important;
}
#dashboardPanel .jobs-teaser .eyebrow{display:none!important}
#dashboardPanel .jobs-teaser h3{font-size:15.5px!important;font-weight:600!important;margin:0 0 3px!important}
#dashboardPanel .jobs-teaser p{font-size:12.5px!important;margin:0!important;color:#64748b!important}
#dashboardPanel .jobs-teaser .btn{
  background:transparent!important;color:var(--navy)!important;border:0!important;
  min-height:34px!important;padding:6px 4px 6px 10px!important;font-size:12.5px!important;
}
#dashboardPanel .jobs-teaser .btn:hover{background:transparent!important;transform:translateX(2px)!important}

/* Quick actions: compact, less descriptive, less boxed */
#dashboardPanel .section-row:has(+ .quick-grid),
#dashboardPanel .quick-grid{margin-top:0!important}
#dashboardPanel .section-row .subhead{font-size:17px!important;font-weight:600!important}
#dashboardPanel .quick-grid{
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;margin-bottom:20px!important
}
#dashboardPanel .quick-card{
  min-height:66px!important;padding:11px 13px!important;
  grid-template-columns:34px 1fr 14px!important;gap:10px!important;
  border:1px solid #e3e9ed!important;border-radius:10px!important;
  box-shadow:none!important;background:#fff!important;
}
#dashboardPanel .quick-card .quick-icon,#dashboardPanel .quick-card .icon{
  width:34px!important;height:34px!important;border-radius:8px!important;font-size:15px!important
}
#dashboardPanel .quick-card strong{font-size:13.5px!important;font-weight:600!important}
#dashboardPanel .quick-card small{
  font-size:11.5px!important;line-height:1.3!important;margin-top:2px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}

/* Recent activity: clean list/table; remove heavy card feel */
#dashboardPanel .section-row:has(+ #recentActivity){margin-bottom:7px!important}
#dashboardPanel #recentActivity{
  border:1px solid #e3e9ed!important;border-radius:10px!important;
  box-shadow:none!important;background:#fff!important;padding:0!important;overflow:hidden!important
}
#dashboardPanel #recentActivity table{margin:0!important;width:100%!important}
#dashboardPanel #recentActivity tr{border-bottom:1px solid #edf1f3!important}
#dashboardPanel #recentActivity tr:last-child{border-bottom:0!important}
#dashboardPanel #recentActivity td{padding:11px 14px!important;font-size:12.5px!important}
#dashboardPanel #recentActivity td:first-child{width:48%!important}
#dashboardPanel #recentActivity td strong{font-size:13px!important;font-weight:600!important}
#dashboardPanel #recentActivity td small{font-size:11px!important;color:#718096!important}
#dashboardPanel #recentActivity td:last-child strong{
  display:inline-block!important;font-size:11.5px!important;font-weight:600!important;
  padding:4px 8px!important;border-radius:999px!important;background:#f3f7fa!important
}

/* Sidebar hierarchy from approved mock */
.sidebar .side-nav button,.sidebar .side-bottom button{
  font-weight:450!important;color:#34495a!important
}
.sidebar .side-nav button.active{
  font-weight:600!important;color:var(--navy)!important;background:#edf5fb!important
}
.sidebar .side-nav button:not(.active),.sidebar .side-bottom button{background:transparent!important}
.sidebar .side-nav button:not(.active):hover,.sidebar .side-bottom button:hover{background:#f6f8fa!important}

/* Dashboard responsive */
@media(max-width:1000px){
  #dashboardPanel .metric-grid{grid-template-columns:repeat(2,1fr)!important}
  #dashboardPanel .metric:nth-child(2):after{display:none}
  #dashboardPanel .metric:nth-child(-n+2){border-bottom:1px solid #e7ecef!important}
}
@media(max-width:760px){
  #dashboardPanel{padding-top:18px!important}
  #dashboardPanel .page-head{display:grid!important;grid-template-columns:1fr!important}
  #dashboardPanel .page-head h1{font-size:24px!important}
  #dashboardPanel .metric-grid{grid-template-columns:repeat(2,1fr)!important}
  #dashboardPanel .quick-grid{grid-template-columns:1fr!important}
  #dashboardPanel .jobs-teaser{grid-template-columns:1fr!important;gap:6px!important}
  #dashboardPanel .jobs-teaser .btn{justify-self:start!important;padding-left:0!important}
}
@media(max-width:480px){
  #dashboardPanel .metric-grid{grid-template-columns:1fr!important}
  #dashboardPanel .metric{min-height:80px!important}
  #dashboardPanel .metric:after{display:none!important}
  #dashboardPanel .metric:not(:last-child){border-bottom:1px solid #e7ecef!important}
}



/* Dashboard rebuilt to follow approved visual */

/* Header */
.app-header{height:62px!important;padding:0 28px!important}
.app-title{font-size:14px;color:#53657a;font-weight:450}
.header-account{display:flex;align-items:center;gap:10px}
.header-alert{width:34px;height:34px;border:0;background:transparent;color:#40536a;font-size:18px;position:relative;cursor:pointer}
.header-alert span{position:absolute;width:6px;height:6px;background:#e4473e;border-radius:50%;right:5px;top:5px}
.header-account .avatar{width:36px!important;height:36px!important;font-size:12px!important}
.account-summary{border:0;background:transparent;text-align:left;padding:0;display:flex;flex-direction:column;gap:1px;cursor:pointer}
.account-name{font-size:13px;font-weight:600;color:#12263a}
.account-plan{font-size:11px;color:#64748b}
.account-chevron{font-size:16px;color:#64748b;margin-left:-3px}

/* Dashboard frame */
#dashboardPanel{max-width:1190px!important;padding:28px 24px 34px!important}
.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.dashboard-head h1{font-size:28px!important;line-height:1.1;margin:0 0 5px;font-weight:700;letter-spacing:-.025em;color:#172331}
.dashboard-head p{margin:0;font-size:14px;color:#64748b}
.dashboard-new-match{min-height:40px!important;padding:8px 14px!important;font-size:13.5px!important;border-radius:9px!important}

/* One metric panel, four columns */
.dashboard-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e2e8ee;
  border-radius:12px;box-shadow:0 5px 16px rgba(15,45,64,.04);margin-bottom:20px;overflow:hidden
}
.dash-metric{display:flex;align-items:center;gap:13px;padding:17px 20px;position:relative;min-height:94px}
.dash-metric:not(:last-child):after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:1px;background:#e8edf1}
.dash-metric-icon{width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:#eaf3ff;color:#07539a;display:grid;place-items:center;font-size:19px;font-weight:700}
.dash-metric div{display:flex;flex-direction:column}
.dash-metric strong{font-size:24px;line-height:1;color:#064b82;font-weight:700;margin-bottom:6px}
.dash-metric div span{font-size:12px;color:#68798d}

/* Jobs strip */
.dashboard-jobs-strip{
  display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:13px 16px;
  min-height:78px;border:1px solid #cfe0f2;border-radius:11px;background:linear-gradient(100deg,#f6faff,#fff);
  margin-bottom:20px
}
.jobs-strip-icon{width:44px;height:44px;border-radius:50%;background:#dbeafe;color:#07539a;display:grid;place-items:center;font-size:20px}
.jobs-strip-copy h3{margin:0 0 3px;font-size:15px;font-weight:600;color:#18293a}
.jobs-strip-copy p{margin:0;font-size:12.5px;color:#64748b}
.jobs-strip-link,.dashboard-view-all{border:0;background:transparent;color:#07539a;font-size:12.5px;font-weight:600;cursor:pointer;padding:7px 4px}
.jobs-strip-link span,.dashboard-view-all span{font-size:18px;vertical-align:-1px;margin-left:5px}

/* Section titles */
.dashboard-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px}
.dashboard-section-head h2{font-size:17px!important;margin:0;font-weight:650;color:#172331}
.recent-head{margin-top:20px}

/* Quick actions */
.dashboard-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.dash-action{
  min-height:70px;border:1px solid #e2e8ee;border-radius:11px;background:#fff;padding:11px 13px;
  display:grid;grid-template-columns:36px 1fr 12px;align-items:center;gap:10px;text-align:left;cursor:pointer;
  box-shadow:none;transition:border-color .15s,transform .15s
}
.dash-action:hover{border-color:#bfd3e2;transform:translateY(-1px)}
.dash-action-icon{width:36px;height:36px;border-radius:9px;background:#eaf3ff;color:#07539a;display:grid;place-items:center;font-size:16px;font-weight:700}
.dash-action-icon.success{background:#e8f8ee;color:#139447}
.dash-action-icon.service{background:#f3eaff;color:#8c4ad8}
.dash-action-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.dash-action-copy strong{font-size:13.5px;font-weight:600;color:#162536}
.dash-action-copy small{font-size:11.5px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-action>b{font-size:21px;line-height:1;color:#142536;font-weight:500}

/* Recent activity table */
.dashboard-activity{border:1px solid #e2e8ee;border-radius:11px;background:#fff;overflow:hidden;padding:0!important;box-shadow:none!important}
.dashboard-activity.empty-state{padding:0!important}
.dashboard-activity table{width:100%;border-collapse:collapse}
.dashboard-activity thead{background:#fbfcfd}
.dashboard-activity th{padding:10px 16px!important;font-size:10.5px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;color:#5f7184;text-align:left}
.dashboard-activity td{padding:10px 16px!important;font-size:12px!important;color:#405268;border-top:1px solid #edf1f4}
.dashboard-activity th:first-child,.dashboard-activity td:first-child{width:48%}
.activity-primary{display:flex;align-items:center;gap:10px}
.activity-dot{width:32px;height:32px;border-radius:50%;background:#edf6ff;color:#07539a;display:grid;place-items:center;font-size:13px;flex:0 0 32px}
.activity-primary div{display:flex;flex-direction:column;gap:2px}
.activity-primary strong{font-size:12.5px;font-weight:600;color:#18293a}
.activity-primary small{font-size:10.5px;color:#718096}
.activity-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf6ff;color:#07539a;font-size:10.5px;font-weight:600}
.activity-empty{padding:24px;text-align:center;color:#718096}
.activity-empty p{margin:0 0 3px}

/* Sidebar closer to visual */
.sidebar{width:218px!important;padding:22px 14px 16px!important}
.app-main{margin-left:218px!important}
.logo-wrap{margin-bottom:25px!important}
.side-nav{gap:5px!important}
.side-nav button,.side-bottom button{font-size:13px!important;font-weight:450!important;padding:9px 10px!important;min-height:39px!important}
.side-nav button.active{font-weight:600!important;background:#eaf3fb!important}
.side-bottom{padding-top:14px!important}

/* Responsive */
@media(max-width:1000px){
  .dashboard-metrics{grid-template-columns:repeat(2,1fr)}
  .dash-metric:nth-child(2):after{display:none}
  .dash-metric:nth-child(-n+2){border-bottom:1px solid #e8edf1}
}
@media(max-width:900px){
  .app-main{margin-left:0!important}
}
@media(max-width:760px){
  .header-account .account-summary,.header-account .account-chevron,.header-alert{display:none}
  #dashboardPanel{padding:18px 16px 28px!important}
  .dashboard-head{flex-direction:column}
  .dashboard-new-match{width:100%}
  .dashboard-jobs-strip{grid-template-columns:42px 1fr}
  .jobs-strip-link{grid-column:2;justify-self:start;padding-left:0}
  .dashboard-actions{grid-template-columns:1fr}
}
@media(max-width:520px){
  .dashboard-metrics{grid-template-columns:1fr}
  .dash-metric:after{display:none!important}
  .dash-metric:not(:last-child){border-bottom:1px solid #e8edf1}
}



/* v11.30 — Apply approved dashboard design language across all app pages */

/* Global app content frame */
.panel:not(#dashboardPanel){
  max-width:1190px!important;
  padding:28px 24px 34px!important;
}
.panel:not(#dashboardPanel) .page-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.panel:not(#dashboardPanel) .page-head h1{
  font-size:27px!important;
  line-height:1.1!important;
  margin:0 0 5px!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  color:#172331!important;
}
.panel:not(#dashboardPanel) .page-head p{
  font-size:14px!important;
  line-height:1.45!important;
  margin:0!important;
  color:#64748b!important;
}
.panel:not(#dashboardPanel) .subhead{
  font-size:17px!important;
  font-weight:650!important;
  color:#172331!important;
  margin:0!important;
}

/* Unified section spacing */
.panel:not(#dashboardPanel) .section-row{
  margin:20px 0 9px!important;
}
.panel:not(#dashboardPanel) hr{
  border:0!important;
  border-top:1px solid #e8edf1!important;
  margin:18px 0!important;
}

/* Unified cards */
.panel:not(#dashboardPanel) .card,
.panel:not(#dashboardPanel) .form-card,
.panel:not(#dashboardPanel) .content-card,
.panel:not(#dashboardPanel) .usage-card,
.panel:not(#dashboardPanel) .plan-card,
.panel:not(#dashboardPanel) .service-card,
.panel:not(#dashboardPanel) .admin-summary,
.panel:not(#dashboardPanel) .job-card{
  border:1px solid #e2e8ee!important;
  border-radius:11px!important;
  box-shadow:none!important;
  background:#fff!important;
}
.panel:not(#dashboardPanel) .form-card{
  padding:18px!important;
}
.panel:not(#dashboardPanel) .card{
  padding:16px!important;
}
.panel:not(#dashboardPanel) .card h2,
.panel:not(#dashboardPanel) .form-card h2{
  font-size:19px!important;
  font-weight:650!important;
  color:#172331!important;
}
.panel:not(#dashboardPanel) .card h3,
.panel:not(#dashboardPanel) .form-card h3{
  font-size:15.5px!important;
  font-weight:600!important;
  color:#18293a!important;
}
.panel:not(#dashboardPanel) .card p,
.panel:not(#dashboardPanel) .form-card p{
  font-size:13.5px!important;
  line-height:1.5!important;
  color:#64748b!important;
}

/* Controls and labels */
.panel:not(#dashboardPanel) label{
  font-size:12.5px!important;
  font-weight:500!important;
  color:#34495a!important;
}
.panel:not(#dashboardPanel) input,
.panel:not(#dashboardPanel) select{
  height:42px!important;
  min-height:42px!important;
  padding:8px 11px!important;
  font-size:13.5px!important;
  border:1px solid #dfe7ec!important;
  border-radius:9px!important;
  background:#fff!important;
}
.panel:not(#dashboardPanel) textarea{
  padding:10px 11px!important;
  font-size:13.5px!important;
  line-height:1.5!important;
  border:1px solid #dfe7ec!important;
  border-radius:9px!important;
  background:#fff!important;
}
.panel:not(#dashboardPanel) input:focus,
.panel:not(#dashboardPanel) select:focus,
.panel:not(#dashboardPanel) textarea:focus{
  border-color:#9ebed2!important;
  box-shadow:0 0 0 3px rgba(7,83,154,.07)!important;
}

/* Buttons */
.panel:not(#dashboardPanel) .btn{
  min-height:38px!important;
  padding:7px 12px!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.panel:not(#dashboardPanel) .btn-primary{
  background:#07539a!important;
  border-color:#07539a!important;
}
.panel:not(#dashboardPanel) .btn-outline{
  background:#fff!important;
  color:#07539a!important;
  border:1px solid #bcd0dd!important;
}
.panel:not(#dashboardPanel) .link-btn{
  font-size:12.5px!important;
  font-weight:600!important;
  color:#07539a!important;
}

/* Job Match / CV Review */
#jobmatchPanel .progress-steps,
#cvreviewPanel .progress-steps{
  gap:6px!important;
  margin-bottom:14px!important;
}
#jobmatchPanel .progress-steps span,
#cvreviewPanel .progress-steps span{
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:600!important;
  background:#edf2f5!important;
  color:#64748b!important;
}
#jobmatchPanel .progress-steps span.active,
#cvreviewPanel .progress-steps span.active{
  background:#e7f1fa!important;
  color:#07539a!important;
}
#jobmatchPanel .upload-box,
#cvreviewPanel .upload-box{
  padding:18px!important;
  border:1px dashed #aac0cf!important;
  border-radius:10px!important;
  background:#fbfdfe!important;
}
.analysis-progress{
  padding:15px!important;
  margin-top:14px!important;
  border:1px solid #e2e8ee!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.analysis-progress-head strong{
  font-size:21px!important;
  color:#07539a!important;
}
.analysis-track{
  height:8px!important;
  margin:10px 0!important;
  background:#edf2f5!important;
}
.analysis-stage{font-size:12.5px!important}

/* Result screens */
.result-hero{
  padding:17px!important;
  gap:14px!important;
  border:1px solid #e2e8ee!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
.big-score strong{font-size:32px!important}
.result-copy h2{font-size:20px!important}
.result-copy p{font-size:13px!important}
.result-grid{gap:10px!important}
.score-card{
  padding:13px!important;
  border:1px solid #e2e8ee!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.score-card strong{font-size:20px!important;color:#07539a!important}
.tabs{
  gap:4px!important;
  margin:14px 0!important;
  overflow-x:auto!important;
}
.tab{
  padding:7px 10px!important;
  font-size:11.5px!important;
  font-weight:600!important;
  border-radius:8px!important;
}
.content-card{
  padding:15px!important;
}
.commercial-next{
  padding:15px!important;
  border:1px solid #e2e8ee!important;
  border-left:4px solid #f7931d!important;
  box-shadow:none!important;
}

/* Jobs For You */
#jobsPanel .profile-completion-banner{
  display:grid!important;
  grid-template-columns:70px 1fr auto!important;
  gap:14px!important;
  align-items:center!important;
  padding:13px 15px!important;
  margin-bottom:18px!important;
  border:1px solid #cfe0f2!important;
  border-left:4px solid #f7931d!important;
  border-radius:10px!important;
  background:linear-gradient(100deg,#f8fbfe,#fff)!important;
}
#jobsPanel .completion-score{
  width:70px!important;
  height:auto!important;
  border-right:0!important;
}
#jobsPanel .completion-score strong{
  font-size:21px!important;
  color:#07539a!important;
}
#jobsPanel .completion-copy h3{
  font-size:14.5px!important;
  font-weight:600!important;
}
#jobsPanel .completion-copy p{
  font-size:12px!important;
}
#jobsPanel .jobs-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
}
#jobsPanel .job-card{
  padding:14px!important;
}
#jobsPanel .job-card h3{
  font-size:15.5px!important;
}
#jobsPanel .fit-score{
  width:52px!important;height:52px!important;min-width:52px!important;
  font-size:17px!important;
  background:#eaf3ff!important;color:#07539a!important;
}
#jobsPanel .job-meta span{
  font-size:10.5px!important;
  padding:4px 7px!important;
}
#jobsPanel .why-job{
  padding:9px 0!important;
}
#jobsPanel .why-job>strong{
  font-size:11.5px!important;
}
#jobsPanel .why-job span{
  font-size:11px!important;
}
#jobsPanel .job-card .btn{
  min-height:34px!important;
  padding:6px 10px!important;
  font-size:11.5px!important;
}

/* Job details */
#jobsPanel .job-detail-card{
  padding:17px!important;
}
#jobsPanel .job-detail-hero h2{
  font-size:22px!important;
}
#jobsPanel .job-detail-grid{
  gap:14px!important;
}
#jobsPanel .job-detail-grid section,
#jobsPanel .job-detail-side{
  padding:13px!important;
  border:1px solid #e2e8ee!important;
  border-radius:10px!important;
}
#jobsPanel .job-description{
  font-size:13px!important;
  line-height:1.6!important;
}
#jobsPanel .keyword{
  font-size:10.5px!important;
  padding:4px 7px!important;
}

/* My CVs + History */
#mycvsPanel .table-card,
#historyPanel .table-card{
  padding:0!important;
  overflow:hidden!important;
}
#mycvsPanel table,
#historyPanel table{
  width:100%!important;
  border-collapse:collapse!important;
}
#mycvsPanel th,#mycvsPanel td,
#historyPanel th,#historyPanel td{
  padding:9px 12px!important;
}
#mycvsPanel th,
#historyPanel th{
  font-size:10.5px!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0!important;
  color:#607287!important;
  background:#fbfcfd!important;
}
#mycvsPanel td,
#historyPanel td{
  font-size:12px!important;
  border-top:1px solid #edf1f4!important;
}

/* Career Services */
#revampPanel .service-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
}
#revampPanel .service-card{
  padding:15px!important;
  gap:6px!important;
}
#revampPanel .service-card strong{
  font-size:16px!important;
  color:#07539a!important;
}
#revampPanel .service-card p{
  font-size:12.5px!important;
}
#revampPanel .service-card .btn{
  min-height:34px!important;
  font-size:11.5px!important;
}

/* Plans & Billing */
#plansPanel .usage-card{
  padding:15px!important;
}
#plansPanel .plan-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:11px!important;
}
#plansPanel .plan-card{
  padding:16px!important;
}
#plansPanel .plan-card h3{
  font-size:16px!important;
}
#plansPanel .plan-price{
  font-size:24px!important;
  margin:6px 0!important;
  color:#07539a!important;
}
#plansPanel .plan-list{
  font-size:12px!important;
  line-height:1.6!important;
}
#plansPanel .plan-badge{
  top:10px!important;right:10px!important;
  font-size:10px!important;
}
#plansPanel .usage-row{
  margin:7px 0!important;
  font-size:12px!important;
}

/* Profile */
#profilePanel .profile-progress-card{
  padding:15px!important;
  border:1px solid #cfe0f2!important;
  background:linear-gradient(100deg,#f8fbfe,#fff)!important;
}
#profilePanel .profile-progress-top h2{
  font-size:18px!important;
}
#profilePanel .profile-education{
  font-size:12px!important;
}
#profilePanel .profile-section-divider{
  margin:17px 0 11px!important;
  padding-top:13px!important;
}
#profilePanel .profile-section-divider span{
  font-size:14px!important;
  font-weight:600!important;
}

/* Admin */
#adminPanel .admin-summary-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:9px!important;
}
#adminPanel .admin-summary{
  padding:12px!important;
}
#adminPanel .admin-summary span{
  font-size:10.5px!important;
  color:#68798d!important;
}
#adminPanel .admin-summary strong{
  font-size:21px!important;
  color:#07539a!important;
}
#adminPanel .admin-tabs{
  gap:4px!important;
  margin:14px 0!important;
  overflow-x:auto!important;
}
#adminPanel .admin-tab{
  padding:7px 9px!important;
  font-size:11px!important;
  border-radius:8px!important;
}
#adminPanel .admin-search,
#adminPanel .admin-toolbar{
  gap:8px!important;
  margin-bottom:11px!important;
}
#adminPanel .admin-content-card{
  padding:15px!important;
}
#adminPanel table{
  font-size:11.5px!important;
}
#adminPanel th{
  font-size:10px!important;
  text-transform:none!important;
  letter-spacing:0!important;
  background:#fbfcfd!important;
}
#adminPanel th,#adminPanel td{
  padding:8px 10px!important;
}
#adminPanel .mini-btn{
  min-height:30px!important;
  padding:5px 8px!important;
  font-size:10.5px!important;
}

/* Empty states / notices */
.panel:not(#dashboardPanel) .empty-state,
.panel:not(#dashboardPanel) .admin-empty{
  padding:22px!important;
  font-size:12.5px!important;
  color:#718096!important;
}
.panel:not(#dashboardPanel) .notice{
  padding:11px 13px!important;
  font-size:12px!important;
  border-radius:9px!important;
}

/* Responsive */
@media(max-width:1100px){
  #jobsPanel .jobs-grid{grid-template-columns:1fr!important}
  #plansPanel .plan-grid{grid-template-columns:repeat(2,1fr)!important}
  #adminPanel .admin-summary-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:760px){
  .panel:not(#dashboardPanel){padding:18px 16px 28px!important}
  .panel:not(#dashboardPanel) .page-head{flex-direction:column!important}
  .panel:not(#dashboardPanel) .page-head h1{font-size:24px!important}
  #jobsPanel .profile-completion-banner{grid-template-columns:1fr!important}
  #revampPanel .service-grid{grid-template-columns:1fr!important}
  #plansPanel .plan-grid{grid-template-columns:1fr!important}
  #adminPanel .admin-summary-grid{grid-template-columns:1fr!important}
}



#jobdetailsPanel{max-width:1190px!important;padding:22px 24px 34px!important}
.job-page-back{border:0;background:transparent;color:#07539a;font-size:12.5px;font-weight:600;padding:5px 0;margin-bottom:13px;cursor:pointer}
.job-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.job-page-main{min-width:0}
.job-page-hero{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px;border:1px solid #e2e8ee;border-radius:12px;background:#fff}
.job-page-heading h1{font-size:27px;line-height:1.12;letter-spacing:-.025em;margin:4px 0 5px;color:#172331}
.job-page-heading>strong{font-size:14px;color:#405268}
.job-page-hero .job-meta{margin:12px 0 0!important}
.job-page-deadline{margin-top:11px;font-size:12px;color:#526579}
.job-page-fit{width:92px;height:92px;border-radius:50%;background:#eaf3ff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.job-page-fit strong{font-size:25px;line-height:1;color:#07539a}
.job-page-fit span{font-size:9.5px;color:#53657a;margin-top:5px;max-width:70px}
.job-page-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0 15px}
.job-page-section{padding:18px 20px;border:1px solid #e2e8ee;border-radius:11px;background:#fff;margin-bottom:12px}
.job-page-section h2{font-size:17px!important;font-weight:650;margin:0 0 12px;color:#172331}
.job-page-section .job-description{font-size:13.5px!important;line-height:1.7!important;color:#34495a}
.job-fit-section{display:grid;grid-template-columns:1fr auto;gap:16px}
.job-fit-section ul{padding:0;list-style:none;margin:10px 0 0}
.job-fit-section li{font-size:12.5px;margin:7px 0;color:#405268}
.mini-fit{font-size:20px;font-weight:700;color:#07539a;align-self:start;background:#eaf3ff;border-radius:9px;padding:9px 11px}
.job-apply-conversion{padding:19px 20px;border:1px solid #cfe0f2;border-left:4px solid #f7931d;border-radius:11px;background:linear-gradient(100deg,#f8fbfe,#fff);margin-top:12px}
.job-apply-conversion h2{font-size:18px!important;margin:5px 0 5px}
.job-apply-conversion p{font-size:12.5px;color:#64748b;margin:0 0 13px}
.job-conversion-actions{display:flex;gap:7px;flex-wrap:wrap}
.employer-apply{margin-left:auto}
.job-source-note{font-size:10.5px;color:#82909d;margin:9px 2px 0}
.job-page-sidebar{position:sticky;top:78px;display:flex;flex-direction:column;gap:12px}
.job-side-card{border:1px solid #e2e8ee;border-radius:11px;background:#fff;padding:14px}
.job-side-card h3{font-size:14.5px;margin:0;color:#172331}
.job-side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.job-side-head button{border:0;background:transparent;color:#07539a;font-size:11px;font-weight:600;cursor:pointer}
.related-jobs{display:flex;flex-direction:column}
.related-job{border:0;border-top:1px solid #edf1f4;background:transparent;padding:11px 0;display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;cursor:pointer}
.related-job:first-child{border-top:0}
.related-job:hover strong{color:#07539a}
.related-job div{display:flex;flex-direction:column;min-width:0}
.related-job strong{font-size:12.5px;font-weight:600;color:#18293a;line-height:1.3}
.related-job span{font-size:11px;color:#526579;margin-top:3px}
.related-job small{font-size:10px;color:#82909d;margin-top:3px}
.related-job b{font-size:11px;color:#07539a;background:#eaf3ff;padding:4px 6px;border-radius:999px;height:max-content}
.share-card p{font-size:11.5px;color:#718096;margin:4px 0 11px}
.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.share-actions button{min-height:34px;border:1px solid #dfe7ec;border-radius:8px;background:#fff;color:#34495a;font-size:11px;font-weight:600;cursor:pointer}
.share-actions button:hover{border-color:#9ebed2;color:#07539a}
@media(max-width:950px){.job-page-layout{grid-template-columns:1fr}.job-page-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:700px){#jobdetailsPanel{padding:16px!important}.job-page-hero{grid-template-columns:1fr;padding:16px}.job-page-fit{width:74px;height:74px}.job-page-fit strong{font-size:21px}.job-page-heading h1{font-size:23px}.job-page-sidebar{grid-template-columns:1fr}.job-conversion-actions .btn,.job-conversion-actions a{width:100%;text-align:center}.employer-apply{margin-left:0}.job-page-actions .btn{flex:1}}


#publicJob{background:#f5f7f9;min-height:100vh}.public-job-header{height:64px;background:#fff;border-bottom:1px solid #e2e8ee}.public-job-nav{height:64px;display:flex;align-items:center;justify-content:space-between}.public-job-brand{font-size:20px;font-weight:700;color:#07539a}.public-job-brand span{color:#f7931d}.public-job-shell{width:min(920px,calc(100% - 32px));margin:0 auto;padding:34px 0 50px}.public-job-card{background:#fff;border:1px solid #e2e8ee;border-radius:12px;padding:26px}.public-job-eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;color:#07539a}.public-job-card h1{font-size:30px;line-height:1.15;margin:6px 0;color:#172331}.public-job-card h2{font-size:15px;font-weight:600;margin:0;color:#526579}.public-job-meta{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.public-job-meta span{font-size:11px;padding:5px 8px;border-radius:999px;background:#f0f4f7;color:#526579}.public-job-deadline{font-size:12px;color:#526579;margin:8px 0 18px}.public-job-card section{border-top:1px solid #edf1f4;padding-top:18px;margin-top:18px}.public-job-card section h3{font-size:16px;margin:0 0 9px}.public-job-card section p{font-size:13.5px;line-height:1.65;color:#405268}.public-job-cta{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:22px;padding:17px;border:1px solid #cfe0f2;border-left:4px solid #f7931d;border-radius:10px;background:#f8fbfe}.public-job-cta strong{font-size:14px}.public-job-cta p{font-size:12px;color:#64748b;margin:4px 0 0}.public-job-cta>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.public-employer-link{display:inline-block;margin-top:14px;font-size:11.5px;color:#07539a;text-decoration:none}@media(max-width:700px){.public-job-shell{padding-top:18px}.public-job-card{padding:18px}.public-job-card h1{font-size:24px}.public-job-cta{grid-template-columns:1fr}.public-job-cta .btn{width:100%}}


.public-job-logo{border:0;background:transparent;padding:0;display:flex;align-items:center;cursor:pointer}
.public-job-logo img{width:132px;height:auto;display:block;object-fit:contain}
@media(max-width:700px){.public-job-logo img{width:112px}}



.application-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.application-summary article{background:#fff;border:1px solid #e2e8ee;border-radius:10px;padding:14px 16px}.application-summary strong{display:block;font-size:22px;color:#07539a}.application-summary span{font-size:11px;color:#64748b}.application-filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.application-tracker-list{display:flex;flex-direction:column;gap:8px}.application-row{display:grid;grid-template-columns:minmax(220px,1fr) 100px 180px auto;gap:15px;align-items:center;background:#fff;border:1px solid #e2e8ee;border-radius:10px;padding:14px 16px}.application-role{display:flex;flex-direction:column}.application-role strong{font-size:13.5px}.application-role span{font-size:11.5px;color:#526579;margin-top:2px}.application-role small,.application-status small{font-size:10px;color:#8794a3;margin-top:3px}.application-fit strong{display:block;font-size:16px;color:#07539a}.application-fit span{font-size:9.5px;color:#8794a3}.application-status{display:flex;flex-direction:column}.application-status select{height:34px;border:1px solid #dce5eb;border-radius:7px;padding:0 8px;background:#fff;font-size:11px}.application-actions{display:flex;gap:6px;justify-content:flex-end}.application-actions .btn{white-space:nowrap}.application-empty{text-align:center;padding:34px!important}.application-empty p{font-size:12px;color:#64748b}.application-gate{margin-top:12px;padding:18px 20px;border:1px solid #cfe0f2;border-left:4px solid #07539a;border-radius:11px;background:#f8fbfe}.application-gate h3{font-size:17px;margin:4px 0}.application-gate p{font-size:12.5px;color:#64748b;max-width:720px}.application-gate-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
@media(max-width:900px){.application-row{grid-template-columns:1fr 100px}.application-actions{justify-content:flex-start}.application-summary{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.application-row{grid-template-columns:1fr}.application-summary{grid-template-columns:1fr 1fr}.application-actions{flex-direction:column}.application-actions .btn{width:100%}}



.pain-gain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pain-gain-grid article{border:1px solid var(--border);border-radius:12px;padding:22px;background:#fff}.pain-gain-grid article>span{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.pain-gain-grid h3{font-size:16px;margin:9px 0 7px}.pain-gain-grid p{font-size:12px;line-height:1.55;color:var(--muted);min-height:58px}.pain-gain-grid strong{display:block;border-top:1px solid var(--border);padding-top:12px;font-size:11.5px;color:var(--blue)}.four-steps{grid-template-columns:repeat(4,1fr)!important}.clarity-band{background:#f6f9fc}.clarity-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.clarity-inner>div{max-width:720px}.clarity-inner h2{font-size:28px;margin:0 0 8px}.clarity-inner p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.resource-grid-old{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.faq-list-old{max-width:900px}.faq-list-old details{border-bottom:1px solid var(--border)}.faq-list-old summary{cursor:pointer;list-style:none;padding:18px 0;font-size:13px;font-weight:700;display:flex;justify-content:space-between}.faq-list-old summary::-webkit-details-marker{display:none}.faq-list-old summary:after{content:'+';font-size:18px;font-weight:400;color:var(--muted)}.faq-list-old details[open] summary:after{content:'−'}.faq-list-old details p{font-size:12px;line-height:1.65;color:var(--muted);max-width:780px;margin:-2px 0 18px}
@media(max-width:900px){.pain-gain-grid,.resource-grid-old{grid-template-columns:1fr}.four-steps{grid-template-columns:1fr 1fr!important}.clarity-inner{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:600px){.four-steps{grid-template-columns:1fr!important}.pain-gain-grid p{min-height:0}}



/* Public header: protected logo area + non-overlapping nav */
.public-main-header{height:72px!important;padding:0!important;background:#fff;border-bottom:1px solid #e6ebef;position:sticky;top:0;z-index:1000}
.public-header-shell{width:min(1380px,calc(100% - 48px));height:100%;margin:0 auto;display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:24px}
.public-logo-btn{width:150px;min-width:150px;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;overflow:hidden}
.public-logo-btn img{display:block;width:126px!important;max-width:126px!important;height:auto!important;object-fit:contain}
.public-main-nav{display:flex;align-items:center;justify-content:center;gap:26px;min-width:0}
.public-main-nav button{border:0;background:transparent;padding:8px 0;color:#25394e;font-family:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}
.public-main-nav button:hover{color:#07539a}
.public-auth-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.public-auth-actions .btn{min-height:38px!important;padding:7px 13px!important;font-size:12.5px!important}

/* Homepage hierarchy */
.launch-hero{padding-top:66px!important;padding-bottom:58px!important;align-items:center!important}
.launch-hero h1{font-size:45px!important;line-height:1.08!important;letter-spacing:-.035em!important;max-width:660px}
.launch-hero-copy{font-size:15.5px!important;line-height:1.65!important;max-width:680px}
.launch-trust{margin-top:14px!important;gap:16px!important}
.launch-trust span{font-size:11px!important}
.launch-score-preview{max-width:430px;margin-left:auto}
.launch-section-title{max-width:720px;margin-bottom:28px!important}
.launch-section-title h2{font-size:28px!important;line-height:1.2!important;letter-spacing:-.02em!important}
.launch-section-title p{font-size:13px!important;line-height:1.65!important}
.launch-problem{padding-top:62px!important;padding-bottom:62px!important}
.launch-feature-grid{grid-template-columns:repeat(5,1fr)!important;gap:10px!important}
.launch-feature-grid .feature-card{padding:18px!important}
.launch-feature-grid .feature-card h3{font-size:14px!important}
.launch-feature-grid .feature-card p{font-size:11.5px!important;line-height:1.55!important}
.launch-steps article{padding-right:24px!important}
.application-home-section{background:#f7f9fb;padding:72px 0}
.application-home-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.application-home-grid>div:first-child>h2{font-size:29px;line-height:1.22;letter-spacing:-.02em;margin:7px 0 10px}
.application-home-grid>div:first-child>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:570px}
.application-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:19px 0 22px}
.application-flow span{font-size:10.5px;font-weight:700;padding:6px 9px;border:1px solid #dce5eb;border-radius:999px;background:#fff}
.application-flow b{font-size:11px;color:#96a2ad}
.application-home-preview{background:#fff;border:1px solid #dfe6eb;border-radius:12px;padding:10px 18px}
.application-preview-head{display:flex;justify-content:space-between;align-items:center;padding:10px 0 13px;border-bottom:1px solid #edf1f4}
.application-preview-head strong{font-size:13px}.application-preview-head span{font-size:10px;color:var(--muted)}
.application-home-preview article{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f4}
.application-home-preview article:last-child{border-bottom:0}
.application-home-preview article>div{display:flex;flex-direction:column;gap:3px}.application-home-preview article strong{font-size:12px}.application-home-preview article small{font-size:10px;color:var(--muted)}
.status-chip{font-size:9.5px;font-weight:700;padding:5px 8px;border-radius:999px;background:#edf6ff;color:#07539a}.status-chip.interview{background:#edf8ef;color:#198754}.status-chip.preparing{background:#fff3e9;color:#d66a0b}
.launch-final-cta h2{font-size:23px!important}.launch-final-cta p{max-width:720px}

/* Separate public pages */
.standalone-public-page{background:#fff;min-height:calc(100vh - 72px)}
.public-page-hero{padding-top:70px;padding-bottom:45px;border-bottom:1px solid #edf1f4}
.public-page-hero h1{font-size:38px;line-height:1.15;letter-spacing:-.03em;margin:8px 0 11px}
.public-page-hero p{font-size:14px;line-height:1.65;color:var(--muted);max-width:680px}
.resource-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.resource-page-grid .feature-card{min-height:220px}
.resource-page-grid .link-btn{margin-top:auto}
.faq-page-wrap{max-width:1000px}
.faq-page-list{max-width:900px}
.faq-page-list details{border-bottom:1px solid #e2e8ed}
.faq-page-list summary{cursor:pointer;list-style:none;padding:19px 0;font-size:13.5px;font-weight:700;display:flex;justify-content:space-between}
.faq-page-list summary::-webkit-details-marker{display:none}
.faq-page-list summary:after{content:'+';font-size:18px;font-weight:400;color:var(--muted)}
.faq-page-list details[open] summary:after{content:'−'}
.faq-page-list details p{font-size:12.5px;line-height:1.7;color:var(--muted);max-width:780px;margin:-2px 0 20px}

/* Prevent older public nav styles from interfering */
#publicHeader>.brand,#publicHeader>.public-nav{display:none!important}

/* Responsive */
@media(max-width:1180px){
 .public-header-shell{grid-template-columns:140px minmax(0,1fr) auto;gap:14px}
 .public-logo-btn{width:135px;min-width:135px}.public-logo-btn img{width:116px!important}
 .public-main-nav{gap:15px}.public-main-nav button{font-size:10.8px}
 .launch-feature-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:900px){
 .public-header-shell{grid-template-columns:130px 1fr auto}
 .public-main-nav button:nth-child(2),.public-main-nav button:nth-child(3),.public-main-nav button:nth-child(4){display:none}
 .application-home-grid{grid-template-columns:1fr;gap:28px}
 .resource-page-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .public-main-header{height:64px!important}
 .public-header-shell{width:calc(100% - 28px);grid-template-columns:105px 1fr auto;gap:8px}
 .public-logo-btn{width:105px;min-width:105px}.public-logo-btn img{width:98px!important}
 .public-main-nav{justify-content:flex-end;gap:12px}
 .public-main-nav button:not(:nth-last-child(-n+2)){display:none}
 .public-auth-actions .btn-ghost{display:none}
 .public-auth-actions .btn{padding:7px 10px!important}
 .launch-hero h1{font-size:34px!important}
 .launch-feature-grid{grid-template-columns:1fr!important}
 .public-page-hero{padding-top:42px}.public-page-hero h1{font-size:30px}
 .resource-page-grid{grid-template-columns:1fr}
}



/* Homepage typography — larger, clearer, desktop-first hierarchy */
.launch-home{font-size:16px}
.launch-hero h1{font-size:54px!important;line-height:1.06!important;letter-spacing:-.038em!important;margin-bottom:22px!important}
.launch-hero-copy{font-size:18px!important;line-height:1.62!important;max-width:720px!important}
.launch-home .eyebrow{font-size:12px!important;line-height:1.3!important;letter-spacing:.105em!important}
.launch-trust span{font-size:13px!important;line-height:1.4!important}
.launch-home .btn-lg{font-size:15px!important;min-height:48px!important;padding:11px 19px!important}

/* Section hierarchy */
.launch-section-title h2,
.application-home-grid>div:first-child>h2,
.clarity-inner h2{font-size:36px!important;line-height:1.15!important;letter-spacing:-.028em!important}
.launch-section-title p,
.application-home-grid>div:first-child>p,
.clarity-inner p{font-size:16px!important;line-height:1.65!important}
.launch-section-title{max-width:790px!important;margin-bottom:34px!important}

/* Pain / gain cards */
.pain-gain-grid article>span{font-size:10.5px!important}
.pain-gain-grid h3{font-size:19px!important;line-height:1.3!important}
.pain-gain-grid p{font-size:14px!important;line-height:1.6!important}
.pain-gain-grid strong{font-size:13px!important;line-height:1.5!important}

/* Feature cards */
.launch-feature-grid .feature-card h3{font-size:17px!important;line-height:1.3!important}
.launch-feature-grid .feature-card p{font-size:13.5px!important;line-height:1.6!important}
.launch-feature-grid .feature-card .icon{font-size:17px!important}

/* How it works */
.launch-steps article>span{font-size:12px!important}
.launch-steps article h3{font-size:18px!important;line-height:1.3!important}
.launch-steps article p{font-size:13.5px!important;line-height:1.6!important}

/* Application tracker homepage feature */
.application-home-grid>div:first-child>h2{font-size:36px!important}
.application-flow span{font-size:12px!important;padding:7px 10px!important}
.application-preview-head strong{font-size:15px!important}
.application-preview-head span{font-size:12px!important}
.application-home-preview article strong{font-size:14px!important}
.application-home-preview article small{font-size:12px!important}
.status-chip{font-size:11px!important}

/* Pricing */
.pricing-section .plan-card h3{font-size:18px!important}
.pricing-section .plan-price{font-size:25px!important}
.pricing-section .plan-price small{font-size:12px!important}
.pricing-section .plan-card>p{font-size:13px!important}
.pricing-section .plan-list li{font-size:13px!important;line-height:1.5!important}
.pricing-section .btn{font-size:13px!important}

/* Final CTA and contact */
.launch-final-cta h2{font-size:30px!important;line-height:1.2!important}
.launch-final-cta p{font-size:15px!important;line-height:1.6!important}
.launch-contact .section-title h2{font-size:27px!important}
.launch-contact .contact-strip a{font-size:14px!important}

/* Product preview typography */
.launch-score-preview .card-head span{font-size:11px!important}
.launch-score-preview .score-ring strong{font-size:30px!important}
.launch-score-preview .score-ring small{font-size:11px!important}
.launch-score-preview .bar-row span,
.launch-score-preview .bar-row b{font-size:12.5px!important}
.launch-score-preview .recommendation span{font-size:11px!important}
.launch-score-preview .recommendation strong{font-size:13px!important}

/* Public header should be readable without competing with hero */
.public-main-nav button{font-size:13px!important}
.public-auth-actions .btn{font-size:13px!important}

/* Separate Resources / FAQ pages */
.public-page-hero h1{font-size:44px!important}
.public-page-hero p{font-size:16px!important}
.resource-page-grid .feature-card h3{font-size:18px!important}
.resource-page-grid .feature-card p{font-size:14px!important;line-height:1.65!important}
.faq-page-list summary{font-size:16px!important}
.faq-page-list details p{font-size:14px!important;line-height:1.7!important}

/* Tablet */
@media(max-width:1100px){
 .launch-hero h1{font-size:47px!important}
 .launch-section-title h2,.application-home-grid>div:first-child>h2,.clarity-inner h2{font-size:32px!important}
 .public-main-nav button{font-size:12px!important}
}

/* Mobile */
@media(max-width:700px){
 .launch-hero h1{font-size:39px!important;line-height:1.08!important}
 .launch-hero-copy{font-size:16px!important}
 .launch-home .eyebrow{font-size:10.5px!important}
 .launch-section-title h2,.application-home-grid>div:first-child>h2,.clarity-inner h2{font-size:29px!important}
 .launch-section-title p,.application-home-grid>div:first-child>p,.clarity-inner p{font-size:15px!important}
 .pain-gain-grid h3{font-size:18px!important}
 .pain-gain-grid p,.launch-feature-grid .feature-card p,.launch-steps article p{font-size:14px!important}
 .public-page-hero h1{font-size:34px!important}
 .public-page-hero p{font-size:15px!important}
}



/* v11.40 — Public header typography, spacing, hover and active states */
.public-main-header{
  height:76px!important;
  padding:0!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #e6ebef!important;
  box-shadow:0 1px 0 rgba(16,34,56,.015)!important;
  backdrop-filter:saturate(140%) blur(8px);
}
.public-header-shell{
  width:min(1380px,calc(100% - 64px))!important;
  height:100%!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:168px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:30px!important;
}
.public-logo-btn{
  width:154px!important;
  min-width:154px!important;
  padding:0!important;
  overflow:visible!important;
}
.public-logo-btn img{
  width:132px!important;
  max-width:132px!important;
}
.public-main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-width:0!important;
}
.public-main-nav button{
  position:relative!important;
  border:0!important;
  background:transparent!important;
  min-height:40px!important;
  padding:9px 12px!important;
  border-radius:8px!important;
  color:#33475b!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:600!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:color .16s ease,background-color .16s ease!important;
}
.public-main-nav button::after{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:3px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#07539a!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .16s ease!important;
}
.public-main-nav button:hover{
  color:#07539a!important;
  background:#f4f8fb!important;
}
.public-main-nav button:hover::after{
  transform:scaleX(.45)!important;
}
.public-main-nav button.active{
  color:#07539a!important;
  background:#eef5fb!important;
  font-weight:700!important;
}
.public-main-nav button.active::after{
  transform:scaleX(1)!important;
}
.public-auth-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding-left:4px!important;
}
.public-auth-actions .btn{
  min-height:40px!important;
  padding:8px 14px!important;
  font-size:13.5px!important;
  border-radius:9px!important;
}
.public-auth-actions .btn-ghost{
  color:#33475b!important;
}
.public-auth-actions .btn-ghost:hover{
  background:#f4f8fb!important;
  color:#07539a!important;
}

/* Better separation between sticky header and first section */
.launch-hero,
.public-page-hero{
  scroll-margin-top:92px!important;
}
#features,#how-it-works,#pricing{
  scroll-margin-top:96px!important;
}

/* Responsive spacing */
@media(max-width:1180px){
  .public-header-shell{
    width:min(100% - 36px,1180px)!important;
    grid-template-columns:145px minmax(0,1fr) auto!important;
    gap:16px!important;
  }
  .public-logo-btn{width:140px!important;min-width:140px!important}
  .public-logo-btn img{width:118px!important}
  .public-main-nav{gap:4px!important}
  .public-main-nav button{font-size:12.5px!important;padding:9px 8px!important}
  .public-auth-actions .btn{font-size:12.5px!important;padding:8px 11px!important}
}
@media(max-width:900px){
  .public-main-header{height:70px!important}
  .public-header-shell{
    width:calc(100% - 28px)!important;
    grid-template-columns:120px 1fr auto!important;
    gap:10px!important;
  }
  .public-logo-btn{width:118px!important;min-width:118px!important}
  .public-logo-btn img{width:104px!important}
  .public-main-nav{justify-content:flex-end!important}
  .public-main-nav button{font-size:12px!important;padding:8px 7px!important}
}
@media(max-width:700px){
  .public-main-header{height:64px!important}
  .public-header-shell{
    width:calc(100% - 24px)!important;
    grid-template-columns:105px 1fr auto!important;
    gap:6px!important;
  }
  .public-logo-btn{width:102px!important;min-width:102px!important}
  .public-logo-btn img{width:92px!important}
  .public-main-nav button{
    font-size:12px!important;
    min-height:36px!important;
    padding:7px 8px!important;
  }
  .public-main-nav button:not([data-public-nav="resources"]):not([data-public-nav="faqs"]){
    display:none!important;
  }
  .public-auth-actions{gap:5px!important}
  .public-auth-actions .btn-ghost{display:none!important}
  .public-auth-actions .btn{min-height:36px!important;padding:7px 9px!important;font-size:12px!important}
}



/* Stronger public-page heading hierarchy */
.launch-hero h1{
  font-size:64px!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
  max-width:760px!important;
  margin:0 0 24px!important;
}
.launch-hero-copy{
  font-size:18px!important;
  line-height:1.65!important;
  max-width:720px!important;
}
.launch-section-title h2,
.application-home-grid>div:first-child>h2,
.clarity-inner h2{
  font-size:40px!important;
  line-height:1.12!important;
  letter-spacing:-.032em!important;
}
.public-page-hero h1{
  font-size:52px!important;
  line-height:1.08!important;
  letter-spacing:-.038em!important;
}
.launch-final-cta h2{font-size:34px!important}
.launch-contact .section-title h2{font-size:30px!important}

/* With labels removed, give the pain-point cards cleaner rhythm */
.pain-gain-grid h3{
  margin-top:0!important;
  font-size:20px!important;
}
.pain-gain-grid p{font-size:14.5px!important}
.pain-gain-grid strong{
  font-size:13.5px!important;
  color:var(--blue)!important;
}

@media(max-width:1100px){
  .launch-hero h1{font-size:56px!important}
  .launch-section-title h2,
  .application-home-grid>div:first-child>h2,
  .clarity-inner h2{font-size:36px!important}
  .public-page-hero h1{font-size:46px!important}
}
@media(max-width:700px){
  .launch-hero h1{
    font-size:42px!important;
    line-height:1.07!important;
    letter-spacing:-.035em!important;
  }
  .launch-section-title h2,
  .application-home-grid>div:first-child>h2,
  .clarity-inner h2{font-size:31px!important}
  .public-page-hero h1{font-size:36px!important}
}



/* Hero photo supplied for the Jobex homepage */
.launch-hero{grid-template-columns:minmax(0,1.02fr) minmax(390px,.78fr)!important;gap:58px!important}
.launch-hero-photo{
  width:100%;
  height:500px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #e1e7ec;
  box-shadow:0 18px 48px rgba(19,42,68,.09);
  background:#eef3f6;
}
.launch-hero-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:61% center;
}

/* Public homepage CTAs should feel primary, not utility-sized */
.launch-home .hero-actions{gap:13px!important;margin-top:29px!important}
.launch-home .hero-actions .btn-lg,
.launch-home .clarity-inner .btn-lg,
.launch-home .launch-final-cta .btn-lg{
  min-height:56px!important;
  padding:14px 25px!important;
  font-size:16px!important;
  font-weight:700!important;
  border-radius:10px!important;
}
.launch-home .hero-actions .btn-lg{min-width:176px!important}
.application-home-grid .btn-primary{
  min-height:48px!important;
  padding:11px 18px!important;
  font-size:14px!important;
  font-weight:700!important;
}
.launch-home .plan-card .btn{
  min-height:44px!important;
  padding:10px 15px!important;
  font-size:13.5px!important;
  font-weight:700!important;
}
.launch-final-cta .btn-accent{white-space:nowrap}

/* Keep hero proportionate at common breakpoints */
@media(max-width:1100px){
 .launch-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr)!important;gap:38px!important}
 .launch-hero-photo{height:450px}
}
@media(max-width:850px){
 .launch-hero{grid-template-columns:1fr!important;gap:32px!important}
 .launch-hero-photo{height:420px;max-width:680px}
}
@media(max-width:600px){
 .launch-hero-photo{height:330px;border-radius:14px}
 .launch-home .hero-actions{display:grid!important;grid-template-columns:1fr!important}
 .launch-home .hero-actions .btn-lg{width:100%!important;min-width:0!important}
}



.signup-onboarding{padding:18px!important;border:1px solid #dfe7ec!important;border-radius:12px!important;background:#fbfcfd!important;margin:4px 0 14px!important}
.onboarding-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.onboarding-top h3{font-size:18px!important;line-height:1.25!important;margin:4px 0!important;color:#172331!important}
.onboarding-top p{font-size:12px!important;line-height:1.5!important;color:#718096!important;margin:0!important}
.onboarding-progress-copy strong{font-size:11px!important;color:#07539a!important;white-space:nowrap}
.onboarding-progress{height:5px;background:#e9eef2;border-radius:999px;overflow:hidden;margin:13px 0 18px}
.onboarding-progress span{height:100%;display:block;width:16.66%;background:#07539a;border-radius:999px;transition:width .2s ease}
.onboarding-step{display:none}
.onboarding-step.active{display:block;animation:onboardingFade .18s ease}
@keyframes onboardingFade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.onboarding-question-number{display:block;font-size:9px!important;font-weight:800!important;letter-spacing:.08em;color:#f47b20;margin-bottom:5px}
.onboarding-step h4{font-size:17px!important;line-height:1.3!important;margin:0 0 3px!important;color:#18293a!important}
.onboarding-step>p{font-size:11.5px!important;color:#718096!important;margin:0 0 14px!important}
.choice-grid{display:flex;flex-wrap:wrap;gap:7px}
.choice-grid button{
  min-height:36px;border:1px solid #d8e2e8;border-radius:999px;background:#fff;color:#405268;
  padding:7px 11px;font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer;
  transition:border-color .14s ease,background-color .14s ease,color .14s ease,transform .14s ease
}
.choice-grid button:hover{border-color:#8eb5cf;color:#07539a;background:#f6fafe;transform:translateY(-1px)}
.choice-grid button.selected{border-color:#07539a;background:#eaf3fb;color:#07539a;box-shadow:inset 0 0 0 1px rgba(7,83,154,.08)}
.choice-grid button.selected:before{content:'✓';margin-right:5px;font-size:10px}
.onboarding-other{display:block!important;margin-top:14px!important;font-size:11.5px!important;font-weight:500!important;color:#526579!important}
.onboarding-other input{margin-top:6px!important;height:40px!important;font-size:12.5px!important}
.onboarding-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e7ecef}
.onboarding-nav .btn{min-width:94px!important}
.onboarding-summary{margin-top:16px;border:1px solid #e2e8ee;border-radius:9px;background:#fff;padding:12px}
.onboarding-summary>strong{font-size:12px!important;display:block;margin-bottom:7px;color:#172331}
.onboarding-summary>div{display:grid;grid-template-columns:88px 1fr;gap:8px;padding:5px 0;border-top:1px solid #f0f3f5}
.onboarding-summary>div:first-of-type{border-top:0}
.onboarding-summary span{font-size:10px;color:#82909d}
.onboarding-summary p{font-size:10.5px!important;color:#405268!important;margin:0!important;line-height:1.45!important}
@media(max-width:600px){
 .signup-onboarding{padding:15px!important}
 .onboarding-top h3{font-size:17px!important}
 .choice-grid{gap:6px}
 .choice-grid button{font-size:11px;padding:7px 10px}
 .onboarding-summary>div{grid-template-columns:1fr;gap:2px}
 .onboarding-nav .btn{flex:1}
}



.signup-after-verify-note{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid #dce8f0;border-radius:9px;background:#f8fbfe;margin:3px 0 12px}
.signup-after-verify-note strong{font-size:12px;color:#07539a}
.signup-after-verify-note span{font-size:10.5px;line-height:1.5;color:#718096}

.onboarding-view{min-height:100vh;background:#f5f7f9}
.onboarding-shell{min-height:100vh}
.onboarding-header{height:72px;background:#fff;border-bottom:1px solid #e3e9ee;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1160px)/2))}
.onboarding-brand-wrap{display:flex;align-items:center;gap:13px}
.onboarding-wordmark{font-size:19px;font-weight:800;color:#07539a}.onboarding-wordmark span{color:#f47b20}
.onboarding-brand-wrap>span{font-size:11px;color:#82909d;padding-left:13px;border-left:1px solid #dfe6eb}
.onboarding-signout{border:0;background:transparent;color:#526579;font-size:12px;font-weight:600;cursor:pointer;padding:8px}
.onboarding-signout:hover{color:#07539a}

.onboarding-main{width:min(820px,calc(100% - 32px));margin:0 auto;padding:54px 0 70px}
.onboarding-intro{text-align:center;max-width:680px;margin:0 auto 28px}
.onboarding-intro h1{font-size:38px;line-height:1.12;letter-spacing:-.035em;margin:7px 0 10px;color:#172331}
.onboarding-intro p{font-size:14px;line-height:1.65;color:#64748b;margin:0}
.standalone-onboarding-card{background:#fff!important;padding:28px!important;border-radius:14px!important;box-shadow:0 12px 34px rgba(19,46,76,.055)!important}
.standalone-onboarding-card .onboarding-top h3{font-size:21px!important}
.standalone-onboarding-card .onboarding-step h4{font-size:20px!important;margin-top:0!important}
.standalone-onboarding-card .onboarding-step>p{font-size:13px!important}
.standalone-onboarding-card .choice-grid{gap:9px!important}
.standalone-onboarding-card .choice-grid button{min-height:41px!important;padding:9px 14px!important;font-size:12.5px!important}
.standalone-onboarding-card .onboarding-other{font-size:12.5px!important}
.standalone-onboarding-card .onboarding-other input{height:44px!important;font-size:13.5px!important}
.standalone-onboarding-card .onboarding-nav{margin-top:24px!important;padding-top:18px!important}
.standalone-onboarding-card .onboarding-nav .btn{min-height:44px!important;min-width:112px!important;font-size:13px!important}
.onboarding-footnote{text-align:center;font-size:11px;line-height:1.55;color:#82909d;max-width:650px;margin:18px auto 0}

@media(max-width:700px){
 .onboarding-header{height:64px;padding:0 16px}
 .onboarding-main{padding:34px 0 50px}
 .onboarding-intro{text-align:left}
 .onboarding-intro h1{font-size:31px}
 .standalone-onboarding-card{padding:19px!important}
 .standalone-onboarding-card .onboarding-step h4{font-size:18px!important}
 .standalone-onboarding-card .choice-grid button{font-size:11.5px!important;padding:8px 11px!important}
}



.service-checkout-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:2px 0 18px}
.service-checkout-steps span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#82909d;padding:9px 10px;border-bottom:2px solid #e3e9ed}
.service-checkout-steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef2f5;color:#64748b;font-size:10px}
.service-checkout-steps span.active{color:#07539a;border-color:#07539a}.service-checkout-steps span.active b{background:#07539a;color:#fff}
.service-checkout-steps span.complete{color:#357153;border-color:#b9dbc7}.service-checkout-steps span.complete b{background:#e8f6ed;color:#278154}

.service-checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:15px;align-items:start}
.service-checkout-stage{display:none}.service-checkout-stage.active{display:block}
.service-stage-head{margin:2px 0 14px}.service-stage-head h2{font-size:20px!important;margin:4px 0 4px!important}.service-stage-head p{font-size:12.5px!important;color:#718096!important;margin:0!important}
.service-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.service-select-grid .service-card{position:relative;padding:15px!important;transition:border-color .16s,background .16s}
.service-select-grid .service-card.selected{border-color:#8eb9d8!important;background:#f8fbfe!important;box-shadow:inset 0 0 0 1px rgba(7,83,154,.04)!important}
.service-select-head{display:flex;align-items:flex-start;gap:9px}.service-select-head h3{margin:2px 0 0!important}
.service-check{display:none;width:22px;height:22px;border-radius:50%;background:#07539a;color:#fff;place-items:center;font-size:10px;flex:none}.service-card.selected .service-check{display:grid}
.service-select-grid .service-card strong{font-size:16px!important;display:block;margin:8px 0}.service-select-grid .service-card strong small{font-size:10px;font-weight:500;color:#718096}
.service-select-grid .service-card .btn{min-height:35px!important;font-size:11.5px!important}
.quote-note{display:block;font-size:9.5px!important;color:#936112!important;margin-top:6px}
.service-stage-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.service-stage-actions .btn{min-height:40px!important}
.service-details-form{margin:0!important;padding:18px!important}

.service-order-summary{position:sticky;top:82px;padding:14px!important}
.service-summary-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #edf1f4}.service-summary-head h3{font-size:14px!important;margin:2px 0 0!important}.service-summary-head>span{min-width:26px;height:26px;border-radius:999px;background:#eaf3fb;color:#07539a;display:grid;place-items:center;font-size:10px;font-weight:700}
.service-cart-items{padding:5px 0}.service-cart-row{display:grid;grid-template-columns:1fr 24px;gap:7px;align-items:start;padding:9px 0;border-bottom:1px solid #edf1f4}.service-cart-row:last-child{border-bottom:0}.service-cart-row div{display:flex;flex-direction:column;gap:2px}.service-cart-row strong{font-size:11.5px}.service-cart-row span{font-size:10px;color:#718096}.service-cart-row button{border:0;background:transparent;color:#9a5b5b;font-size:17px;cursor:pointer}
.service-summary-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dfe6eb;padding-top:11px;margin-top:4px}.service-summary-total span{font-size:11px;color:#64748b}.service-summary-total strong{font-size:18px;color:#07539a}
.service-quote-notice{font-size:10px;line-height:1.5;color:#895d18;background:#fff7e8;border:1px solid #f3dfb5;padding:8px;border-radius:7px;margin-top:9px}

.service-invoice{padding:0!important;overflow:hidden}
.invoice-header{display:flex;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid #e5eaee}.invoice-header h3{font-size:19px!important;margin:3px 0!important}.invoice-header p{font-size:10.5px!important;color:#718096!important;margin:0!important}
.invoice-meta{display:grid;grid-template-columns:auto auto;gap:3px 10px;text-align:right;align-content:start}.invoice-meta span{font-size:9.5px;color:#8794a3}.invoice-meta strong{font-size:10.5px}.invoice-status{font-size:9px;color:#9a6400;background:#fff4dc;border-radius:999px;padding:3px 7px}
.invoice-customer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px 20px;background:#fbfcfd;border-bottom:1px solid #edf1f4}.invoice-customer div{display:flex;flex-direction:column;gap:2px}.invoice-customer span{font-size:9.5px;color:#8794a3}.invoice-customer strong{font-size:11.5px}.invoice-customer p{font-size:10.5px!important;color:#64748b!important;margin:0!important}
.invoice-lines{padding:8px 20px}.invoice-line{display:grid;grid-template-columns:1fr 150px;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f4;font-size:11.5px}.invoice-line strong{text-align:right}.invoice-heading{font-size:9.5px;color:#82909d;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.invoice-total{padding:12px 20px 17px;margin-left:auto;width:min(420px,100%)}.invoice-total>div{display:flex;justify-content:space-between;gap:14px;padding:5px 0}.invoice-total span{font-size:10.5px;color:#64748b}.invoice-total>div>strong{font-size:12px}.invoice-total p{font-size:9.5px!important;line-height:1.5!important;color:#895d18!important;background:#fff8e9;padding:7px;border-radius:6px}.invoice-grand{border-top:1px solid #cfd9e0;margin-top:6px;padding-top:10px!important}.invoice-grand span{font-size:12px!important;color:#18293a!important;font-weight:600}.invoice-grand strong{font-size:19px!important;color:#07539a}
.invoice-note{padding:11px 20px;border-top:1px solid #edf1f4;background:#fbfcfd}.invoice-note strong{font-size:10px}.invoice-note p{font-size:9.5px!important;margin:2px 0 0!important;color:#718096!important}

.service-payment-card{padding:22px!important;text-align:center}.service-payment-card h2{font-size:22px!important;margin:5px 0}.service-payment-card>p{font-size:12.5px!important;color:#64748b!important;max-width:570px;margin:0 auto 16px!important}.service-payment-total{max-width:340px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f7f9fb;border-radius:9px}.service-payment-total span{font-size:11px;color:#64748b}.service-payment-total strong{font-size:20px;color:#07539a}.service-payment-card .btn-lg{min-height:48px!important;font-size:14px!important;padding:10px 20px!important}.service-payment-card>small{display:block;max-width:540px;margin:13px auto 0;font-size:9.5px!important;color:#82909d!important;line-height:1.5}
.service-history-title{margin-top:24px!important}

@media(max-width:1000px){.service-checkout-layout{grid-template-columns:1fr}.service-order-summary{position:static;order:-1}.service-select-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){.service-checkout-steps{grid-template-columns:1fr 1fr}.service-select-grid{grid-template-columns:1fr!important}.invoice-header,.invoice-customer{grid-template-columns:1fr;display:grid}.invoice-meta{text-align:left}.invoice-line{grid-template-columns:1fr auto}.service-stage-actions{align-items:stretch;flex-direction:column-reverse}.service-stage-actions .btn{width:100%}}



/* v11.47 — OpenAI Sans typography system.
   Uses OpenAI Sans when available on the device; system sans-serif is the safe fallback.
   No font files are bundled or redistributed. */
:root{
  --jobex-font:"OpenAI Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html,body,button,input,select,textarea{
  font-family:var(--jobex-font)!important;
}
body{
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.5!important;
}
p,.body-copy,.muted,.helper-text,.launch-hero-copy{
  font-size:16px!important;
  font-weight:400!important;
  line-height:24px!important;
}
input,textarea,select{
  font-size:16px!important;
  font-weight:400!important;
  line-height:24px!important;
}
.public-main-nav button,.sidebar button,.sidebar a,.nav-item,.side-nav button{
  font-size:14px!important;
  font-weight:500!important;
  line-height:20px!important;
}
button,.btn{
  font-family:var(--jobex-font)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:20px!important;
}
.eyebrow,small,.small,.optional,.meta,.metadata,.onboarding-question-number,
.invoice-meta span,.invoice-heading,.quote-note,.onboarding-footnote{
  font-family:var(--jobex-font)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:16px!important;
}
label,.field-label,.card-label{
  font-family:var(--jobex-font)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:20px!important;
}

/* Product/application headings */
.page-head h1,.onboarding-intro h1{
  font-size:24px!important;
  font-weight:600!important;
  line-height:32px!important;
  letter-spacing:-.02em!important;
}
.panel h2,.subhead,.service-stage-head h2,.service-payment-card h2,
.standalone-onboarding-card .onboarding-step h4{
  font-size:20px!important;
  font-weight:600!important;
  line-height:26px!important;
  letter-spacing:-.01em!important;
}
.card h3,.service-card h3,.service-summary-head h3{
  font-size:18px!important;
  font-weight:600!important;
  line-height:26px!important;
}
strong,b{
  font-weight:600!important;
}

/* Marketing homepage retains intentional display hierarchy while using OpenAI Sans */
.launch-hero h1{
  font-family:var(--jobex-font)!important;
  font-weight:600!important;
}
.launch-section-title h2,
.application-home-grid>div:first-child>h2,
.clarity-inner h2,
.public-page-hero h1,
.launch-final-cta h2{
  font-family:var(--jobex-font)!important;
  font-weight:600!important;
}

/* Restore compact metadata inside dense product UI where 16px body would create clutter */
.service-select-grid .service-card p,
.service-stage-head p,
.onboarding-top p,
.onboarding-step>p,
.onboarding-summary p,
.service-cart-row span,
.invoice-customer p,
.invoice-note p,
.service-payment-card>p{
  font-size:14px!important;
  font-weight:400!important;
  line-height:20px!important;
}
.service-cart-row strong,.invoice-line{
  font-size:14px!important;
  line-height:20px!important;
}



.header-account{display:flex;align-items:center;gap:10px;position:relative}.header-popover-wrap{position:relative}
.header-alert{width:40px;height:40px;border:1px solid #dde5ea;border-radius:10px;background:#fff;display:grid;place-items:center;position:relative;cursor:pointer;color:#42566b}
.header-alert:hover,.header-alert[aria-expanded="true"]{background:#f3f8fc;border-color:#bfd4e3;color:#07539a}
.header-alert svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f47b20;color:#fff;font-size:10px!important;line-height:18px!important;font-weight:600!important;border:2px solid #fff}.notification-badge.hidden{display:none}
.account-trigger{border:0;background:transparent;display:grid;grid-template-columns:38px auto 20px;align-items:center;gap:9px;padding:4px 7px 4px 4px;border-radius:11px;cursor:pointer;text-align:left}.account-trigger:hover,.account-trigger[aria-expanded="true"]{background:#f4f7f9}
.account-summary{display:flex;flex-direction:column;min-width:110px}.account-name{font-size:14px;font-weight:500;line-height:19px;color:#26394d}.account-plan{font-size:12px;line-height:16px;color:#718096}.account-chevron{font-size:15px;color:#82909d;transition:transform .15s}.account-trigger[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
.header-popover{position:absolute;right:0;top:calc(100% + 9px);z-index:200;width:360px;background:#fff;border:1px solid #dde5ea;border-radius:13px;box-shadow:0 18px 42px rgba(18,39,61,.14);overflow:hidden}.header-popover[hidden]{display:none!important}
.notification-popover{width:390px}.popover-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:15px 16px;border-bottom:1px solid #edf1f4}.popover-head>div{display:flex;flex-direction:column}.popover-head strong{font-size:15px;line-height:20px}.popover-head span{font-size:12px;line-height:16px;color:#82909d;margin-top:2px}.popover-head button{border:0;background:transparent;color:#07539a;font-size:12px;font-weight:500;cursor:pointer;padding:2px}
.notification-list{max-height:390px;overflow:auto}.notification-item{width:100%;display:grid;grid-template-columns:10px 1fr 12px;gap:10px;align-items:start;text-align:left;padding:13px 16px;border:0;border-bottom:1px solid #f0f3f5;background:#fff;cursor:pointer}.notification-item:hover{background:#f8fafc}.notification-item.read{opacity:.72}.notification-item>div{min-width:0}.notification-item strong{display:block;font-size:13.5px;line-height:19px}.notification-item p{font-size:12.5px!important;line-height:18px!important;color:#64748b!important;margin:3px 0 0!important}.notification-item>b{font-size:17px;color:#9aa6b2}.notification-dot{width:8px;height:8px;border-radius:50%;background:#07539a;margin-top:5px}.notification-dot.service{background:#f47b20}.notification-dot.jobs{background:#24875b}.notification-dot.quiet{background:#a8b2bb}
.popover-footer{width:100%;border:0;background:#fafcfd;color:#07539a;font-size:12.5px;font-weight:500;padding:11px;cursor:pointer}.popover-footer:hover{background:#f2f7fb}
.account-popover{width:310px}.account-popover-user{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:15px;border-bottom:1px solid #edf1f4}.avatar.small{width:36px;height:36px;font-size:12px}.account-popover-user>div:last-child{display:flex;flex-direction:column;min-width:0}.account-popover-user strong{font-size:13.5px;line-height:19px}.account-popover-user span{font-size:11.5px;line-height:16px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-popover-links{padding:6px}.account-popover-links button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:25px 1fr;gap:8px;text-align:left;align-items:start;padding:10px;border-radius:8px;cursor:pointer;color:#33475b}.account-popover-links button:hover{background:#f4f8fb;color:#07539a}.account-popover-links button>span{font-size:15px;padding-top:2px}.account-popover-links button>div{display:flex;flex-direction:column}.account-popover-links strong{font-size:13px;line-height:18px}.account-popover-links small{font-size:11px!important;line-height:16px!important;color:#82909d!important;margin-top:1px}
.account-popover-footer{border-top:1px solid #edf1f4;padding:6px}.account-popover-footer button{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:8px;color:#a23d3d;font-size:13px;font-weight:500;cursor:pointer}.account-popover-footer button:hover{background:#fff5f5}
@media(max-width:760px){.account-summary{display:none}.account-trigger{grid-template-columns:38px 16px;gap:4px}.header-popover{position:fixed;right:12px;left:12px;top:72px;width:auto!important}.notification-popover{max-height:calc(100vh - 90px)}}



.security-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:16px;align-items:start}
.security-card-head{margin-bottom:18px}.security-card-head h2{margin:4px 0!important}.security-card-head p,.security-info-card p{font-size:14px!important;line-height:20px!important;color:#64748b!important}
.password-field{position:relative}.password-field input{padding-right:62px!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#07539a;font-size:12px!important;font-weight:500!important;cursor:pointer;padding:5px}
.password-strength{display:flex;align-items:center;gap:10px;margin:-3px 0 12px}.password-strength-track{height:5px;background:#e8edf1;border-radius:99px;overflow:hidden;flex:1}.password-strength-track span{display:block;height:100%;width:0;background:currentColor;color:#07539a;transition:width .18s}.password-strength>span{font-size:12px;line-height:16px;color:#718096;min-width:150px}
.security-side{display:flex;flex-direction:column;gap:12px}.security-info-card{padding:17px!important}.security-info-card h3{margin:4px 0 6px!important}.security-info-card .btn{margin-top:8px;width:100%}
@media(max-width:850px){.security-grid{grid-template-columns:1fr}.password-strength{align-items:flex-start;flex-direction:column}.password-strength-track{width:100%;flex:none}.password-strength>span{min-width:0}}



.security-overview{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:20px!important;margin-bottom:16px}
.security-overview-copy{max-width:650px}.security-overview-copy h2{font-size:20px!important;margin:4px 0!important}.security-overview-copy p{font-size:14px!important;line-height:20px!important;color:#64748b!important;margin:0!important}
.security-status-list{min-width:260px}.security-status-list>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid #edf1f4}.security-status-list>div:last-child{border-bottom:0}.security-status-list span{font-size:12px;color:#64748b}.security-status-list strong{font-size:12px}
.security-status.on,.mfa-pill.on{color:#21744a}.security-status.off,.mfa-pill.off{color:#8a5b1d}
.security-column{display:flex;flex-direction:column;gap:16px}.two-factor-card{padding:20px!important}.two-factor-card .security-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.mfa-pill{font-size:11px!important;line-height:16px!important;font-weight:600!important;padding:5px 9px;border-radius:999px;background:#fff3dd;white-space:nowrap}.mfa-pill.on{background:#e9f6ee}
.security-benefits{display:flex;flex-direction:column;gap:7px;margin:12px 0 16px}.security-benefits>div{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start}.security-benefits>div>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e9f6ee;color:#21744a;font-size:10px}.security-benefits p{font-size:13px!important;line-height:19px!important;color:#526579!important;margin:0!important}
.mfa-setup-flow{margin-top:8px;padding-top:17px;border-top:1px solid #e8edf1}.mfa-setup-grid{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:start}.mfa-qr-wrap{background:#fff;border:1px solid #e0e7ec;border-radius:10px;padding:12px}.mfa-qr-code{width:184px;height:184px;display:grid;place-items:center;overflow:hidden}.mfa-qr-code img,.mfa-qr-code svg{width:100%;height:100%;display:block}.mfa-setup-grid h3{font-size:15px!important;margin:2px 0 5px!important}.mfa-setup-grid p{font-size:13px!important;line-height:19px!important;color:#64748b!important;margin:0 0 10px!important}
.mfa-secret-row{display:flex;flex-direction:column;gap:4px;margin:9px 0 17px}.mfa-secret-row span{font-size:11px;color:#82909d}.mfa-secret-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:18px;padding:8px 10px;background:#f5f7f9;border-radius:7px;word-break:break-all;color:#33475b}
.mfa-code-row{display:flex;gap:8px;align-items:center}.mfa-code-row input{max-width:150px!important;text-align:center;font-size:20px!important;letter-spacing:.14em!important}.mfa-code-row .btn{white-space:nowrap}.mfa-enabled-box{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px;border:1px solid #cfe5d7;background:#f4fbf6;border-radius:9px}.mfa-enabled-box strong{font-size:14px}.mfa-enabled-box p{font-size:12.5px!important;line-height:18px!important;color:#567162!important;margin:3px 0 0!important}
@media(max-width:900px){.security-overview{align-items:flex-start;flex-direction:column}.security-status-list{width:100%;min-width:0}.mfa-setup-grid{grid-template-columns:1fr}.mfa-qr-wrap{width:210px}.two-factor-card .security-card-head{flex-direction:column;gap:8px}}
@media(max-width:600px){.mfa-code-row{align-items:stretch;flex-direction:column}.mfa-code-row input{max-width:none!important}.mfa-enabled-box{align-items:flex-start;flex-direction:column}}



/* Platform-wide feedback standard */
#toast{
 position:fixed!important;top:auto!important;left:auto!important;right:24px!important;bottom:24px!important;
 z-index:999999!important;width:min(390px,calc(100vw - 32px))!important;
 padding:13px 44px 13px 42px!important;border-radius:10px!important;
 background:#fff!important;color:#26394d!important;border:1px solid #dfe6eb!important;border-left:1px solid #dfe6eb!important;
 box-shadow:0 12px 34px rgba(20,42,62,.16)!important;font-size:14px!important;line-height:20px!important;font-weight:400!important;
 opacity:0;pointer-events:none;transform:translateY(12px)!important;transition:opacity .18s ease,transform .18s ease!important
}
#toast:before{content:"i";position:absolute;left:14px;top:13px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e9f2f8;color:#07539a;font-size:11px;font-weight:600}
#toast.toast-success:before{content:"✓";background:#e8f5ed;color:#21744a}
#toast.toast-error:before{content:"!";background:#fbeaea;color:#a33a3a}
#toast.show{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}
#toast .toast-close{position:absolute!important;top:9px!important;right:9px!important;width:28px!important;height:28px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#718096!important;font-size:17px!important;line-height:28px!important;cursor:pointer!important;font-weight:400!important}
#toast .toast-close:hover{background:#f2f5f7!important;color:#33475b!important}

.ux-modal-backdrop{position:fixed;inset:0;z-index:1000000;background:rgba(18,31,43,.42);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .15s ease;backdrop-filter:blur(2px)}
.ux-modal-backdrop[hidden]{display:none!important}.ux-modal-backdrop.open{opacity:1}
.ux-modal{position:relative;width:min(430px,100%);background:#fff;border:1px solid #e1e7eb;border-radius:14px;padding:24px;box-shadow:0 24px 70px rgba(16,35,52,.22);transform:translateY(8px) scale(.99);transition:transform .15s ease;text-align:left}
.ux-modal-backdrop.open .ux-modal{transform:translateY(0) scale(1)}
.ux-modal-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff1e5;color:#b35d17;font-size:15px;font-weight:600;margin-bottom:14px}
.ux-modal h2{font-size:18px!important;line-height:25px!important;margin:0 32px 6px 0!important;font-weight:600!important}.ux-modal p{font-size:14px!important;line-height:21px!important;color:#64748b!important;margin:0!important}
.ux-modal-x{position:absolute;right:13px;top:12px;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#718096;font-size:20px;cursor:pointer}.ux-modal-x:hover{background:#f3f6f8}
.ux-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.ux-modal-actions .btn{min-width:92px}.ux-modal-actions .ux-danger{background:#a63b3b!important;border-color:#a63b3b!important;color:#fff!important}.ux-input-label{display:block;margin-top:18px;margin-bottom:6px;font-size:13px;font-weight:500;color:#344054}.ux-input-field{width:100%;height:44px;border:1px solid #d0d5dd;border-radius:8px;padding:0 12px;font:inherit;font-size:14px;color:#101828;background:#fff;outline:none}.ux-input-field:focus{border-color:#155eef;box-shadow:0 0 0 3px rgba(21,94,239,.10)}.ux-input-error{margin-top:6px;font-size:12px;color:#b42318}

/* All asynchronous actions should visibly lock while processing */
button:disabled,.btn:disabled{cursor:not-allowed!important;opacity:.58!important;pointer-events:none!important}
input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid rgba(7,83,154,.22)!important;outline-offset:2px!important}

/* Forms keep validation and feedback near the action rather than moving viewport */
form:has(input:invalid) button[type="submit"]:focus-visible{outline-color:rgba(166,59,59,.28)!important}

@media(max-width:640px){
 #toast{left:16px!important;right:16px!important;bottom:16px!important;top:auto!important;width:auto!important}
 .ux-modal-backdrop{align-items:end;padding:12px}.ux-modal{width:100%;border-radius:14px;padding:20px}.ux-modal-actions{flex-direction:column-reverse}.ux-modal-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){#toast,.ux-modal-backdrop,.ux-modal{transition:none!important}}



.match-journey{display:flex;flex-direction:column;gap:14px}.match-step-card{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:20px!important}.match-step-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf3fa;color:#07539a;font-size:13px;font-weight:600}.match-step-content{min-width:0}.match-step-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.match-step-head h2{font-size:18px!important;line-height:25px!important;margin:0 0 2px!important}.match-step-head p,.match-ready p{font-size:13px!important;line-height:19px!important;color:#64748b!important;margin:0!important}
.match-source-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px!important;padding:4px;background:#f3f6f8;border-radius:10px;margin-bottom:15px}.match-source-tabs .jd-mode{border:0!important;border-radius:7px!important;background:transparent!important;padding:9px 10px!important;font-size:12.5px!important;color:#526579!important}.match-source-tabs .jd-mode.active{background:#fff!important;color:#07539a!important;box-shadow:0 1px 4px rgba(18,45,65,.1)!important}
.compact-upload{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px dashed #b8c8d4;border-radius:9px;padding:11px 12px;background:#fbfdfe;cursor:pointer;margin-top:10px}.compact-upload:hover{border-color:#7fa8c3;background:#f7fbfd}.compact-upload-icon,.cv-upload-icon{width:32px;height:32px;border-radius:8px;background:#eaf3fa;color:#07539a;display:grid;place-items:center;font-size:17px}.compact-upload>span:nth-child(3),.compact-upload span:nth-child(2){display:flex;flex-direction:column}.compact-upload strong{font-size:13px}.compact-upload small{font-size:11.5px!important;color:#718096!important}.compact-upload>b{font-size:12px;color:#07539a}
.jd-pane{display:none}.jd-pane.active{display:block}.field-help{display:block;font-size:11.5px!important;line-height:17px!important;color:#718096!important;margin-top:5px}.job-url-row{display:grid;grid-template-columns:1fr auto;gap:8px}.match-inline-status{display:flex;flex-direction:column;gap:2px;margin-top:9px;padding:9px 11px;border-radius:8px;background:#f4f7f9;font-size:12px;line-height:17px}.match-inline-status.success{background:#eef8f2;color:#246b47}.match-inline-status.error{background:#fff1f1;color:#983c3c}.match-job-fields{margin-top:15px;padding-top:14px;border-top:1px solid #edf1f4}.match-ready{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px!important}.match-ready h3{font-size:16px!important;margin:3px 0!important}
.cv-library-upload{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:15px 17px!important;margin-bottom:14px;cursor:pointer;border-style:dashed!important;background:#fbfdfe!important}.cv-library-upload:hover{border-color:#91aec1!important;background:#f8fbfd!important}.cv-upload-icon{width:40px;height:40px}.cv-upload-copy{display:flex;flex-direction:column}.cv-upload-copy strong{font-size:14px}.cv-upload-copy small{font-size:12px!important;color:#718096!important;margin-top:2px}.upload-feedback{padding:9px 12px;border-radius:8px;background:#f3f6f8;font-size:12.5px;margin:-5px 0 12px}.upload-feedback.success{background:#eef8f2;color:#246b47}.upload-feedback.error{background:#fff1f1;color:#983c3c}
.form-inline-error{margin:8px 0 10px;padding:9px 11px;border-radius:8px;background:#fff0f0;border:1px solid #f1cccc;color:#8f3434;font-size:12.5px;line-height:18px}.field-error{border-color:#cf6868!important;box-shadow:0 0 0 2px rgba(180,61,61,.08)!important}
.actionable-row{cursor:pointer;transition:background .12s}.actionable-row:hover{background:#f7fafc!important}.table-open,.row-chevron{border:0;background:transparent;color:#07539a;font-size:12px;font-weight:500}.row-chevron{float:right;font-size:17px}.actionable-row td strong:first-child{color:#23384c}
.record-modal-backdrop{position:fixed;inset:0;z-index:1000001;background:rgba(18,31,43,.42);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .15s;backdrop-filter:blur(2px)}.record-modal-backdrop[hidden]{display:none!important}.record-modal-backdrop.open{opacity:1}.record-modal{width:min(650px,100%);max-height:min(760px,90vh);overflow:auto;background:#fff;border-radius:14px;border:1px solid #e0e7eb;box-shadow:0 24px 70px rgba(16,35,52,.22)}.record-modal-head{display:flex;justify-content:space-between;gap:20px;padding:20px 22px 14px;border-bottom:1px solid #edf1f4}.record-modal-head h2{font-size:20px!important;margin:3px 0 0!important}.record-modal-head button{width:32px;height:32px;border:0;background:transparent;border-radius:7px;font-size:20px;color:#718096;cursor:pointer}.record-modal-head button:hover{background:#f3f6f8}.record-modal-body{padding:20px 22px}.record-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 22px;border-top:1px solid #edf1f4;background:#fafcfd}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e7ecef;border:1px solid #e7ecef;border-radius:9px;overflow:hidden}.detail-grid>div{background:#fff;padding:11px 12px;display:flex;flex-direction:column;gap:2px}.detail-grid span{font-size:11px;color:#718096}.detail-grid strong{font-size:13px;line-height:18px;font-weight:500}.receipt-note,.record-description{margin-top:14px;padding:12px;border-radius:8px;background:#f6f8fa;color:#64748b;font-size:12px;line-height:18px}.record-description{white-space:pre-wrap;max-height:260px;overflow:auto}
@media(max-width:700px){.match-source-tabs{grid-template-columns:1fr}.match-ready{align-items:stretch;flex-direction:column}.match-ready .btn{width:100%}.job-url-row{grid-template-columns:1fr}.cv-library-upload{grid-template-columns:38px 1fr}.cv-library-upload .btn{grid-column:1/-1;width:100%}.detail-grid{grid-template-columns:1fr}.record-modal-backdrop{align-items:end;padding:10px}.record-modal{max-height:88vh}.record-modal-actions{flex-direction:column-reverse}.record-modal-actions .btn{width:100%}}
@media print{body>*:not(#app):not(.record-modal-backdrop){display:none!important}.record-modal-backdrop{position:static!important;background:none!important;display:block!important;opacity:1!important}.record-modal{box-shadow:none!important;border:0!important;width:100%!important;max-height:none!important}.record-modal-head button,.record-modal-actions{display:none!important}}



.jobs-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.jobs-page-head h1{font-size:24px!important;line-height:32px!important;margin:0 0 3px!important}.jobs-page-head p{font-size:14px!important;line-height:20px!important;color:#64748b!important;margin:0!important}
.jobs-profile-nudge{display:grid;grid-template-columns:44px minmax(0,1fr) 130px auto;align-items:center;gap:13px;padding:11px 14px;margin-bottom:12px;border:1px solid #dfe8ee;border-radius:10px;background:#f9fcfe}.jobs-profile-ring{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f2f8;color:#07539a}.jobs-profile-ring strong{font-size:12px}.jobs-profile-copy strong{display:block;font-size:13px}.jobs-profile-copy p{font-size:11.5px!important;line-height:16px!important;color:#718096!important;margin:2px 0 0!important}.jobs-profile-progress{height:5px;border-radius:99px;background:#e2e9ee;overflow:hidden}.jobs-profile-progress span{display:block;height:100%;background:#07539a;border-radius:99px}.jobs-profile-nudge>button{border:0;background:transparent;color:#07539a;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}
.jobs-discovery{padding:12px!important;margin-bottom:16px}.jobs-search{height:42px;display:flex;align-items:center;gap:8px;border:1px solid #dbe3e8;border-radius:9px;padding:0 12px;background:#fff}.jobs-search>span{font-size:20px;color:#7b8b98;transform:rotate(-20deg)}.jobs-search input{border:0!important;box-shadow:none!important;padding:0!important;height:100%!important;font-size:14px!important}.jobs-filter-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:9px}.jobs-filter-row select{width:auto!important;min-width:125px!important;height:34px!important;padding:0 29px 0 10px!important;font-size:11.5px!important;border-radius:7px!important;background-color:#f8fafb!important}.jobs-clear-filters{border:0;background:transparent;color:#07539a;font-size:11.5px;cursor:pointer;padding:7px}
.jobs-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:9px}.jobs-results-head h2{font-size:16px!important;line-height:22px!important;margin:0!important}.jobs-results-head p{font-size:11.5px!important;color:#718096!important;margin:2px 0 0!important}.jobs-results-head>span{font-size:11.5px;color:#718096}
.jobs-list-modern{display:flex;flex-direction:column;gap:9px}.job-discovery-card{background:#fff;border:1px solid #e1e7eb;border-radius:11px;padding:16px;transition:border-color .15s,box-shadow .15s}.job-discovery-card:hover{border-color:#c8d6df;box-shadow:0 5px 16px rgba(20,45,65,.055)}.job-discovery-main{display:grid;grid-template-columns:42px 1fr;gap:13px}.job-company-mark{width:42px;height:42px;border:1px solid #dce6ec;border-radius:9px;background:#f5f9fb;display:grid;place-items:center;color:#07539a;font-size:16px;font-weight:600}.job-discovery-content{min-width:0}.job-title-line{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.job-title-line h3{font-size:16px!important;line-height:22px!important;margin:0 0 1px!important;color:#1d3347}.job-title-line>div>strong{font-size:12.5px;font-weight:500;color:#526579}.job-fit-badge{font-size:10.5px;font-weight:600;padding:4px 8px;border-radius:999px;white-space:nowrap}.job-fit-badge.strong{background:#e9f6ee;color:#23734a}.job-fit-badge.good{background:#eaf3fa;color:#07539a}.job-fit-badge.explore{background:#f3f1eb;color:#75633a}.job-meta-modern{display:flex;align-items:center;gap:0;flex-wrap:wrap;margin-top:7px}.job-meta-modern span{font-size:11.5px;color:#6f7f8d}.job-meta-modern span:not(:last-child):after{content:"·";margin:0 7px;color:#b0bbc3}.job-skill-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.job-skill-tags span{font-size:10.5px;padding:4px 7px;border-radius:5px;background:#f3f6f8;color:#536676}.job-reason-line{display:flex;gap:8px;align-items:baseline;margin-top:9px}.job-reason-line>span{font-size:10.5px;font-weight:600;color:#506273;white-space:nowrap}.job-reason-line p{font-size:11px!important;line-height:16px!important;color:#74828e!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-card-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding-top:10px;border-top:1px solid #f0f3f5}.job-timing{display:flex;gap:10px;align-items:center}.job-timing span{font-size:10.5px;color:#82909b}.job-timing span.urgent{color:#a64b3d;font-weight:500}.job-card-actions{display:flex;gap:6px;align-items:center}.job-card-actions .btn{height:32px!important;padding:0 11px!important;font-size:11.5px!important}.job-save-icon{width:32px;height:32px;border:1px solid #dbe3e8;border-radius:7px;background:#fff;color:#5d7181;font-size:17px;cursor:pointer}.job-save-icon:hover,.job-save-icon.saved{border-color:#9cb7c9;background:#f1f7fa;color:#07539a}
.jobs-empty{text-align:center;padding:42px 20px!important}.jobs-empty-icon{width:42px;height:42px;border-radius:50%;background:#eef4f7;color:#07539a;display:grid;place-items:center;margin:0 auto 10px;font-size:20px}.jobs-empty h3{font-size:16px!important;margin:0 0 5px!important}.jobs-empty p{max-width:470px;margin:0 auto 15px!important;font-size:12.5px!important;line-height:19px!important;color:#718096!important}.job-page-fit{min-width:150px!important}.job-page-fit>strong{font-size:15px!important;line-height:20px!important}.mini-fit.fit-text{font-size:13px!important;line-height:18px!important;text-align:center}
@media(max-width:850px){.jobs-profile-nudge{grid-template-columns:42px 1fr auto}.jobs-profile-progress{grid-column:2/-1;width:100%}.job-reason-line{display:block}.job-reason-line p{white-space:normal;margin-top:2px!important}}
@media(max-width:620px){.jobs-page-head{flex-direction:column}.jobs-page-head .btn{width:100%}.jobs-profile-nudge{grid-template-columns:38px 1fr}.jobs-profile-progress{grid-column:1/-1}.jobs-profile-nudge>button{grid-column:1/-1;text-align:left;padding:0}.jobs-filter-row{display:grid;grid-template-columns:1fr 1fr}.jobs-filter-row select{width:100%!important;min-width:0!important}.jobs-clear-filters{grid-column:1/-1}.job-discovery-main{grid-template-columns:1fr}.job-company-mark{display:none}.job-title-line{flex-direction:column;gap:7px}.job-card-foot{align-items:flex-start;flex-direction:column}.job-card-actions{width:100%}.job-card-actions .btn{flex:1}.job-timing{width:100%}.jobs-results-head{align-items:flex-start}.job-reason-line p{white-space:normal}}



/* Jobs For You — final visual optimisation */
#jobsPanel{
  max-width:1180px;
  margin:0 auto;
  padding-bottom:40px;
}
#jobsPanel .jobs-page-head{
  align-items:center;
  margin-bottom:18px;
}
#jobsPanel .jobs-page-head h1{
  font-size:26px!important;
  line-height:34px!important;
  letter-spacing:-.025em;
  color:#172f43;
}
#jobsPanel .jobs-page-head p{
  max-width:660px;
  font-size:14px!important;
  line-height:21px!important;
  color:#66788a!important;
}
#jobsPanel .jobs-page-head .btn{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:8px!important;
}

/* Profile completion becomes a quiet utility strip, not a competing card */
#jobsPanel .jobs-profile-nudge{
  grid-template-columns:38px minmax(0,1fr) 110px auto;
  gap:12px;
  padding:10px 13px;
  margin-bottom:14px;
  border-radius:9px;
  border:1px solid #e1e8ed;
  background:#fbfcfd;
  box-shadow:none;
}
#jobsPanel .jobs-profile-ring{
  width:36px;height:36px;
  background:#edf4f8;
}
#jobsPanel .jobs-profile-copy strong{font-size:12.5px}
#jobsPanel .jobs-profile-copy p{
  font-size:11.5px!important;
  line-height:16px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#jobsPanel .jobs-profile-progress{height:4px}
#jobsPanel .jobs-profile-nudge>button{
  padding:6px 2px;
  font-size:11.5px;
}

/* Search is the dominant discovery control; filters remain secondary */
#jobsPanel .jobs-discovery{
  padding:13px!important;
  margin-bottom:20px;
  border:1px solid #e1e7eb!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
#jobsPanel .jobs-search{
  height:44px;
  border-color:#d8e1e7;
  border-radius:8px;
}
#jobsPanel .jobs-search:focus-within{
  border-color:#7ca6c3;
  box-shadow:0 0 0 3px rgba(7,83,154,.07);
}
#jobsPanel .jobs-search input{
  font-size:14px!important;
  color:#243b4d!important;
}
#jobsPanel .jobs-search input::placeholder{color:#94a1ab}
#jobsPanel .jobs-filter-row{
  gap:6px;
  margin-top:8px;
}
#jobsPanel .jobs-filter-row select{
  min-width:116px!important;
  height:32px!important;
  border:1px solid #e0e6ea!important;
  background:#fafbfc!important;
  color:#506273!important;
  font-size:11px!important;
}
#jobsPanel .jobs-filter-row select:hover{border-color:#c7d3db!important}

/* Results hierarchy */
#jobsPanel .jobs-results-head{
  margin:0 1px 10px;
  align-items:center;
}
#jobsPanel .jobs-results-head h2{
  font-size:17px!important;
  line-height:23px!important;
  color:#243b4d;
}
#jobsPanel .jobs-results-head p{
  font-size:11.5px!important;
  line-height:17px!important;
}
#jobsPanel .jobs-results-head>span{
  padding:4px 8px;
  border-radius:999px;
  background:#f3f6f8;
  color:#657786;
}

/* One clean information hierarchy per vacancy */
#jobsPanel .jobs-list-modern{gap:10px}
#jobsPanel .job-discovery-card{
  padding:17px 18px;
  border:1px solid #e2e8ec;
  border-radius:10px;
  box-shadow:none;
}
#jobsPanel .job-discovery-card:hover{
  border-color:#bdccd6;
  box-shadow:0 5px 18px rgba(27,53,73,.05);
}
#jobsPanel .job-discovery-main{
  grid-template-columns:40px minmax(0,1fr);
  gap:13px;
}
#jobsPanel .job-company-mark{
  width:40px;height:40px;
  border-radius:8px;
  font-size:15px;
}
#jobsPanel .job-title-line h3{
  font-size:16px!important;
  line-height:22px!important;
  letter-spacing:-.01em;
}
#jobsPanel .job-title-line>div>strong{
  display:block;
  margin-top:2px;
  font-size:12.5px;
}
#jobsPanel .job-fit-badge{
  padding:4px 8px;
  font-size:10px;
  letter-spacing:.01em;
}
#jobsPanel .job-meta-modern{margin-top:7px}
#jobsPanel .job-meta-modern span{font-size:11px}
#jobsPanel .job-skill-tags{margin-top:8px}
#jobsPanel .job-skill-tags span{
  padding:3px 7px;
  border-radius:5px;
  background:#f5f7f9;
  color:#596b79;
  font-size:10.5px;
}
#jobsPanel .job-reason-line{
  margin-top:9px;
  padding:8px 10px;
  border-radius:7px;
  background:#fafcfd;
}
#jobsPanel .job-reason-line>span{
  color:#43596a;
  font-size:10.5px;
}
#jobsPanel .job-reason-line p{
  color:#71808c!important;
  font-size:10.8px!important;
}
#jobsPanel .job-card-foot{
  margin-top:10px;
  padding-top:10px;
}
#jobsPanel .job-timing span{font-size:10.5px}
#jobsPanel .job-card-actions{gap:6px}
#jobsPanel .job-card-actions .btn{
  min-height:32px!important;
  height:32px!important;
  padding:0 12px!important;
  border-radius:7px!important;
  font-size:11.5px!important;
}
#jobsPanel .job-card-actions .btn-primary{
  min-width:112px;
}
#jobsPanel .job-save-icon{
  width:32px;height:32px;
  border-radius:7px;
}

/* Remove visual remnants from the old Jobs UI */
#jobsPanel .profile-completion-banner,
#jobsPanel .jobs-grid .job-card,
#jobsPanel .fit-score,
#jobsPanel .why-job,
#jobsPanel .job-commercial-hint{
  box-shadow:none;
}

/* Standalone job details gets the same density and hierarchy */
#jobdetailsPanel{
  max-width:1180px;
  margin:0 auto;
}
#jobdetailsPanel .job-detail-page{
  gap:18px!important;
}
#jobdetailsPanel .job-page-main,
#jobdetailsPanel .job-side-card{
  border-radius:11px!important;
  box-shadow:none!important;
}
#jobdetailsPanel .job-page-actions .btn{
  min-height:36px!important;
  border-radius:8px!important;
}
#jobdetailsPanel .job-page-section h2{
  font-size:17px!important;
  line-height:24px!important;
}

/* Mobile: retain hierarchy without turning every control into a large block */
@media(max-width:850px){
  #jobsPanel{max-width:none}
  #jobsPanel .jobs-profile-nudge{grid-template-columns:36px minmax(0,1fr) auto}
  #jobsPanel .jobs-profile-progress{grid-column:2/-1}
  #jobsPanel .jobs-profile-copy p{white-space:normal}
}
@media(max-width:620px){
  #jobsPanel .jobs-page-head{gap:12px}
  #jobsPanel .jobs-page-head h1{font-size:24px!important;line-height:31px!important}
  #jobsPanel .jobs-page-head .btn{width:auto!important}
  #jobsPanel .jobs-profile-nudge{grid-template-columns:36px 1fr}
  #jobsPanel .jobs-profile-nudge>button{grid-column:2;text-align:left}
  #jobsPanel .jobs-profile-progress{grid-column:1/-1}
  #jobsPanel .jobs-filter-row{grid-template-columns:1fr 1fr}
  #jobsPanel .job-discovery-card{padding:15px}
  #jobsPanel .job-title-line{gap:6px}
  #jobsPanel .job-reason-line{display:block}
  #jobsPanel .job-reason-line p{margin-top:3px!important}
  #jobsPanel .job-card-actions{display:grid;grid-template-columns:32px 1fr 1fr}
  #jobsPanel .job-card-actions .btn{width:100%}
}



.cv-library-upload.limit-reached{opacity:.72;background:#f7f8f9!important;cursor:not-allowed;border-style:solid!important}
.cv-library-upload.limit-reached .btn{pointer-events:none;background:#a8b3bc!important;border-color:#a8b3bc!important}
.cv-library-upload.limit-reached .cv-upload-icon{background:#eef1f3;color:#7d8b96}



/* Jobs page overlap corrections */
#jobsPanel .jobs-search{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;overflow:hidden!important}
#jobsPanel .jobs-search input{width:100%!important;min-width:0!important;max-width:100%!important}
#jobsPanel .job-card-actions{flex-wrap:wrap!important;justify-content:flex-end!important;min-width:0!important}
#jobsPanel .job-save-icon{box-sizing:border-box!important;display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;flex:0 0 32px!important;overflow:hidden!important}
#jobsPanel .job-save-icon:after{line-height:1!important;display:block!important}
#jobsPanel .job-discovery-content,#jobsPanel .job-title-line>div{min-width:0!important}
#jobsPanel .job-title-line h3{overflow-wrap:anywhere}
@media(max-width:720px){#jobsPanel .job-card-foot{align-items:stretch!important}#jobsPanel .job-card-actions{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;width:100%!important}#jobsPanel .job-card-actions .btn-primary{grid-column:1/-1!important}#jobsPanel .job-save-icon{width:34px!important;height:34px!important}}

/* Preferences */
.settings-layout{display:grid;gap:14px;max-width:900px}.preference-card{padding:20px!important}.preference-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.preference-head h2{font-size:18px!important;margin:3px 0!important}.preference-head p{font-size:13px!important;line-height:19px!important;color:#718096!important;margin:0!important}.theme-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.theme-choice button{border:1px solid #dfe6ea;border-radius:9px;background:#fff;padding:9px;text-align:left;cursor:pointer;color:inherit}.theme-choice button.active{border-color:#07539a;box-shadow:0 0 0 2px rgba(7,83,154,.08)}.theme-choice strong{display:block;font-size:12px;margin-top:7px}.theme-preview{display:block;height:72px;border-radius:6px;border:1px solid #e1e6e9;background:linear-gradient(#fff 0 22%,#f1f4f6 22% 100%)}.dark-preview{background:linear-gradient(#17222c 0 22%,#24313b 22% 100%);border-color:#34434f}.system-preview{background:linear-gradient(90deg,#fff 0 50%,#24313b 50%);border-color:#d3dce2}.preference-list{margin-top:14px;border-top:1px solid #edf1f3}.preference-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #edf1f3}.preference-list strong{font-size:13px}.preference-list p{font-size:11.5px!important;line-height:17px!important;color:#718096!important;margin:2px 0 0!important}.pref-required{font-size:10.5px;padding:4px 7px;background:#eef3f6;border-radius:99px;color:#5f7180;white-space:nowrap}.switch{position:relative;flex:0 0 38px;width:38px;height:22px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:99px;background:#c8d2d9;cursor:pointer;transition:.15s}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.15s}.switch input:checked+span{background:#07539a}.switch input:checked+span:before{transform:translateX(16px)}.preference-actions{display:flex;justify-content:flex-end;margin-top:14px}.sessions-list{margin-top:14px}.session-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #edf1f3}.session-device-icon{width:30px;height:30px;border-radius:8px;background:#edf4f8;color:#07539a;display:grid;place-items:center}.session-row strong{display:block;font-size:12.5px}.session-row span{display:block;font-size:10.5px;color:#718096;margin-top:2px}.session-row>b{font-size:10px;padding:4px 7px;border-radius:99px;background:#eaf5ef;color:#26704a}
.cookie-banner{position:fixed;z-index:1000002;left:20px;right:20px;bottom:20px;max-width:940px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 18px;border:1px solid #dce4e9;border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(20,42,62,.18)}.cookie-banner[hidden]{display:none!important}.cookie-banner strong{font-size:13px}.cookie-banner p{font-size:11.5px!important;line-height:17px!important;color:#64748b!important;margin:3px 0 0!important;max-width:620px}.cookie-actions{display:flex;gap:6px;flex:0 0 auto}.cookie-actions .btn{white-space:nowrap}

/* Dark theme */
html[data-theme="dark"] body,html[data-theme="dark"] .app-main{background:#111820!important;color:#e7edf2!important}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .app-header,html[data-theme="dark"] .card,html[data-theme="dark"] .job-discovery-card,html[data-theme="dark"] .record-modal,html[data-theme="dark"] .header-popover,html[data-theme="dark"] .cookie-banner,html[data-theme="dark"] .theme-choice button{background:#19232c!important;border-color:#2d3b46!important;color:#e7edf2!important}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select,html[data-theme="dark"] .jobs-search{background:#131c24!important;border-color:#33424e!important;color:#e7edf2!important}
html[data-theme="dark"] p,html[data-theme="dark"] small,html[data-theme="dark"] .muted,html[data-theme="dark"] .job-meta-modern span{color:#9eacb8!important}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] strong{color:#edf2f5}
html[data-theme="dark"] .side-nav button:hover,html[data-theme="dark"] .side-nav button.active,html[data-theme="dark"] .actionable-row:hover{background:#24323d!important}
html[data-theme="dark"] .job-skill-tags span,html[data-theme="dark"] .job-reason-line,html[data-theme="dark"] .jobs-profile-nudge{background:#202c35!important;border-color:#30404b!important}
@media(max-width:700px){.theme-choice{grid-template-columns:1fr}.cookie-banner{left:10px;right:10px;bottom:10px;flex-direction:column;align-items:stretch}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions .btn:last-child{grid-column:1/-1}.preference-head{flex-direction:column}}



.session-signout{border:1px solid #d7e0e5;background:#fff;color:#8f4040;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap}
.session-signout:hover{background:#fff5f5;border-color:#e1bcbc}
html[data-theme="dark"] .session-signout{background:#19232c;border-color:#3a4852;color:#e1a8a8}



#adminPanel{max-width:1220px;margin:0 auto;padding-bottom:40px}#adminPanel>.page-head{align-items:center;margin-bottom:14px}#adminPanel>.page-head h1{font-size:24px!important;letter-spacing:-.02em}.admin-summary-grid{gap:8px!important;margin-bottom:14px!important}.admin-summary{padding:13px 14px!important;box-shadow:none!important}.admin-summary span{font-size:10.5px!important}.admin-summary strong{font-size:21px!important}.admin-tabs{gap:2px!important;border-bottom:1px solid #e3e9ed!important;margin-bottom:16px!important}.admin-tab{border-radius:6px 6px 0 0!important;font-size:11.5px!important;padding:9px 11px!important}.admin-content-card,.table-card{box-shadow:none!important}.admin-search{padding:10px!important;background:#fafcfd;border:1px solid #e3e9ed;border-radius:9px;margin-bottom:10px}.admin-search input,.admin-search select{height:34px!important;font-size:11.5px!important}
.admin-opp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:13px}.admin-opp-head h2{font-size:19px!important;margin:0 0 2px!important}.admin-opp-head p{font-size:12.5px!important;color:#718096!important;margin:0!important}.admin-opp-head-actions{display:flex;gap:6px}.admin-opp-head-actions .btn{height:34px!important;padding:0 11px!important;font-size:11.5px!important}
.opp-admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.opp-admin-metrics article{border:1px solid #e3e9ed;border-radius:9px;background:#fff;padding:11px 13px}.opp-admin-metrics span{display:block;font-size:10.5px;color:#718096}.opp-admin-metrics strong{display:block;font-size:20px;margin-top:2px;color:#233b4d}.opp-admin-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 150px 140px;gap:7px;padding:10px!important;margin-bottom:9px}.opp-admin-search{height:34px;display:grid;grid-template-columns:20px 1fr;align-items:center;border:1px solid #dfe6ea;border-radius:7px;padding:0 8px}.opp-admin-search input{border:0!important;box-shadow:none!important;height:100%!important;padding:0!important;font-size:11.5px!important}.opp-admin-toolbar select{height:34px!important;font-size:11px!important;padding-top:0!important;padding-bottom:0!important}.opp-bulk-bar{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:8px;background:#edf5fa;margin-bottom:8px}.opp-bulk-bar strong{font-size:11.5px;margin-right:auto}.opp-bulk-bar button{border:1px solid #cbdbe5;background:#fff;border-radius:6px;padding:5px 8px;font-size:10.5px;cursor:pointer}.opp-admin-table td{vertical-align:middle!important}.opp-admin-table td>strong{display:block;font-size:12px}.opp-admin-table td>small{font-size:10.5px!important;color:#718096!important}.check-col{width:34px!important}.opp-source-pill{font-size:9.5px;padding:3px 6px;border-radius:99px;background:#f2f5f7;text-transform:capitalize}.opp-empty{padding:38px!important}.opp-empty strong{font-size:14px}.opp-empty p{font-size:11.5px!important;color:#718096!important}
.opp-workspace{margin-top:14px;padding-top:14px;border-top:1px solid #e4eaee}.opp-workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px}.opp-workspace-head h3{font-size:18px!important;margin:2px 0!important}.opp-workspace-head p{font-size:11.5px!important;color:#718096!important;margin:2px 0 0!important}.opp-workspace-close{width:32px;height:32px;border:1px solid #dfe6ea;border-radius:7px;background:#fff;font-size:19px;color:#667987;cursor:pointer}.opp-create-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(460px,1.25fr);gap:10px;align-items:start}.opp-create-layout .admin-content-card{padding:17px!important}.opp-create-layout h3{font-size:15px!important;margin:0 0 3px!important}.opp-source-card{position:sticky;top:74px}.admin-file-drop{display:flex!important;flex-direction:column;gap:6px;border:1px dashed #bdccd5;border-radius:8px;padding:14px;background:#fafcfd}.admin-file-drop small{font-size:10.5px!important}.bulk-upload-flow{display:grid;gap:10px}.bulk-drop{padding:30px!important;text-align:center;border-style:dashed!important;cursor:pointer}.bulk-drop-icon{display:grid;width:38px;height:38px;place-items:center;margin:0 auto 8px;border-radius:9px;background:#edf4f8;color:#07539a;font-size:19px}.bulk-drop strong{display:block;font-size:14px}.bulk-drop p{font-size:11.5px!important;color:#718096!important;margin:3px 0 12px!important}.bulk-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.bulk-summary-grid article{border:1px solid #e1e7eb;border-radius:8px;padding:10px 12px;background:#fff}.bulk-summary-grid strong{display:block;font-size:18px}.bulk-summary-grid span{font-size:10px;color:#718096}.bulk-summary-grid .ok strong{color:#26704a}.bulk-summary-grid .warn strong{color:#a46a25}.bulk-valid,.bulk-error{font-size:10px;font-weight:500}.bulk-valid{color:#26704a}.bulk-error{color:#a34b43}.bulk-publish-actions{display:flex;justify-content:flex-end;gap:6px}
html[data-theme="dark"] .opp-admin-metrics article,html[data-theme="dark"] .opp-admin-toolbar,html[data-theme="dark"] .opp-workspace-close,html[data-theme="dark"] .opp-bulk-bar button,html[data-theme="dark"] .bulk-summary-grid article{background:#19232c!important;border-color:#2d3b46!important}
@media(max-width:900px){.admin-opp-head{flex-direction:column}.opp-create-layout{grid-template-columns:1fr}.opp-source-card{position:static}.opp-admin-toolbar{grid-template-columns:1fr 1fr}.opp-admin-search{grid-column:1/-1}.opp-admin-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.admin-opp-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.admin-opp-head-actions .btn-primary{grid-column:1/-1}.opp-admin-metrics{grid-template-columns:1fr 1fr}.opp-admin-toolbar{grid-template-columns:1fr}.opp-admin-search{grid-column:auto}.bulk-summary-grid{grid-template-columns:1fr 1fr}.opp-bulk-bar{overflow-x:auto}.opp-create-layout .form-grid{grid-template-columns:1fr!important}}



/* Standard sidebar icon system */
.side-nav button,.side-bottom button{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
}
.nav-icon{
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  color:currentColor!important;
}
.nav-icon svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.side-nav button.active .nav-icon svg{stroke-width:1.9!important}

/* Shared search field standard */
.search-icon{
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  color:#738594!important;
  flex:0 0 20px!important;
}
.search-icon svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
}

/* Jobs For You search: ONE border only, icon lives inside same field */
#jobsPanel .jobs-search{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 12px!important;
  overflow:hidden!important;
  border:1px solid #dbe3e8!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#jobsPanel .jobs-search input{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#jobsPanel .jobs-search:focus-within{
  border-color:#7da6c2!important;
  box-shadow:0 0 0 3px rgba(7,83,154,.07)!important;
}

/* Admin opportunity search: same pattern */
#adminPanel .opp-admin-search{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  height:36px!important;
  padding:0 11px!important;
  overflow:hidden!important;
  border:1px solid #dbe3e8!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#adminPanel .opp-admin-search input{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#adminPanel .opp-admin-search:focus-within{
  border-color:#7da6c2!important;
  box-shadow:0 0 0 3px rgba(7,83,154,.07)!important;
}

/* Save job button: one icon, centred, never escapes its shape */
#jobsPanel .job-save-icon{
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #dbe3e8!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  line-height:1!important;
  font-size:0!important;
  background:#fff!important;
  color:#587083!important;
  flex:0 0 32px!important;
}
#jobsPanel .job-save-icon svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
#jobsPanel .job-save-icon:hover{
  border-color:#a9bfcd!important;
  background:#f5f9fb!important;
  color:#07539a!important;
}
#jobsPanel .job-save-icon.saved{
  border-color:#a9bfcd!important;
  background:#edf5fa!important;
  color:#07539a!important;
}
#jobsPanel .job-save-icon.saved svg{fill:currentColor!important}
#jobsPanel .job-save-icon:before,
#jobsPanel .job-save-icon:after{
  content:none!important;
  display:none!important;
}

/* Keep actions inside the card at all widths */
#jobsPanel .job-card-foot{
  min-width:0!important;
}
#jobsPanel .job-card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
  max-width:100%!important;
}
#jobsPanel .job-card-actions .btn{
  white-space:nowrap!important;
}
@media(max-width:720px){
  #jobsPanel .job-card-actions{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    width:100%!important;
  }
  #jobsPanel .job-card-actions .btn-primary{
    grid-column:1/-1!important;
  }
  #jobsPanel .job-card-actions .btn{
    width:100%!important;
  }
}

/* Dark mode compatibility */
html[data-theme="dark"] #jobsPanel .jobs-search,
html[data-theme="dark"] #adminPanel .opp-admin-search,
html[data-theme="dark"] #jobsPanel .job-save-icon{
  background:#131c24!important;
  border-color:#33424e!important;
}



/* Remove any leaked operational notice from page edges */
#app>.notice,#app-main>.notice,.app-main>.notice{display:none!important}

/* Custom dropdowns across the authenticated product */
.jobex-native-select{
 position:absolute!important;
 width:1px!important;height:1px!important;
 opacity:0!important;
 pointer-events:none!important;
 margin:0!important;padding:0!important;
}
.jobex-select{
 position:relative;
 display:inline-block;
 width:100%;
 min-width:0;
 vertical-align:middle;
}
.jobex-select-trigger{
 width:100%;
 min-width:0;
 height:100%;
 min-height:34px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:9px;
 padding:0 10px;
 border:1px solid #dce4e9;
 border-radius:7px;
 background:#fff;
 color:#43586a;
 font:inherit;
 font-size:inherit;
 line-height:1;
 text-align:left;
 cursor:pointer;
 box-sizing:border-box;
}
.jobex-select-trigger:hover{border-color:#bdccd6}
.jobex-select.open .jobex-select-trigger{
 border-color:#7da6c2;
 box-shadow:0 0 0 3px rgba(7,83,154,.07);
}
.jobex-select-value{
 flex:1 1 auto;
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.jobex-select-chevron{
 width:15px;height:15px;
 flex:0 0 15px;
 fill:none;stroke:currentColor;stroke-width:1.8;
 stroke-linecap:round;stroke-linejoin:round;
 transition:transform .15s ease;
}
.jobex-select.open .jobex-select-chevron{transform:rotate(180deg)}
.jobex-select-menu{
 display:none;
 position:absolute;
 left:0;
 top:calc(100% + 5px);
 z-index:10020;
 width:max(100%,180px);
 max-width:min(320px,calc(100vw - 32px));
 max-height:260px;
 overflow:auto;
 padding:5px;
 border:1px solid #dce4e9;
 border-radius:9px;
 background:#fff;
 box-shadow:0 12px 30px rgba(23,45,62,.14);
}
.jobex-select.open .jobex-select-menu{display:block}
.jobex-select-option{
 width:100%;
 display:grid;
 grid-template-columns:minmax(0,1fr) 18px;
 align-items:center;
 gap:8px;
 padding:8px 9px;
 border:0;
 border-radius:6px;
 background:transparent;
 color:#3d5264;
 font-size:12px;
 line-height:17px;
 text-align:left;
 cursor:pointer;
}
.jobex-select-option:hover,.jobex-select-option:focus{background:#f3f7f9;outline:0}
.jobex-select-option.selected{color:#07539a;font-weight:500;background:#f2f7fb}
.jobex-select-option svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jobex-select-option:disabled{opacity:.45;cursor:not-allowed}
.jobex-select.disabled{opacity:.58;pointer-events:none}

/* Preserve intended widths in toolbars/filter rows */
#jobsPanel .jobs-filter-row .jobex-select{width:auto!important;min-width:116px!important}
#jobsPanel .jobs-filter-row .jobex-select-trigger{height:32px!important;min-height:32px!important;font-size:11px!important;background:#fafbfc}
#adminPanel .opp-admin-toolbar .jobex-select{width:100%!important}
#adminPanel .opp-admin-toolbar .jobex-select-trigger{height:36px!important;min-height:36px!important;font-size:11px!important}
.admin-search .jobex-select{width:auto!important;min-width:145px!important}
.admin-search .jobex-select-trigger{height:34px!important;min-height:34px!important;font-size:11.5px!important}
.form-grid .jobex-select,.form-card .jobex-select{display:block;width:100%!important}
.form-grid .jobex-select-trigger,.form-card .jobex-select-trigger{min-height:40px}

/* Opportunity select-all is now labelled, aligned and clearly a bulk control */
.opp-admin-table .select-all-col{
 width:92px!important;
 min-width:92px!important;
 white-space:nowrap!important;
}
.select-all-label{
 display:inline-flex!important;
 align-items:center!important;
 gap:7px!important;
 cursor:pointer!important;
 font-size:10.5px!important;
 font-weight:500!important;
 color:#647789!important;
 text-transform:none!important;
 letter-spacing:0!important;
}
.select-all-label input,
.opp-admin-table [data-select-opp]{
 width:16px!important;height:16px!important;
 margin:0!important;
 accent-color:#07539a;
 cursor:pointer;
}
.opp-admin-table .check-col:not(.select-all-col){width:92px!important}
.opp-admin-table tbody .check-col{padding-left:18px!important}

/* Login/sign-up composition: form begins higher on desktop */
#signin .auth-form-side{
 place-items:start center!important;
 padding-top:clamp(72px,10vh,105px)!important;
 padding-bottom:40px!important;
}
#signup .auth-form-side{
 place-items:start center!important;
 padding-top:48px!important;
 padding-bottom:40px!important;
}
#signin .auth-form-card{margin-top:0!important}
@media(max-width:980px){
 #signin .auth-form-side,#signup .auth-form-side{padding-top:34px!important}
}
@media(max-width:700px){
 #signin .auth-form-side,#signup .auth-form-side{padding-top:24px!important}
}

/* Dark compatibility */
html[data-theme="dark"] .jobex-select-trigger,
html[data-theme="dark"] .jobex-select-menu{
 background:#19232c!important;border-color:#33424e!important;color:#e4ebef!important
}
html[data-theme="dark"] .jobex-select-option{color:#c9d4dc}
html[data-theme="dark"] .jobex-select-option:hover,
html[data-theme="dark"] .jobex-select-option:focus,
html[data-theme="dark"] .jobex-select-option.selected{background:#24323d!important;color:#e7edf2!important}



.icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.icon-btn>span{width:16px;height:16px;display:grid;place-items:center;flex:0 0 16px}
.icon-btn>span svg,.application-summary-icon svg,.admin-summary-icon svg{
 width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}

/* My Applications */
#applicationsPanel{max-width:1180px;margin:0 auto}
#applicationsPanel .page-head{align-items:center}
#applicationsPanel .application-summary{gap:10px!important;margin-bottom:14px}
#applicationsPanel .application-summary article{
 display:flex!important;align-items:center!important;gap:11px!important;padding:14px 15px!important
}
.application-summary-icon{
 width:34px;height:34px;border-radius:8px;background:#eef5fa;color:#07539a;display:grid;place-items:center;flex:0 0 34px
}
.application-summary-icon svg{width:18px;height:18px}
#applicationsPanel .application-summary article>div{display:flex;flex-direction:column}
#applicationsPanel .application-summary strong{font-size:20px!important;line-height:24px!important}
#applicationsPanel .application-summary article>div>span{font-size:11px!important;color:#718096!important}
#applicationsPanel .application-filter-row{gap:5px!important;margin-bottom:12px!important}
#applicationsPanel .application-filter-row .filter{font-size:11px!important;padding:7px 10px!important}
#applicationsPanel .application-row{align-items:center!important}
#applicationsPanel .application-actions .btn{min-height:34px!important;font-size:11.5px!important}
#applicationsPanel .application-fit strong{font-size:18px!important}

/* Admin global summary icons */
#adminPanel .admin-summary{
 display:flex!important;align-items:center!important;gap:10px!important
}
#adminPanel .admin-summary>div{display:flex;flex-direction:column}
.admin-summary-icon{
 width:32px;height:32px;border-radius:8px;background:#eef5fa;color:#07539a;display:grid;place-items:center;flex:0 0 32px
}
.admin-summary-icon svg{width:17px;height:17px}
#adminPanel .admin-summary strong{font-size:21px!important;margin-top:2px!important}

/* Opportunity table — strict shared grid alignment */
#adminPanel .opp-admin-table{
 width:100%!important;
 table-layout:fixed!important;
 border-collapse:collapse!important
}
#adminPanel .opp-admin-table th,
#adminPanel .opp-admin-table td{
 padding:14px 14px!important;
 text-align:left!important;
 vertical-align:middle!important;
 box-sizing:border-box!important
}
#adminPanel .opp-admin-table th:nth-child(1),
#adminPanel .opp-admin-table td:nth-child(1){width:150px!important}
#adminPanel .opp-admin-table th:nth-child(2),
#adminPanel .opp-admin-table td:nth-child(2){width:24%!important}
#adminPanel .opp-admin-table th:nth-child(3),
#adminPanel .opp-admin-table td:nth-child(3){width:18%!important}
#adminPanel .opp-admin-table th:nth-child(4),
#adminPanel .opp-admin-table td:nth-child(4){width:14%!important}
#adminPanel .opp-admin-table th:nth-child(5),
#adminPanel .opp-admin-table td:nth-child(5){width:13%!important}
#adminPanel .opp-admin-table th:nth-child(6),
#adminPanel .opp-admin-table td:nth-child(6){width:14%!important}
#adminPanel .opp-admin-table th:nth-child(7),
#adminPanel .opp-admin-table td:nth-child(7){width:100px!important}
#adminPanel .opp-admin-table thead tr{height:54px!important;background:#fafbfc!important}
#adminPanel .opp-admin-table tbody tr{height:68px!important}
#adminPanel .opp-admin-table th{
 font-size:10.5px!important;line-height:16px!important;color:#68798a!important;font-weight:600!important
}
#adminPanel .opp-admin-table td{font-size:11.5px!important}
#adminPanel .opp-admin-table .select-all-label{
 display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important
}
#adminPanel .opp-admin-table .check-col{padding-left:16px!important}
#adminPanel .opp-admin-table td:nth-child(2)>strong{font-size:12.5px!important;line-height:18px!important;margin-bottom:2px}
#adminPanel .opp-admin-table td:nth-child(2)>small{display:block!important}
#adminPanel .opp-admin-table .table-edit-btn{
 padding:6px 8px!important;border:0!important;background:transparent!important;color:#07539a!important;font-size:11px!important
}
#adminPanel .opp-admin-table .table-edit-btn:hover{background:#f1f6f9!important;border-radius:6px!important}

/* Bulk action bar closer to approved reference */
#adminPanel .opp-bulk-bar{
 min-height:44px!important;padding:8px 10px!important;gap:6px!important
}
#adminPanel .opp-bulk-bar strong{font-size:11.5px!important}
#adminPanel .opp-bulk-bar button{
 min-height:32px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:0 9px!important
}
#adminPanel .opp-bulk-bar button span{width:14px;height:14px}
#adminPanel .opp-bulk-bar button span svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Keep actions and metrics consistent on smaller screens */
@media(max-width:900px){
 #adminPanel .opp-admin-table{min-width:980px!important}
 #applicationsPanel .application-summary{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
 #applicationsPanel .application-summary{grid-template-columns:1fr 1fr!important}
 #applicationsPanel .application-summary article{padding:12px!important}
 .application-summary-icon{width:30px;height:30px;flex-basis:30px}
}



/* AUTH — move left copy to visual eye-line instead of anchoring it to the bottom */
#signin .auth-visual-content,
#signup .auth-visual-content{
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  min-height:100vh!important;
}
#signin .auth-topline,
#signup .auth-topline{
  grid-row:1!important;
}
#signin .auth-copy,
#signup .auth-copy{
  grid-row:2!important;
  align-self:center!important;
  margin-top:38px!important;
  padding-bottom:0!important;
  transform:translateY(-24px)!important;
}
#signin .auth-disclaimer,
#signup .auth-disclaimer{
  grid-row:3!important;
  align-self:end!important;
  margin-top:18px!important;
}
#signin .auth-form-side{
  padding-top:58px!important;
  padding-bottom:32px!important;
  align-items:start!important;
}
#signin .auth-form-card{
  margin-top:18px!important;
}

/* APP — tighter, consistent vertical rhythm across all logged-in pages */
.app-main{
  min-height:calc(100vh - 0px)!important;
}
.app-main .panel{
  padding-top:22px!important;
  padding-bottom:28px!important;
}
.app-main .panel:not(#dashboardPanel) .page-head{
  margin-bottom:14px!important;
}
.app-main .panel:not(#dashboardPanel) .page-head h1{
  margin-bottom:3px!important;
}
.app-main .panel.active > :first-child{
  margin-top:0!important;
}
.app-main .panel.active > :last-child{
  margin-bottom:0!important;
}

/* Prevent oversized empty bottoms created by fixed/min heights inside feature pages */
#jobsPanel,
#applicationsPanel,
#jobmatchPanel,
#cvreviewPanel,
#mycvsPanel,
#historyPanel,
#revampPanel,
#plansPanel,
#securityPanel,
#settingsPanel,
#profilePanel,
#adminPanel{
  min-height:0!important;
}
#jobsPanel,
#applicationsPanel,
#adminPanel{
  padding-bottom:24px!important;
}

/* Cards/sections — reduce accumulated vertical gaps */
.app-main .card + .card{margin-top:12px!important}
.app-main .subhead{margin-top:20px!important;margin-bottom:10px!important}
.app-main .filter-row,
.app-main .application-filter-row{margin-top:8px!important;margin-bottom:12px!important}
.app-main .admin-tabs{margin-top:12px!important;margin-bottom:14px!important}
.app-main .admin-summary-grid{margin-bottom:12px!important}
.app-main .opp-admin-metrics{margin-bottom:9px!important}

/* Auth responsiveness */
@media(max-height:820px) and (min-width:981px){
  #signin .auth-copy,#signup .auth-copy{
    transform:translateY(-12px)!important;
    margin-top:20px!important;
  }
  #signin .auth-copy h2,#signup .auth-copy h2{
    margin-top:12px!important;
    margin-bottom:12px!important;
  }
  #signin .auth-form-side{padding-top:38px!important}
  #signin .auth-form-card{margin-top:6px!important}
}
@media(max-width:980px){
  #signin .auth-visual-content,
  #signup .auth-visual-content{
    display:flex!important;
  }
  #signin .auth-copy,
  #signup .auth-copy{
    transform:none!important;
    margin-top:auto!important;
    padding-bottom:20px!important;
  }
}

/* Preserve dark appearance */
html[data-theme="dark"] .app-main{background:#111820!important}



/* Professional public footer */
.public-footer{
  background:#0b2940;
  color:#dce7ee;
  padding:0;
  border-top:1px solid rgba(255,255,255,.06);
}
.public-footer-main{
  display:grid;
  grid-template-columns:minmax(250px,1.45fr) repeat(4,minmax(130px,.75fr));
  gap:42px;
  padding-top:50px;
  padding-bottom:42px;
}
.footer-brand{max-width:330px}
.footer-brand-lockup{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  text-align:left;
}
.footer-wordmark{
  display:block;
  font-size:20px;
  line-height:24px;
  font-weight:750;
  letter-spacing:-.02em;
}
.footer-wordmark b{color:#f7931d;font-weight:750}
.footer-brand-lockup small{font-size:9.5px;color:#9eb2c1}
.footer-brand>p{
  margin:17px 0;
  max-width:310px;
  font-size:12px!important;
  line-height:19px!important;
  color:#b5c6d1!important;
}
.footer-contact{display:flex;flex-direction:column;gap:5px}
.footer-contact a{
  width:max-content;
  color:#e5eef4;
  font-size:11.5px;
  text-decoration:none;
}
.footer-contact a:hover{color:#fff;text-decoration:underline}

.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-column h3{
  margin:0 0 7px;
  color:#fff;
  font-size:11px!important;
  line-height:16px!important;
  font-weight:650!important;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.footer-column button,.footer-column a{
  border:0;
  padding:0;
  background:transparent;
  color:#b7c8d3;
  font:inherit;
  font-size:11.5px;
  line-height:18px;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
.footer-column button:hover,.footer-column a:hover{color:#fff}

.public-footer-bottom{
  min-height:58px;
  border-top:1px solid rgba(255,255,255,.1);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
.public-footer-bottom p{
  margin:0!important;
  color:#8fa5b5!important;
  font-size:10.5px!important;
}
.public-footer-bottom>div{display:flex;align-items:center;gap:18px}
.public-footer-bottom button{
  border:0;
  padding:0;
  background:transparent;
  color:#9fb2c0;
  font-size:10.5px;
  cursor:pointer;
}
.public-footer-bottom button:hover{color:#fff}

/* Legal + sitemap pages */
.legal-content{
  max-width:900px;
  padding-top:44px!important;
  padding-bottom:70px!important;
}
.legal-content h2{
  font-size:18px!important;
  line-height:25px!important;
  margin:28px 0 7px!important;
  color:#20394d;
}
.legal-content h2:first-child{margin-top:0!important}
.legal-content p{
  max-width:790px;
  font-size:13px!important;
  line-height:21px!important;
  color:#596d7d!important;
}
.legal-content a{color:#07539a}
.legal-note{
  margin-top:34px!important;
  padding:13px 14px;
  border-radius:8px;
  background:#f6f8fa;
  border:1px solid #e6ebee;
  font-size:11.5px!important;
}
.sitemap-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  padding-top:42px!important;
  padding-bottom:70px!important;
}
.sitemap-grid article{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:9px;
  min-height:230px;
  padding:20px;
  border:1px solid #e1e7eb;
  border-radius:10px;
  background:#fff;
}
.sitemap-grid h2{font-size:15px!important;margin:0 0 8px!important}
.sitemap-grid button,.sitemap-grid a{
  padding:0;border:0;background:transparent;color:#526779;
  font:inherit;font-size:12px;line-height:18px;text-align:left;text-decoration:none;cursor:pointer
}
.sitemap-grid button:hover,.sitemap-grid a:hover{color:#07539a}

@media(max-width:1050px){
  .public-footer-main{grid-template-columns:1.4fr repeat(2,1fr);gap:32px 24px}
}
@media(max-width:700px){
  .public-footer-main{grid-template-columns:1fr 1fr;gap:30px 22px;padding-top:36px;padding-bottom:34px}
  .footer-brand{grid-column:1/-1;max-width:440px}
  .public-footer-bottom{align-items:flex-start;flex-direction:column;padding-top:16px;padding-bottom:16px}
  .public-footer-bottom>div{flex-wrap:wrap;gap:12px 16px}
  .sitemap-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .public-footer-main{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .sitemap-grid{grid-template-columns:1fr}
  .sitemap-grid article{min-height:0}
}



.job-service-context{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 30px;
  gap:11px;
  align-items:center;
  padding:11px 12px;
  margin:-2px 0 14px;
  border:1px solid #cfe0eb;
  border-radius:9px;
  background:#f7fbfd;
}
.job-service-context.hidden{display:none!important}
.job-service-context-icon{
  width:34px;height:34px;border-radius:8px;
  display:grid;place-items:center;
  background:#eaf3f8;color:#07539a
}
.job-service-context-icon svg{
  width:17px;height:17px;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.job-service-context>div:nth-child(2){min-width:0}
.job-service-context span{
  display:block;font-size:9.5px;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:#718096
}
.job-service-context strong{
  display:block;margin-top:1px;font-size:13px;line-height:18px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.job-service-context p{
  margin:1px 0 0!important;font-size:10.5px!important;color:#718096!important
}
.job-service-context>button{
  width:28px;height:28px;border:0;border-radius:6px;background:transparent;
  color:#718096;font-size:18px;cursor:pointer
}
.job-service-context>button:hover{background:#edf2f5;color:#344b5d}

#jobdetailsPanel [data-job-service]{
  cursor:pointer!important;
  pointer-events:auto!important;
}
#jobdetailsPanel [data-job-service]:hover{
  border-color:#8fb2c9!important;
  background:#f3f8fb!important;
  color:#07539a!important;
}

html[data-theme="dark"] .job-service-context{
  background:#202c35!important;border-color:#334754!important
}
@media(max-width:600px){
  .job-service-context{grid-template-columns:34px minmax(0,1fr) 28px}
}


.tailor-backdrop{position:fixed;inset:0;z-index:30000;background:rgba(7,25,39,.5);display:grid;place-items:center;padding:24px}.tailor-backdrop.hidden{display:none!important}.tailor-modal{position:relative;width:min(650px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:14px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.2)}.tailor-close{position:absolute;right:16px;top:14px;width:30px;height:30px;border:0;background:transparent;font-size:20px;color:#647789;cursor:pointer}.tailor-modal h2{margin:7px 0;font-size:22px}.tailor-modal p{font-size:12.5px;line-height:20px;color:#637687}.tailor-modal label{display:grid;gap:6px;margin-top:18px;font-size:11px;font-weight:600}.tailor-modal select{height:42px;border:1px solid #dbe3e8;border-radius:8px;padding:0 10px}.tailor-rule{margin-top:14px;padding:12px;border:1px solid #dce7ed;border-radius:8px;background:#f8fafb;display:grid;gap:3px}.tailor-rule span{font-size:10.5px;color:#6d7f8d}.tailor-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:20px}.tailor-processing{text-align:center;padding:50px 20px}.tailor-processing .spinner{margin:0 auto 18px}.tailor-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.tailor-summary-grid article{border:1px solid #e0e7eb;border-radius:8px;padding:11px}.tailor-summary-grid strong{display:block;font-size:20px}.tailor-summary-grid span{font-size:9.5px;color:#718096}.tailor-gap{padding:11px 12px;border:1px solid #eadfca;background:#fffaf1;border-radius:8px;margin-bottom:12px}.tailor-preview{border-top:1px solid #e5eaed;padding-top:13px}.tailor-preview h3{font-size:12px;margin:10px 0 4px}.tailor-preview p{font-size:11.5px!important}@media(max-width:600px){.tailor-summary-grid{grid-template-columns:1fr 1fr}.tailor-modal{padding:22px 18px}}


.account-popover-links button{grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important}
.popover-nav-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:#f4f7f9!important;color:#536b7c!important;flex:0 0 30px!important}
.popover-nav-icon svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.account-popover-links button:hover .popover-nav-icon{background:#eaf2f7!important;color:#07539a!important}
.account-popover-footer button{display:flex!important;align-items:center!important;gap:9px!important}
.account-popover-footer .popover-nav-icon{width:28px!important;height:28px!important;flex-basis:28px!important;background:transparent!important;color:inherit!important}
.account-popover-footer .popover-nav-icon svg{width:16px!important;height:16px!important}
html[data-theme="dark"] .popover-nav-icon{background:#24313b!important;color:#c9d5dc!important}
html[data-theme="dark"] .account-popover-links button:hover .popover-nav-icon{background:#2d3d49!important;color:#fff!important}



/* v11.73 — Full-platform UI QA closure
   Standard: 8px spacing rhythm, restrained hierarchy, consistent surfaces,
   44px touch targets, responsive overflow, and predictable form/table density. */
:root{
 --qa-1:4px;--qa-2:8px;--qa-3:12px;--qa-4:16px;--qa-5:20px;--qa-6:24px;--qa-8:32px;
 --qa-page:clamp(16px,2.2vw,28px);--qa-border:#e2e8ec;--qa-soft:#f7f9fb;
 --qa-shadow:0 6px 20px rgba(15,45,64,.055);
}
html{font-size:16px}
body{font-size:15px;line-height:1.5;overflow-x:hidden}
img,svg{max-width:100%}
button,.btn,input,select,textarea{font-family:inherit}
p{line-height:1.55}
h1,h2,h3,h4{color:#173b57}
h1{line-height:1.15}h2{line-height:1.25}h3{line-height:1.3}
.eyebrow{display:block;margin-bottom:var(--qa-1)}
.muted{line-height:1.5}

/* App frame and page canvas */
.app-header{padding-left:var(--qa-page)!important;padding-right:var(--qa-page)!important}
.panel{padding:var(--qa-page)!important;width:100%;max-width:1280px!important}
.page-head{gap:var(--qa-4)!important;margin-bottom:var(--qa-6)!important}
.page-head>div:first-child{min-width:0}
.page-head h1{font-size:clamp(24px,2.2vw,30px)!important;margin:0 0 6px!important}
.page-head p{font-size:14px!important;line-height:1.5!important}
.subhead{font-size:18px!important;margin:var(--qa-8) 0 var(--qa-4)!important}
.section-row{gap:var(--qa-3)!important;margin:var(--qa-8) 0 var(--qa-4)!important}
.section-row h2,.section-row h3{margin:0!important}

/* Surfaces */
.card,.form-card,.content-card,.job-card,.service-card,.plan-card,.usage-card,.admin-summary{
 border:1px solid var(--qa-border)!important;border-radius:12px!important;box-shadow:var(--qa-shadow)!important
}
.card .card,.form-card .card,.content-card .card{box-shadow:none!important}
.metric-grid,.quick-grid,.dashboard-usage-grid,.service-grid,.jobs-grid,.plan-grid,.result-grid{gap:var(--qa-4)!important}
.metric,.usage-mini,.quick-card,.service-card,.job-card{min-width:0}
.metric{padding:var(--qa-4)!important}
.quick-card{padding:var(--qa-4)!important}
.empty-state,.admin-empty{padding:var(--qa-8) var(--qa-5)!important}

/* Forms */
.form-card{padding:var(--qa-6)!important}
.form-card label,label{margin:0!important;font-size:13px!important;font-weight:600!important;color:#29475e}
.form-card label+label,.form-card .two-col+label,.form-card label+.two-col{margin-top:var(--qa-4)!important}
.two-col,.form-grid{gap:var(--qa-4)!important}
input,select,textarea{
 width:100%;margin-top:6px!important;border-radius:9px!important;
 border:1px solid #cfd9e1!important;background:#fff!important;font-size:14px!important
}
input,select{min-height:44px!important;height:44px!important;padding:9px 12px!important}
textarea{min-height:112px;padding:11px 12px!important;resize:vertical}
.check{gap:var(--qa-2)!important;align-items:flex-start}
.check input{min-height:auto!important;height:auto!important;margin-top:3px!important}
.form-foot{gap:var(--qa-3)!important;margin-top:var(--qa-5)!important;padding-top:var(--qa-4)!important}
.form-actions,.hero-actions,.commercial-actions,.job-detail-actions{gap:var(--qa-2)!important}

/* Buttons and action hierarchy */
.btn{min-height:40px!important;padding:9px 14px!important;font-size:13.5px!important;font-weight:600!important;border-radius:9px!important}
.btn-lg{min-height:44px!important;padding:10px 16px!important}
.btn-primary{font-weight:650!important}
.btn-ghost{padding-left:10px!important;padding-right:10px!important}
.link-btn{min-height:36px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline:2px solid #0b5b88!important;outline-offset:2px!important
}

/* Navigation */
.sidebar{padding:18px 12px!important}
.side-brand{padding:6px 10px 20px!important}
.side-nav,.side-bottom{gap:3px!important}
.side-nav button,.side-bottom button{min-height:40px!important;padding:9px 11px!important;border-radius:9px!important;line-height:1.25!important}
.side-nav button.active{background:#edf5f9!important}
.app-header{min-height:60px}
.account-corner{min-width:42px}

/* Lists, cards and metadata */
.job-card-head,.analysis-progress-head,.profile-progress-top,.service-summary-head{gap:var(--qa-3)!important}
.job-meta,.keyword-wrap{gap:6px!important}
.job-card h3,.service-card h3{margin-top:0!important}
.service-card p,.job-card p{line-height:1.5!important}
.profile-completion-banner,.jobs-teaser,.commercial-next,.limit-nudge{margin-bottom:var(--qa-5)!important}
.notice,.job-deadline{line-height:1.45}
.progress-steps{flex-wrap:wrap}

/* Career services checkout */
.service-checkout-layout{gap:var(--qa-5)!important;align-items:start}
.service-checkout-stage{min-width:0}
.service-stage-head{margin-bottom:var(--qa-4)!important}
.service-stage-head h2{margin:4px 0 6px!important}
.service-order-summary{position:sticky;top:80px}
.service-cart-row{gap:var(--qa-3)!important}
.service-stage-actions{gap:var(--qa-2)!important;margin-top:var(--qa-5)!important;padding-top:var(--qa-4)!important}
.service-invoice{padding:var(--qa-6)!important}
.invoice-header,.invoice-customer,.invoice-line,.invoice-total>div{gap:var(--qa-4)!important}

/* Job detail and results */
.job-detail-card{padding:var(--qa-6)!important}
.job-detail-grid{gap:var(--qa-5)!important}
.job-detail-grid section,.job-detail-side{padding:var(--qa-4)!important}
.result-hero{padding:var(--qa-5)!important}
.tabs,.admin-tabs,.source-tabs{gap:var(--qa-2)!important;overflow-x:auto;scrollbar-width:thin}
.tab,.admin-tab{flex:0 0 auto}

/* Tables: no crushed columns on smaller screens */
.table-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.table-card table{min-width:720px;width:100%}
th,td{vertical-align:middle;line-height:1.4}
th{white-space:nowrap}
td button{white-space:nowrap}

/* Public site */
.shell{width:min(1120px,calc(100% - 40px))!important}
.hero{gap:clamp(28px,4vw,48px)!important;padding:56px 0!important}
.hero h1{font-size:clamp(36px,4vw,46px)!important}
.hero p{font-size:16px!important}
.hero-actions{flex-wrap:wrap}
.section{padding:56px 0!important}
.section-title{margin-bottom:var(--qa-8)!important}
.section-title h2{font-size:clamp(25px,3vw,30px)!important}
.feature-card,.steps article{padding:var(--qa-5)!important}
.cta-band{padding:36px 0!important}

/* Auth */
.auth-form-card{padding:clamp(22px,3vw,32px)!important}
.auth-form-card h2{margin:0 0 6px!important}
.auth-subcopy{margin-bottom:var(--qa-5)!important}
.auth-inline-row{margin:var(--qa-3) 0 var(--qa-4)!important}
.password-toggle{min-height:34px!important}

/* Admin */
.admin-toolbar,.admin-search{gap:var(--qa-2)!important}
.admin-toolbar select{min-width:180px;max-width:260px}
.admin-summary-grid{gap:var(--qa-3)!important}

/* Responsive inspection */
@media(max-width:1100px){
 .service-checkout-layout,.opportunity-admin-grid{grid-template-columns:1fr!important}
 .service-order-summary{position:static}
 .admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
 .panel{padding:20px!important}
 .page-head{align-items:flex-start!important}
 .page-head>.btn,.page-head>button{flex:0 0 auto}
 .job-detail-grid{grid-template-columns:1fr!important}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .panel{padding:16px!important}
 .page-head{flex-direction:column!important;gap:var(--qa-3)!important}
 .page-head>.btn,.page-head>button,.page-head .form-actions{width:100%}
 .page-head .form-actions .btn{flex:1}
 .metric-grid,.dashboard-usage-grid,.quick-grid,.service-grid,.jobs-grid,.plan-grid,.result-grid,.two-col,.feature-grid,.steps{grid-template-columns:1fr!important}
 .metric-grid{gap:var(--qa-2)!important}
 .form-card,.job-detail-card,.service-invoice{padding:var(--qa-4)!important}
 .section-row{align-items:flex-start!important}
 .section-row>.btn{flex:0 0 auto}
 .form-foot,.service-stage-actions,.job-detail-actions{flex-direction:column!important;align-items:stretch!important}
 .form-foot .btn,.service-stage-actions .btn,.job-detail-actions .btn{width:100%}
 .shell{width:min(100% - 28px,1120px)!important}
 .hero{padding:36px 0!important}
 .hero-actions .btn{width:100%}
 .trust-row{gap:10px!important}
 .cta-band .shell{gap:var(--qa-4)!important}
 .admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .admin-toolbar>*{width:100%!important;max-width:none!important}
}
@media(max-width:420px){
 .panel{padding:14px!important}
 .page-head h1{font-size:23px!important}
 .admin-summary-grid{grid-template-columns:1fr!important}
 .job-meta span,.keyword{font-size:11px!important}
}



/* Boot guard is reserved for authenticated session restoration only.
   Public visitors see the homepage immediately. */
html.jobex-booting body{visibility:visible!important}
html.jobex-booting .view{display:none!important}
html.jobex-booting body:before{
 content:"";position:fixed;inset:0;z-index:999999;
 display:block;background:#fff
}



/* Stage 1 UX consolidation — desktop navigation only. No mobile navigation redesign. */
.side-nav{display:flex!important;flex-direction:column!important;gap:4px!important}
.side-nav button{position:relative!important}
.side-nav button.active:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:#07539a}
.side-bottom{margin-top:auto!important;padding:14px 10px 4px!important;border-top:1px solid #e8eef2!important}
.side-account-hint{font-size:10.5px;line-height:16px;color:#8494a0;padding:0 2px}
.account-popover{width:340px!important}
.account-popover-links button{min-height:54px!important}
.account-popover-links small{line-height:1.35!important}
.app-title{font-weight:600!important;letter-spacing:-.01em}
@media(max-width:900px){
 /* Keep existing responsive behaviour; dedicated mobile UX remains a later phase. */
 .side-account-hint{display:none}
}



html[data-jobex-local-preview="true"] body:before{display:none!important}



/* Stage 2 — Home UX consolidation. Desktop information architecture only. */
#dashboardPanel{max-width:1190px!important;padding:28px 24px 34px!important}
.home-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.home-head h1{font-size:30px!important;line-height:1.12!important;margin:2px 0 5px!important;letter-spacing:-.03em}
.home-head p{margin:0!important;color:#687b8b!important;font-size:14px!important}
.home-kicker,.home-card-kicker{font-size:9.5px;font-weight:700;letter-spacing:.09em;color:#718596}
.home-next-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border:1px solid #cddfeb;border-radius:12px;background:#f8fbfd;margin-bottom:18px}
.home-next-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#eaf3f8;color:#07539a}
.home-next-icon svg,.home-action-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-next-copy>span{font-size:9px;font-weight:700;letter-spacing:.08em;color:#6d8191}
.home-next-copy h2{font-size:19px!important;margin:3px 0 3px!important;line-height:1.3!important}
.home-next-copy p{font-size:12.5px!important;line-height:1.5!important;margin:0!important;color:#667b8b!important}
.home-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}
.home-focus-card{border:1px solid #e1e8ed;border-radius:12px;background:#fff;padding:17px;min-width:0}
.home-card-head,.home-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.home-card-head{padding-bottom:12px;border-bottom:1px solid #edf1f3}
.home-card-head h2,.home-section-head h2{font-size:16px!important;line-height:1.3!important;margin:2px 0 0!important}
.home-text-action{border:0;background:transparent;color:#07539a;font-size:11px;font-weight:600;cursor:pointer;padding:4px 0}
.home-card-body{padding-top:13px}
.home-job-preview,.home-application-preview{display:grid;gap:12px}
.home-preview-main{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}
.home-company-mark{width:38px;height:38px;border-radius:8px;background:#f1f6f9;color:#07539a;display:grid;place-items:center;font-size:14px;font-weight:700}
.home-preview-main strong,.home-application-preview strong{display:block;font-size:14px;line-height:19px;color:#18364c}
.home-preview-main span,.home-application-preview span:not(.home-status-pill){display:block;font-size:11.5px;color:#526b7e;margin-top:1px}
.home-preview-main small,.home-application-preview small{display:block;font-size:10px;color:#84939e;margin-top:3px}
.home-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-fit-pill,.home-status-pill{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;background:#f3f6f8;color:#587083;font-size:9.5px!important;font-weight:600}
.home-fit-pill.strong{background:#edf7f1;color:#286541}.home-fit-pill.good{background:#eef5fa;color:#235e83}.home-fit-pill.explore{background:#f8f4eb;color:#735f2c}
.home-application-preview{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.home-empty-compact{min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.home-empty-compact strong{font-size:13px;color:#314b5f}.home-empty-compact p{font-size:11.5px!important;color:#7b8c98!important;margin:4px 0 10px!important}
.home-progress-section,.home-actions-section{margin-top:22px}
.home-section-head{margin-bottom:10px}
.home-progress-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e1e8ed;border-radius:12px;background:#fff;overflow:hidden}
.home-progress-item{border:0;border-right:1px solid #e8edf1;background:#fff;text-align:left;padding:15px 16px;cursor:pointer}
.home-progress-item:last-of-type{border-right:0}.home-progress-item:hover{background:#f8fafb}
.home-progress-item strong{display:block;font-size:21px;line-height:25px;color:#07539a}.home-progress-item span{display:block;font-size:10.5px;color:#748695;margin-top:2px}
.home-hidden-metric{display:none}
.home-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.home-action-card{display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:10px;min-height:76px;padding:12px;border:1px solid #e1e8ed;border-radius:10px;background:#fff;text-align:left;cursor:pointer;color:inherit}
.home-action-card:hover{border-color:#c7d7e1;background:#fafcfd}
.home-action-icon{width:32px;height:32px;border-radius:8px;background:#f1f6f9;color:#07539a;display:grid;place-items:center}
.home-action-icon svg{width:16px;height:16px}
.home-action-card strong{display:block;font-size:12.5px;color:#234258}.home-action-card small{display:block;font-size:10.5px;color:#82919c;margin-top:2px;line-height:1.4}.home-action-card b{font-size:18px;color:#8b99a3;font-weight:400}
.home-render-hook{display:none!important}

/* Preserve current responsive behaviour; no dedicated mobile UX redesign in this stage. */
@media(max-width:900px){.home-focus-grid{grid-template-columns:1fr}.home-actions-grid{grid-template-columns:1fr}.home-progress-grid{grid-template-columns:1fr 1fr}.home-next-card{grid-template-columns:42px minmax(0,1fr)}.home-next-card>.btn{grid-column:2;width:max-content}}



/* Unified outline icon system */
.nav-icon svg,.popover-nav-icon svg,.home-heading-icon svg,.home-progress-icon svg,
.home-action-icon svg,.home-next-icon svg,.activity-dot-svg svg,.home-action-chevron svg{
 width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;
 stroke-linecap:round;stroke-linejoin:round
}
.nav-icon{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;flex:0 0 18px!important}
.popover-nav-icon{display:grid!important;place-items:center!important}
.home-heading-with-icon{display:flex;align-items:flex-start;gap:9px}
.home-heading-icon{width:28px;height:28px;border-radius:8px;background:#f2f7fa;color:#07539a;display:grid;place-items:center;flex:0 0 28px}
.home-heading-icon svg{width:15px;height:15px}
.home-progress-item{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:10px!important}
.home-progress-icon{width:30px;height:30px;border-radius:8px;background:#f2f7fa;color:#07539a;display:grid;place-items:center}
.home-progress-icon svg{width:16px;height:16px}
.home-progress-item>div{min-width:0}
.home-action-chevron{width:14px;height:14px;display:grid;place-items:center;color:#8b99a3}
.home-action-chevron svg{width:14px;height:14px}
.activity-dot-svg{display:grid!important;place-items:center!important}
.activity-dot-svg svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-btn>span svg,.inline-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}



/* Stage 3 — Jobs For You UX consolidation. No matching-engine changes. */
#jobsPanel .jobs-page-head{align-items:flex-start!important;margin-bottom:16px!important}
#jobsPanel .jobs-page-head>div{max-width:760px}
#jobsPanel .jobs-page-head p{max-width:740px!important}
#jobsPanel .jobs-results-head{align-items:flex-end!important}
.jobs-results-meta{display:flex;align-items:center;gap:12px}
.potential-fit-help{font-size:10px;color:#768997;cursor:help;white-space:nowrap}
.potential-fit-help span{font-size:11px;color:#5f7788}

#jobsPanel .job-discovery-card{
 padding:16px!important;
 border:1px solid #e1e8ed!important;
 border-radius:12px!important;
 box-shadow:none!important
}
#jobsPanel .job-discovery-main{
 display:grid!important;
 grid-template-columns:40px minmax(0,1fr)!important;
 gap:12px!important
}
#jobsPanel .job-company-mark{
 width:40px!important;height:40px!important;border-radius:9px!important;
 background:#f2f7fa!important;color:#07539a!important;
 font-size:14px!important;font-weight:700!important
}
#jobsPanel .job-title-line{
 display:flex!important;justify-content:space-between!important;align-items:flex-start!important;
 gap:14px!important;margin-bottom:5px!important
}
#jobsPanel .job-title-line h3{
 margin:0 0 2px!important;font-size:16px!important;line-height:1.3!important;
 letter-spacing:-.015em!important
}
#jobsPanel .job-title-line strong{font-size:12px!important;font-weight:600!important;color:#536b7d!important}
.job-card-top-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
#jobsPanel .job-fit-badge{
 position:static!important;
 display:inline-flex!important;align-items:center!important;
 min-height:26px!important;padding:4px 9px!important;border-radius:999px!important;
 font-size:9.5px!important;font-weight:650!important;white-space:nowrap!important
}
#jobsPanel .job-save-icon{
 position:static!important;width:30px!important;height:30px!important;
 border-radius:8px!important;display:grid!important;place-items:center!important
}
#jobsPanel .job-save-icon svg{width:15px!important;height:15px!important}
#jobsPanel .job-meta-modern{display:flex!important;flex-wrap:wrap!important;gap:0!important;margin:4px 0 8px!important}
#jobsPanel .job-meta-modern span{
 display:inline-flex!important;align-items:center!important;
 font-size:10.5px!important;color:#718391!important
}
#jobsPanel .job-meta-modern span+span:before{content:"·";margin:0 7px;color:#a0adb6}
#jobsPanel .job-skill-tags{display:none!important}
#jobsPanel .job-reason-line{
 margin-top:8px!important;padding:9px 10px!important;border-radius:8px!important;
 background:#f8fafb!important;border:0!important
}
#jobsPanel .job-reason-line span{
 display:block!important;font-size:9.5px!important;font-weight:650!important;
 color:#3f5e73!important;margin-bottom:2px!important
}
#jobsPanel .job-reason-line p{
 margin:0!important;font-size:10.5px!important;line-height:1.45!important;color:#718391!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
#jobsPanel .job-card-foot{
 display:flex!important;justify-content:space-between!important;align-items:center!important;
 gap:12px!important;margin-top:11px!important;padding-top:11px!important;border-top:1px solid #edf1f3!important
}
#jobsPanel .job-timing{display:flex!important;gap:10px!important;align-items:center!important}
#jobsPanel .job-timing span{font-size:9.5px!important;color:#8a98a3!important}
#jobsPanel .job-timing .urgent{color:#a14d36!important;font-weight:600!important}
#jobsPanel .job-card-actions{display:flex!important;gap:7px!important;align-items:center!important}
#jobsPanel .job-card-actions .btn{min-height:34px!important;padding:7px 11px!important;font-size:11px!important}
#jobsPanel .job-card-actions .btn-primary{min-width:108px}

/* Explain the relationship once, then keep cards quiet */
#jobsPanel .jobs-results-head{margin-top:18px!important;margin-bottom:9px!important}
#jobsPanel .jobs-results-head h2{font-size:17px!important;margin:0 0 2px!important}
#jobsPanel .jobs-results-head p{font-size:11px!important;color:#7b8c98!important;margin:0!important}

/* Keep existing responsive rules intact; no mobile redesign here. */



/* Stage 4 — Potential Fit vs Full Match UX. Scoring logic remains unchanged. */
.job-page-back{display:inline-flex!important;align-items:center!important;gap:6px!important}
.job-page-back svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.job-page-fit{min-width:150px!important;padding:13px 14px!important;border:1px solid #dbe6ec!important;border-radius:11px!important;background:#f8fbfc!important;text-align:left!important}
.job-page-fit .job-fit-overline{display:block!important;font-size:8.5px!important;font-weight:700!important;letter-spacing:.09em!important;color:#708595!important;margin-bottom:2px!important}
.job-page-fit strong{display:block!important;font-size:22px!important;line-height:26px!important;color:#07539a!important}
.job-page-fit>span:last-child{display:block!important;font-size:9.5px!important;line-height:1.35!important;color:#7d8d98!important;margin-top:2px!important}
.job-fit-section{display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;gap:22px!important;align-items:center!important}
.fit-explainer-main h2{margin:3px 0 6px!important}
.fit-explainer-copy{max-width:700px!important;color:#687c8b!important;font-size:12px!important;line-height:1.55!important}
.fit-explainer-main ul{margin:10px 0 0!important;padding-left:18px!important}
.fit-explainer-main li{font-size:11.5px!important;line-height:1.5!important;margin:3px 0!important;color:#4d6576!important}
.fit-explainer-score{border-left:1px solid #e3eaee;padding-left:20px;text-align:left}
.fit-explainer-score span{display:block;font-size:9px;font-weight:700;letter-spacing:.07em;color:#788b99;text-transform:uppercase}
.fit-explainer-score strong{display:block;font-size:30px;line-height:34px;color:#07539a;margin-top:2px}
.fit-explainer-score small{display:block;font-size:10px;color:#738694;margin-top:2px}
.job-apply-conversion{border-color:#d7e4eb!important;background:#f9fbfc!important}
.job-apply-conversion .eyebrow{color:#07539a!important}
.result-context-label{display:block;font-size:9px;font-weight:700;letter-spacing:.09em;color:#708493;margin-bottom:7px}
.full-match-note{display:grid;gap:2px;margin-top:10px;padding:9px 11px;border-radius:8px;background:#f7fafb;border:1px solid #e4ebef}
.full-match-note strong{font-size:10px;color:#36556a}
.full-match-note span{font-size:10px;line-height:1.45;color:#748693}
.result-hero .big-score small{text-transform:uppercase;letter-spacing:.05em}
@media(max-width:900px){.job-fit-section{grid-template-columns:1fr!important}.fit-explainer-score{border-left:0;border-top:1px solid #e3eaee;padding:14px 0 0}}



/* Stage 5 — Full Match input workflow. Existing processing/backend logic is preserved. */
#jobmatchPanel{max-width:980px!important;padding-top:27px!important}
.match-page-head{margin-bottom:16px!important}
.page-eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:.09em;color:#708493;margin-bottom:3px}
#jobmatchPanel .match-journey{display:grid!important;gap:12px!important}
#jobmatchPanel .match-step-card{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:13px!important;padding:17px!important;border-radius:12px!important;box-shadow:none!important}
#jobmatchPanel .match-step-number{width:30px!important;height:30px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:#edf5f9!important;color:#07539a!important;font-size:11px!important;font-weight:700!important}
#jobmatchPanel .match-step-head{margin-bottom:12px!important}
#jobmatchPanel .match-step-head h2{font-size:17px!important;margin:0 0 2px!important}
#jobmatchPanel .match-step-head p{font-size:11.5px!important;margin:0!important;color:#758795!important}
#jobmatchPanel #matchCVSelectWrap label{font-size:11px!important;font-weight:600!important}
#jobmatchPanel #matchCVSelectWrap select{margin-top:5px!important}
.match-compact-action{margin-top:9px!important;min-height:58px!important;border-style:solid!important;background:#fbfcfd!important}
.match-svg-icon{display:grid!important;place-items:center!important}
.match-svg-icon svg,.match-source-icon svg,.match-ready-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.match-svg-icon svg{width:17px;height:17px}
.match-source-choices{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:10px!important}
#jobmatchPanel .match-source-choices .jd-mode{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;text-align:left!important;min-height:58px!important;padding:9px 10px!important;border:1px solid #dfe7ec!important;border-radius:9px!important;background:#fff!important;color:#38566b!important}
#jobmatchPanel .match-source-choices .jd-mode:hover{border-color:#bdd1dd!important;background:#fafcfd!important}
#jobmatchPanel .match-source-choices .jd-mode.active{border-color:#7eaac5!important;background:#f2f8fb!important;box-shadow:0 0 0 1px #7eaac5 inset!important}
.match-source-icon{width:28px;height:28px;border-radius:7px;background:#f1f6f9;color:#07539a;display:grid;place-items:center}
.match-source-icon svg{width:15px;height:15px}
.match-source-choices strong{display:block;font-size:11.5px;font-weight:600;color:#27475d}
.match-source-choices small{display:block;font-size:9.5px;line-height:1.3;color:#82929d;margin-top:1px}
.match-source-pane-shell{border:1px solid #e4eaee;border-radius:10px;padding:13px;background:#fcfdfe}
#jobmatchPanel .jd-pane textarea{min-height:150px!important;resize:vertical!important}
#jobmatchPanel .field-help{display:block!important;margin-top:5px!important;font-size:9.5px!important;line-height:1.4!important;color:#84939e!important}
#jobmatchPanel .job-url-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important}
.match-job-fields{margin-top:11px!important;padding-top:11px!important;border-top:1px solid #edf1f3!important}
.match-details-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.match-details-label span{font-size:9px;font-weight:700;letter-spacing:.07em;color:#6f8392}
.match-details-label small{font-size:9px;color:#94a0a8}
#jobmatchPanel .match-ready{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:15px 17px!important;background:#f8fbfd!important;border:1px solid #d4e3eb!important;box-shadow:none!important}
.match-ready-icon{width:36px;height:36px;border-radius:9px;background:#eaf3f8;color:#07539a;display:grid;place-items:center}
.match-ready-icon svg{width:18px;height:18px}
#jobmatchPanel .match-ready h3{font-size:15px!important;margin:2px 0!important}
#jobmatchPanel .match-ready p{font-size:10.5px!important;line-height:1.4!important;margin:0!important;color:#718493!important}
#jobmatchPanel .match-ready .btn{min-width:124px!important}
#jobmatchPanel .file-status strong,#jobmatchPanel .file-status span{display:block!important}
#jobmatchPanel .file-status span{font-size:9.5px;color:#82919c;margin-top:2px}
@media(max-width:900px){.match-source-choices{grid-template-columns:1fr!important}#jobmatchPanel .match-ready{grid-template-columns:36px minmax(0,1fr)!important}#jobmatchPanel .match-ready>.btn{grid-column:2;width:max-content}}



/* Stage 6 — frontend journey continuity. No new backend persistence. */
.match-journey-context{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border:1px solid #dbe6ec;border-radius:9px;background:#f8fbfc}
.match-journey-context.hidden{display:none!important}
.journey-context-icon{width:32px;height:32px;border-radius:8px;background:#eaf3f8;color:#07539a;display:grid;place-items:center}
.journey-context-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.match-journey-context>div:nth-child(2){min-width:0}
.match-journey-context span{display:block;font-size:8.5px;font-weight:700;letter-spacing:.08em;color:#748896}
.match-journey-context strong{display:block;font-size:12px;color:#29495f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match-journey-context small{display:block;font-size:9.5px;color:#83929d}
.match-journey-context>button{border:0;background:transparent;color:#07539a;font-size:10px;font-weight:600;cursor:pointer}
.journey-next-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important}
.journey-step-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.journey-path{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding-top:10px;border-top:1px solid #e8edf0;color:#84939e;font-size:9.5px}
.journey-path span{display:inline-flex;padding:3px 6px;border-radius:999px;background:#f3f6f8}
.journey-path span.complete{background:#edf6f0;color:#2f6845;font-weight:600}
.journey-path b{font-weight:400;color:#a2afb7}
.tailor-journey-actions{flex-wrap:wrap}
@media(max-width:900px){.journey-next-card{grid-template-columns:1fr!important}.journey-step-actions{justify-content:flex-start}.match-journey-context{grid-template-columns:32px minmax(0,1fr)}.match-journey-context>button{grid-column:2;justify-self:start;padding:0}}



/* Stage 7 — candidate-side tracker consolidation. Statuses remain user-managed. */
#applicationsPanel{max-width:1120px!important}
.application-summary{margin-bottom:18px!important}
.application-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.application-toolbar .application-filter-row{margin:0!important}
.application-tracker-note{font-size:9.5px;color:#83929d}
.application-tracker-list{gap:10px!important}
.application-card{background:#fff;border:1px solid #e0e7ec;border-radius:12px;padding:15px 16px;display:grid;gap:12px}
.application-card-closed{background:#fbfcfd}
.application-card-main{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:18px;align-items:start}
.application-role-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.application-role-top small{margin:0!important}
.application-status-chip{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:650;background:#f1f5f7;color:#526b7d}
.app-status-preparing,.app-status-started{background:#fff5e9;color:#936018}
.app-status-applied{background:#eef5fa;color:#285f82}
.app-status-interview{background:#edf7f1;color:#286541}
.app-status-offer{background:#eaf7ee;color:#1f6b3d}
.app-status-rejected,.app-status-withdrawn{background:#f4f4f4;color:#737d84}
.application-role>strong{font-size:14px!important;line-height:19px!important}
.application-card-fit{text-align:right}
.application-card-fit span{display:block;font-size:9px;color:#82919c}
.application-card-fit strong{display:block;font-size:17px;color:#07539a;margin-top:1px}
.application-progress-line{display:grid;grid-template-columns:repeat(5,1fr);position:relative;padding:2px 0}
.application-progress-line:before{content:"";position:absolute;left:4%;right:4%;top:7px;height:1px;background:#dfe6ea}
.application-progress-line>span{position:relative;z-index:1;text-align:center;color:#9aa7af}
.application-progress-line i{display:block;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #d5dfe5;margin:0 auto 4px}
.application-progress-line b{font-size:8.5px;font-weight:500}
.application-progress-line .reached{color:#527085}
.application-progress-line .reached i{border-color:#7ea6be;background:#eaf3f8}
.application-progress-line .current{color:#07539a}
.application-progress-line .current i{border-color:#07539a;background:#07539a;box-shadow:0 0 0 3px #e9f2f7}
.application-next{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:11px;border-top:1px solid #edf1f3}
.application-next>div:first-child span{display:block;font-size:8.5px;font-weight:700;letter-spacing:.08em;color:#83939e}
.application-next>div:first-child strong{display:block;font-size:10.5px;font-weight:500;color:#536b7c;margin-top:2px}
.application-next-actions{display:flex;align-items:center;gap:6px}
.application-next-actions .btn{min-height:32px!important;padding:6px 10px!important;font-size:10.5px!important}
.btn-quiet{width:32px!important;min-width:32px!important;padding:0!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px solid #e1e7eb!important;color:#718391!important}
.btn-quiet svg{width:15px;height:15px;fill:currentColor}
.application-manage{display:flex;align-items:end;gap:7px;padding:10px;border-radius:8px;background:#f8fafb;border:1px solid #e6ecef}
.application-manage.hidden{display:none!important}
.application-manage label{min-width:190px;font-size:9.5px;color:#6e8291}
.application-manage select{display:block;width:100%;height:32px;margin-top:3px;border:1px solid #dbe4e9;border-radius:7px;background:#fff;font-size:10.5px;padding:0 7px}
.application-manage .btn{min-height:32px!important;font-size:10px!important}
.application-empty{display:flex;flex-direction:column;align-items:center!important}
.application-empty-icon{width:40px;height:40px;border-radius:10px;background:#f1f6f9;color:#07539a;display:grid;place-items:center;margin-bottom:10px}
.application-empty-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.application-toolbar{align-items:flex-start;flex-direction:column}.application-next{align-items:flex-start;flex-direction:column}.application-card-main{grid-template-columns:1fr 80px}}



/* Stage 8 — My CVs UX. Backend renewal-period enforcement still requires server-side implementation. */
#mycvsPanel{max-width:1040px!important}
.cv-page-head{margin-bottom:14px!important}
.cv-slot-summary{padding:15px 17px!important;margin-bottom:10px!important;position:relative}
.cv-slot-main{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.cv-slot-main h2{font-size:16px;margin:3px 0 2px}
.cv-slot-main p{font-size:10.5px;color:#768895;margin:0}
.cv-slot-main>strong{font-size:22px;color:#07539a}.cv-slot-main>strong small{font-size:11px;color:#8797a2;font-weight:500}
.cv-slot-track{height:5px;background:#edf1f3;border-radius:999px;overflow:hidden;margin:10px 0}
.cv-slot-track span{display:block;height:100%;background:#5e8eaa;border-radius:999px}
.cv-slot-rule{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;padding-top:8px;border-top:1px solid #edf1f3}
.cv-slot-rule svg{width:19px;height:19px;fill:none;stroke:#55798f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cv-slot-rule span{font-size:9.5px;line-height:1.45;color:#7b8c98}.cv-slot-rule strong{display:block;font-size:10px;color:#4c6678;margin-bottom:1px}
.cv-slot-upgrade{position:absolute;right:17px;bottom:14px;min-height:30px!important;font-size:10px!important}
.cv-library-upload{min-height:62px!important;padding:10px 14px!important;margin-bottom:14px!important;border:1px dashed #cfdbe2!important;box-shadow:none!important}
.cv-upload-svg{display:grid!important;place-items:center!important}.cv-upload-svg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cv-upload-full{opacity:.55;cursor:not-allowed!important}.cv-upload-full .btn{pointer-events:none}
.cv-library-heading{display:flex;align-items:end;justify-content:space-between;margin:5px 0 8px}
.cv-library-heading h2{font-size:16px;margin:0 0 2px}.cv-library-heading p{font-size:10.5px;color:#82919c;margin:0}
.cv-library-modern{display:grid;gap:8px}
.cv-library-card{display:grid;grid-template-columns:38px minmax(0,1fr) 75px auto;gap:12px;align-items:center;padding:13px 14px;background:#fff;border:1px solid #e1e7eb;border-radius:10px;position:relative}
.cv-file-icon{width:36px;height:36px;border-radius:8px;background:#f1f6f9;color:#07539a;display:grid;place-items:center}.cv-file-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cv-name-line{display:flex;align-items:center;gap:7px}.cv-name-line>strong{font-size:12.5px}.cv-library-info>span{display:block;font-size:9.5px;color:#82919c;margin-top:2px}
.cv-primary-chip,.cv-used-chip,.cv-available-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:999px;font-size:8.5px;font-weight:650}
.cv-primary-chip{background:#edf4fa;color:#315f7d}.cv-used-chip{background:#eef5f0;color:#38664b}.cv-available-chip{background:#f3f5f6;color:#63737e}
.cv-used-chip svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cv-usage-line{display:flex;align-items:center;gap:6px;margin-top:6px}.cv-usage-line small{font-size:9px;color:#87959f}
.cv-library-score{text-align:center}.cv-library-score span{display:block;font-size:8.5px;color:#87959f}.cv-library-score strong{display:block;font-size:16px;color:#07539a}
.cv-library-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.cv-library-actions .btn{min-height:30px!important;padding:5px 8px!important;font-size:9.5px!important}.cv-primary-note{font-size:9px;color:#84929c}
.cv-more-btn{width:30px;height:30px;border:1px solid #e0e6ea;border-radius:7px;background:#fff;color:#6e8190;display:grid;place-items:center;cursor:pointer}.cv-more-btn svg{width:15px;height:15px;fill:currentColor}
.cv-card-menu{position:absolute;right:14px;top:48px;z-index:10;min-width:145px;background:#fff;border:1px solid #dfe6ea;border-radius:8px;padding:4px;box-shadow:0 8px 24px rgba(31,48,62,.12)}
.cv-card-menu.hidden{display:none!important}.cv-card-menu button{width:100%;display:flex;align-items:center;gap:7px;border:0;background:#fff;padding:7px 8px;border-radius:6px;font-size:10px;color:#405b6d;text-align:left;cursor:pointer}.cv-card-menu button:hover{background:#f5f8fa}.cv-card-menu button.danger{color:#a44848}.cv-card-menu button.disabled{color:#89969f;cursor:help}
.cv-card-menu svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cv-empty-state{text-align:center;padding:30px!important}.cv-empty-state>span{width:40px;height:40px;border-radius:9px;background:#f1f6f9;color:#07539a;display:grid;place-items:center;margin:0 auto 8px}.cv-empty-state svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cv-empty-state strong{font-size:13px}.cv-empty-state p{font-size:10.5px;color:#7e8f9b}
@media(max-width:900px){.cv-library-card{grid-template-columns:36px minmax(0,1fr) auto}.cv-library-score{display:none}.cv-slot-upgrade{position:static;margin-top:8px}.cv-slot-rule{padding-right:0}}



#cvreviewPanel{max-width:1040px!important}
.cvreview-page-head{margin-bottom:14px!important}
.cvreview-start{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 17px!important;box-shadow:none!important}
.cvreview-start-icon{width:38px;height:38px;border-radius:9px;background:#edf5f9;color:#07539a;display:grid;place-items:center}
.cvreview-start-icon svg,.cvreview-upload-icon svg,.cvreview-priority-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cvreview-start-icon svg{width:19px;height:19px}
.cvreview-start-head h2{font-size:16px!important;margin:0 0 2px!important}.cvreview-start-head p{font-size:10.5px!important;color:#788b99!important;margin:0 0 8px!important}
.cvreview-start-main #reviewCVSelectWrap label{font-size:10.5px!important}.cvreview-start-main #reviewCVSelectWrap select{margin-top:4px!important}
.cvreview-upload{min-height:52px!important;margin-top:8px!important;background:#fbfcfd!important;border-style:solid!important}
.cvreview-upload-icon{display:grid!important;place-items:center!important}.cvreview-upload-icon svg{width:16px;height:16px}
.cvreview-what{padding:12px 15px!important;margin-top:10px!important;box-shadow:none!important}
.cvreview-what-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.cvreview-what-head span{font-size:8.5px;font-weight:700;letter-spacing:.08em;color:#718595}.cvreview-what-head p{font-size:9.5px;color:#84939e;margin:0}
.cvreview-check-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.cvreview-check-grid span{padding:6px 7px;border:1px solid #e4eaee;border-radius:7px;background:#fafcfd;font-size:9px;color:#5d7383;text-align:center}
.cvreview-result-shell{display:grid;gap:12px}
.cvreview-summary{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;padding:18px!important}
.cvreview-score{height:104px;border-right:1px solid #e7ecef;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;text-align:center}.cvreview-score strong{font-size:36px;line-height:38px;color:#07539a}.cvreview-score>span{font-size:13px;color:#7a8b98;margin-top:15px}.cvreview-score small{width:100%;font-size:9px;color:#7f909c;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}
.cvreview-summary-copy h2{font-size:19px!important;margin:6px 0 4px!important}.cvreview-summary-copy p{font-size:11.5px!important;line-height:1.55!important;color:#708391!important;margin:0!important}
.cvreview-priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cvreview-priority-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;text-align:left;padding:12px;border:1px solid #e1e7eb;border-radius:10px;background:#fff;cursor:pointer}
.cvreview-priority-card:hover{background:#fafcfd;border-color:#ccd9e0}.cvreview-priority-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.cvreview-priority-icon svg{width:16px;height:16px}
.cvreview-priority-card.critical .cvreview-priority-icon{background:#fff2ed;color:#a8533b}.cvreview-priority-card.recommend .cvreview-priority-icon{background:#eef5fa;color:#356786}.cvreview-priority-card.strong .cvreview-priority-icon{background:#edf7f1;color:#2f6846}
.cvreview-priority-card strong{display:block;font-size:18px;color:#24465c}.cvreview-priority-card span{display:block;font-size:10.5px;font-weight:650;color:#496273}.cvreview-priority-card small{display:block;font-size:9px;line-height:1.35;color:#87959f;margin-top:1px}
.cvreview-score-section,.cvreview-detail-section{padding:16px!important;box-shadow:none!important}
.cvreview-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.cvreview-section-head h3{font-size:16px!important;margin:2px 0!important}.cvreview-section-head p{font-size:10px!important;line-height:1.45!important;color:#81909b!important;margin:0!important;max-width:680px}.cvreview-count{font-size:18px;font-weight:650;color:#07539a}
.cvreview-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cvreview-score-item{padding:10px;border:1px solid #e6ebee;border-radius:8px;background:#fbfcfd}.cvreview-score-item span{display:block;font-size:9px;color:#718593}.cvreview-score-item strong{display:block;font-size:16px;color:#284b61;margin:2px 0 6px}.cvreview-score-item>div{height:4px;border-radius:999px;background:#edf1f3;overflow:hidden}.cvreview-score-item i{display:block;height:100%;background:#6f9bb5;border-radius:999px}
.cvreview-group+.cvreview-group{margin-top:15px}.cvreview-group h4{font-size:11px;margin:0 0 7px;color:#425e71}
.cvreview-issue{display:grid;grid-template-columns:7px minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border-radius:8px;background:#fff8f5;margin-bottom:6px}.cvreview-issue>span{width:7px;height:7px;border-radius:50%;background:#bc6b52;margin-top:5px}.cvreview-issue p{font-size:10.5px;line-height:1.45;margin:0;color:#5f6670}
.cvreview-change{padding:10px 0;border-bottom:1px solid #edf1f3}.cvreview-change:last-child{border-bottom:0}.cvreview-change>div{display:flex;align-items:center;gap:6px}.cvreview-change>div strong{font-size:10.5px;color:#405e71}.cvreview-change p{font-size:10.5px;line-height:1.45;margin:6px 0 3px;color:#596f7e}.cvreview-change small{font-size:9.5px;line-height:1.45;color:#7c8e9a}
.cvreview-list{margin:0;padding-left:17px}.cvreview-list li{font-size:10.5px;line-height:1.5;margin:5px 0;color:#526a7a}.cvreview-list.positive li::marker{color:#3c7955}
.cvreview-insight{padding:10px;border-radius:8px;background:#f8fafb;margin-top:8px}.cvreview-insight strong{font-size:10px;color:#3e5d71}.cvreview-insight p{font-size:10px!important;line-height:1.5!important;color:#718493!important;margin:3px 0 0!important}
.cvreview-positive-empty{padding:14px;border-radius:8px;background:#f7faf8}.cvreview-positive-empty strong{font-size:11px;color:#38664b}.cvreview-positive-empty p{font-size:10px!important;color:#72827a!important;margin:3px 0 0!important}
.cvreview-next{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 17px!important;background:#f8fbfc!important;border-color:#d7e4eb!important;box-shadow:none!important}.cvreview-next h3{font-size:15px!important;margin:2px 0!important}.cvreview-next p{font-size:10.5px!important;line-height:1.45!important;color:#718493!important;margin:0!important;max-width:650px}.cvreview-next-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.cvreview-start{grid-template-columns:38px minmax(0,1fr)}.cvreview-start>.btn{grid-column:2;width:max-content}.cvreview-check-grid{grid-template-columns:repeat(3,1fr)}.cvreview-score-grid{grid-template-columns:repeat(2,1fr)}.cvreview-priority-grid{grid-template-columns:1fr}.cvreview-next{align-items:flex-start;flex-direction:column}.cvreview-next-actions{justify-content:flex-start}}



#revampPanel{max-width:1120px!important}
.service-intro-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;margin-bottom:10px;border:1px solid #dfe8ed;border-radius:9px;background:#f9fbfc}
.service-intro-strip>div{display:flex;align-items:center;gap:8px}.service-intro-strip p{font-size:9.5px;line-height:1.4;color:#758794;margin:0}.service-intro-strip p strong{color:#405e71}
.service-intro-icon{width:27px;height:27px;border-radius:7px;background:#eaf3f8;color:#07539a;display:grid;place-items:center;flex:none}.service-intro-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.service-view-requests{border:0;background:transparent;color:#07539a;font-size:9.5px;font-weight:650;white-space:nowrap;cursor:pointer}
.service-checkout-steps{margin-bottom:12px!important}.service-checkout-steps span{font-size:9.5px!important}
.service-checkout-layout{gap:12px!important;align-items:start!important}.service-checkout-main{min-width:0}
.service-stage-head{margin-bottom:10px!important}.service-stage-head h2{font-size:17px!important;margin:2px 0!important}.service-stage-head p{font-size:10.5px!important;color:#7a8c99!important}
.service-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.service-select-grid .service-card{padding:13px!important;min-height:158px!important;display:flex!important;flex-direction:column!important;box-shadow:none!important;border-color:#e1e7eb!important}
.service-select-grid .service-card.selected{border-color:#7ca5bc!important;box-shadow:0 0 0 1px #7ca5bc inset!important;background:#fbfdfe!important}
.service-select-head{margin-bottom:5px!important}.service-select-head h3{font-size:12.5px!important;line-height:1.3!important}
.service-card>p{font-size:9.8px!important;line-height:1.45!important;color:#718492!important;margin:0 0 8px!important;flex:1}.service-card>strong{font-size:13px!important;margin-bottom:8px!important}
.service-card .btn{align-self:flex-start!important;min-height:30px!important;padding:5px 9px!important;font-size:9.5px!important}
.service-order-summary{position:sticky!important;top:82px!important;padding:13px!important;box-shadow:none!important}.service-summary-head h3{font-size:13px!important}.service-cart-row{padding:8px 0!important}.service-cart-row strong{font-size:9.5px!important}.service-cart-row span{font-size:9px!important}
.service-cart-empty{padding:15px 5px;text-align:center}.service-cart-empty strong{display:block;font-size:10.5px;color:#526b7b}.service-cart-empty p{font-size:9px;color:#8a98a1;margin:3px 0 0}
.service-quote-notice{font-size:9px!important;line-height:1.4!important;padding:8px!important}
.service-stage-actions{margin-top:10px!important;padding-top:10px!important}.service-stage-actions .btn{min-height:34px!important}
.service-details-form{box-shadow:none!important}.service-payment-card{box-shadow:none!important}
.service-history-head{display:flex;justify-content:space-between;align-items:end;margin:24px 0 8px}.service-history-head h2{font-size:16px;margin:2px 0}.service-history-head p{font-size:10px;color:#80909b;margin:0}
.service-history-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.service-request-list{display:grid;gap:8px}
.service-request-card{background:#fff;border:1px solid #e1e7eb;border-radius:10px;padding:13px 14px}
.service-request-card.legacy{background:#fbfcfd}
.service-request-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.service-request-top>div:first-child>strong{display:block;font-size:11.5px;color:#334f62;margin:5px 0 1px}.service-request-top small{font-size:9px;color:#87959f}
.service-request-status{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:8.5px;font-weight:650;background:#f1f4f6;color:#617480}.service-request-status.payment{background:#fff3e8;color:#8c5b1c}.service-request-status.waiting{background:#f3f4f6;color:#6f7780}.service-request-status.paid{background:#eef5fa;color:#315f7d}.service-request-status.progress{background:#eef6f1;color:#34674a}.service-request-status.complete{background:#eaf7ee;color:#256a3e}
.service-request-amount{text-align:right}.service-request-amount span{display:block;font-size:8.5px;color:#87959f}.service-request-amount strong{font-size:13px;color:#315268}
.service-request-next{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f3}.service-request-next>div:first-child>span{display:block;font-size:8px;font-weight:700;letter-spacing:.08em;color:#84949f}.service-request-next p{font-size:9.5px;color:#667b89;margin:2px 0}.service-request-next small{font-size:8.5px;color:#87959f}.service-request-actions{display:flex;gap:6px;flex:none}.service-request-actions .btn{min-height:30px!important;padding:5px 9px!important;font-size:9.5px!important}
.service-requests-empty{text-align:center;padding:30px 16px;background:#fff;border:1px solid #e1e7eb;border-radius:10px}.service-requests-empty>span{width:38px;height:38px;border-radius:9px;background:#f1f6f9;color:#07539a;display:grid;place-items:center;margin:0 auto 8px}.service-requests-empty svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service-requests-empty strong{font-size:12px}.service-requests-empty p{font-size:9.5px;color:#83929d;margin:3px 0}
@media(max-width:900px){.service-select-grid{grid-template-columns:1fr!important}.service-intro-strip{align-items:flex-start}.service-request-next{align-items:flex-start;flex-direction:column}}



#revampPanel{max-width:1040px!important}.service-simple-head{align-items:center!important;margin-bottom:14px!important}.service-simple-head>.btn{min-height:32px!important;font-size:10px!important}
.service-simple-stage{display:none}.service-simple-stage.active{display:block}
.service-outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.service-outcome-card{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:13px 14px;border:1px solid #e0e7eb;border-radius:10px;background:#fff;text-align:left;cursor:pointer;min-height:86px}
.service-outcome-card:hover{border-color:#b9ccd7;background:#fbfdfe;transform:translateY(-1px)}.service-outcome-icon{width:36px;height:36px;border-radius:9px;background:#eef5f9;color:#07539a;display:grid;place-items:center}.service-outcome-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-outcome-card strong{display:block;font-size:12px;color:#304e62}.service-outcome-card small{display:block;font-size:9.5px;color:#7e8f9b;margin:2px 0 5px}.service-outcome-card b{display:block;font-size:10px;color:#07539a}.service-outcome-card>i{font-size:19px;font-style:normal;color:#9aa8b1}
.service-secondary-choice{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px;font-size:9.5px;color:#7d8e99}.service-secondary-choice button{border:0;background:transparent;color:#07539a;font-size:9.5px;font-weight:650;cursor:pointer}
.service-back-link{border:0;background:transparent;color:#607989;font-size:10px;padding:0;margin:0 0 9px;cursor:pointer}
.service-focus-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px;align-items:start}.service-chosen-summary{margin-bottom:9px}.service-chosen-summary h2{font-size:18px;margin:2px 0}.service-chosen-summary p{font-size:10px;color:#7c8d98;margin:0}
.service-simple-form{padding:16px!important;box-shadow:none!important}.service-simple-form label{font-size:10px!important}.service-simple-form input,.service-simple-form select,.service-simple-form textarea{margin-top:4px!important}.service-simple-form #serviceDynamicFields{display:grid;gap:9px}.service-contact-details{margin-top:10px;border-top:1px solid #e9eef1;padding-top:9px}.service-contact-details summary{font-size:9.5px;color:#637b8b;cursor:pointer;margin-bottom:8px}.service-notes-label{display:block;margin-top:10px}
.service-simple-submit{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:12px;padding-top:12px;border-top:1px solid #e9eef1}.service-simple-submit>div span{display:block;font-size:8.5px;color:#83939e}.service-simple-submit>div strong{display:block;font-size:18px;color:#244b63}.service-simple-submit>div small{display:block;font-size:8.5px;color:#87959f}
.service-reassurance{padding:13px!important;display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;align-items:start;box-shadow:none!important}.service-reassurance>strong{grid-column:1/-1;font-size:11px;margin-bottom:2px}.service-reassurance>span{width:20px;height:20px;border-radius:6px;background:#edf4f8;color:#07539a;display:grid;place-items:center;font-size:8.5px;font-weight:700}.service-reassurance p{font-size:9px;color:#758794;margin:3px 0}
.service-simple-confirm{max-width:650px;margin:20px auto;padding:24px!important;text-align:center}.service-request-success .success-mark{display:grid;width:38px;height:38px;border-radius:50%;place-items:center;margin:0 auto 8px;background:#edf7f1;color:#2c7047;font-size:17px}.service-request-success h2{font-size:18px;margin:4px 0}.service-request-success p{font-size:10.5px;line-height:1.5;color:#748692;max-width:500px;margin:0 auto 12px}
#revampPanel .service-payment-card{max-width:620px;margin:18px auto!important}.service-history-head{margin-top:30px!important}
@media(max-width:900px){.service-outcome-grid{grid-template-columns:1fr}.service-focus-layout{grid-template-columns:1fr}.service-reassurance{display:none}}



#revampPanel{max-width:1040px!important}.service-saas-head{margin-bottom:8px!important}
.service-workspace-tabs{display:flex;gap:3px;border-bottom:1px solid #e2e8ec;margin-bottom:18px}.service-workspace-tabs button{border:0;background:transparent;padding:8px 10px 9px;font-size:10.5px;color:#738592;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.service-workspace-tabs button.active{color:#164d70;font-weight:650;border-bottom-color:#164d70}.service-workspace-tabs button span{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:999px;background:#eef2f4;font-size:8px;margin-left:3px}
.service-workspace-view{display:none}.service-workspace-view.active{display:block}.service-workspace-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.service-workspace-intro h2,.service-request-toolbar h2{font-size:15px;margin:0 0 2px}.service-workspace-intro p,.service-request-toolbar p{font-size:9.5px;color:#83929c;margin:0}
.service-saas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.service-saas-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto 16px;gap:9px;align-items:center;min-height:68px;padding:10px 11px;border:1px solid #e0e6ea;border-radius:8px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.service-saas-card:hover{border-color:#b9cad4;box-shadow:0 2px 8px rgba(36,64,82,.05);transform:translateY(-1px)}.service-saas-card:hover>i{transform:translateX(2px)}
.service-saas-icon{width:32px;height:32px;border-radius:7px;background:#f0f5f8;color:#315f7d;display:grid;place-items:center}.service-saas-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service-saas-copy strong{display:block;font-size:10.5px;color:#355165}.service-saas-copy small{display:block;font-size:9px;color:#82919b;margin-top:1px}.service-saas-price{font-size:9.5px;font-weight:650;color:#315f7d;white-space:nowrap}.service-saas-card>i{font-style:normal;color:#9aa7af;font-size:12px;transition:transform .15s}
.service-request-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:9px}.service-request-filters{display:flex;gap:3px}.service-request-filters button{border:1px solid transparent;background:transparent;border-radius:6px;padding:5px 7px;font-size:9px;color:#748692;cursor:pointer}.service-request-filters button.active{background:#eef4f7;color:#315f7d;font-weight:650}
.service-drawer-backdrop{position:fixed;inset:0;background:rgba(20,36,48,.22);z-index:1490}.service-drawer{position:fixed;z-index:1500;right:0;top:0;height:100vh;width:min(430px,92vw);background:#fff;box-shadow:-14px 0 40px rgba(26,45,58,.12);transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column}.service-drawer.open{transform:translateX(0)}.service-drawer-head{display:flex;justify-content:space-between;gap:12px;padding:20px 20px 15px;border-bottom:1px solid #e7ecef}.service-drawer-head h2{font-size:18px;margin:3px 0}.service-drawer-head p{font-size:10px;line-height:1.45;color:#778a97;margin:0}.service-drawer-close{width:30px;height:30px;border:1px solid #e1e7ea;border-radius:7px;background:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.service-drawer-close svg{width:14px;height:14px;fill:none;stroke:#607787;stroke-width:1.8;stroke-linecap:round}
.service-drawer-body{padding:18px 20px;overflow:auto;flex:1}.service-drawer-overview{padding:13px;border:1px solid #e3e9ed;border-radius:8px;background:#fafcfd}.service-drawer-overview span{display:block;font-size:9px;color:#81919c}.service-drawer-overview strong{display:block;font-size:20px;color:#254d65;margin:2px 0}.service-drawer-overview small{font-size:9px;color:#83929c}.service-drawer-next{padding:14px 2px}.service-drawer-next strong{font-size:10px;color:#466173}.service-drawer-next p{font-size:9.5px;color:#7b8c98;margin:3px 0}.service-drawer-start,.service-drawer-submit{width:100%;justify-content:center!important}.service-drawer-form{display:grid;gap:10px}.service-drawer-form label{font-size:10px!important}.service-drawer-form input,.service-drawer-form select,.service-drawer-form textarea{margin-top:4px!important}.service-drawer-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6ebee;padding-top:12px;margin-top:3px}.service-drawer-total span{font-size:9px;color:#7d8e99}.service-drawer-total strong{font-size:17px;color:#254d65}.service-drawer-total small{font-size:8px;color:#87959f}.service-contact-details{border-top:1px solid #e9eef1;padding-top:9px}.service-contact-details summary{font-size:9.5px;color:#637b8b;cursor:pointer}.service-drawer-payment h3{font-size:17px;margin:3px 0}.service-drawer-payment p{font-size:10px;line-height:1.45;color:#768996}.service-drawer-payment .btn{width:100%;justify-content:center}.service-drawer-payment>small{display:block;font-size:8.5px;color:#89969f;text-align:center;margin-top:7px}
#revampPanel .service-request-card{padding:11px 12px!important}.service-history-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:900px){.service-saas-grid{grid-template-columns:1fr}.service-request-toolbar{align-items:flex-start;flex-direction:column}.service-request-filters{flex-wrap:wrap}}



:root{
 --jx-bg:#f7f9fb;
 --jx-surface:#ffffff;
 --jx-surface-subtle:#fafcfd;
 --jx-border:#dfe6ea;
 --jx-border-soft:#e9eef1;
 --jx-text:#203b4f;
 --jx-muted:#748794;
 --jx-brand:#07539a;
 --jx-brand-soft:#eef5f9;
 --jx-success:#2f6b49;
 --jx-success-soft:#eef7f2;
 --jx-warn:#8a5a1f;
 --jx-warn-soft:#fff5e9;
 --jx-danger:#a24e4e;
 --jx-danger-soft:#fff2f2;
 --jx-radius:10px;
 --jx-radius-lg:12px;
 --jx-shadow:0 1px 2px rgba(24,45,59,.04),0 4px 12px rgba(24,45,59,.025);
 --jx-gap:12px;
}

/* ---------- shared logged-in workspace system ---------- */
.app-main,.main-content,.content{background:var(--jx-bg)!important}
.panel{
 max-width:1180px;
 margin:0 auto;
 padding:24px 24px 36px!important;
}
.panel>.page-head,
.panel>.jobs-page-head,
.panel>.home-head{
 margin-bottom:14px!important;
}
.page-head h1,.jobs-page-head h1,.home-head h1{
 color:var(--jx-text)!important;
 letter-spacing:-.025em!important;
}
.page-head p,.jobs-page-head p,.home-head p{
 color:var(--jx-muted)!important;
}
.page-eyebrow,.eyebrow,.home-kicker,.home-card-kicker{
 color:#718595!important;
 letter-spacing:.08em!important;
 font-weight:700!important;
}
.card{
 border:1px solid var(--jx-border)!important;
 border-radius:var(--jx-radius-lg)!important;
 background:var(--jx-surface)!important;
 box-shadow:none!important;
}
.card:hover{box-shadow:none!important}
.btn{
 border-radius:8px!important;
 min-height:34px!important;
 font-weight:600!important;
}
.btn-primary{
 background:var(--jx-brand)!important;
 border-color:var(--jx-brand)!important;
}
.btn-primary:hover{filter:brightness(.97)}
.btn-outline{
 background:#fff!important;
 border:1px solid var(--jx-border)!important;
 color:#31566e!important;
}
.btn-outline:hover{background:#f9fbfc!important;border-color:#c8d5dd!important}
.pill,.status,.activity-status{
 border-radius:999px!important;
 font-size:9px!important;
 line-height:1!important;
}
input,select,textarea{
 border-radius:8px!important;
 border-color:#d8e1e6!important;
 background:#fff!important;
 box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{
 border-color:#87acc2!important;
 box-shadow:0 0 0 3px rgba(7,83,154,.08)!important;
 outline:none!important;
}

/* ---------- Home ---------- */
#dashboardPanel{max-width:1180px!important}
.home-head{align-items:center!important}
.home-head>.btn{min-height:34px!important}
.home-next-card{
 border:1px solid #dbe5ea!important;
 background:linear-gradient(180deg,#fbfdfe,#f8fbfc)!important;
 border-radius:12px!important;
 box-shadow:none!important;
}
.home-focus-card{
 border:1px solid var(--jx-border)!important;
 border-radius:10px!important;
 box-shadow:none!important;
}
.home-card-head{border-bottom:1px solid var(--jx-border-soft)!important}
.home-progress-grid{
 border:1px solid var(--jx-border)!important;
 border-radius:10px!important;
 box-shadow:none!important;
}
.home-progress-item{
 min-height:74px!important;
 transition:background .15s ease!important;
}
.home-progress-item:hover{background:#fafcfd!important}
.home-actions-grid{gap:8px!important}
.home-action-card{
 min-height:72px!important;
 border:1px solid var(--jx-border)!important;
 border-radius:9px!important;
 transition:border-color .15s,background .15s,transform .15s!important;
}
.home-action-card:hover{
 border-color:#c4d3dc!important;
 background:#fbfdfe!important;
 transform:translateY(-1px)!important;
}

/* ---------- Jobs For You ---------- */
#jobsPanel{max-width:1180px!important}
.jobs-page-head{
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:16px!important;
}
#jobsPanel .jobs-filter-bar,
#jobsPanel .jobs-toolbar,
#jobsPanel .job-search-bar{
 border:1px solid var(--jx-border)!important;
 background:#fff!important;
 border-radius:10px!important;
 box-shadow:none!important;
}
#jobsPanel .job-discovery-card{
 border:1px solid var(--jx-border)!important;
 border-radius:10px!important;
 background:#fff!important;
 transition:border-color .15s,transform .15s!important;
}
#jobsPanel .job-discovery-card:hover{
 border-color:#c4d4dd!important;
 transform:translateY(-1px)!important;
}
#jobsPanel .job-fit-badge{
 background:var(--jx-brand-soft)!important;
 color:#2d6282!important;
}
#jobsPanel .job-save-icon{
 border:1px solid var(--jx-border)!important;
 background:#fff!important;
}
#jobsPanel .job-save-icon:hover{background:#f8fbfc!important}
#jobsPanel .job-reason-line{
 border:1px solid #edf1f3!important;
 background:#fafcfd!important;
}
#jobsPanel .job-card-foot{border-top:1px solid var(--jx-border-soft)!important}

/* ---------- Job details ---------- */
#jobDetailsPanel,.job-details-page,.job-page-shell{max-width:1180px!important}
.job-page-shell,.job-page-main,.job-page-aside{
 border-color:var(--jx-border)!important;
}
.job-page-header,.job-page-section,.job-apply-conversion{
 border-radius:10px!important;
 box-shadow:none!important;
}
.job-page-fit{
 background:#f9fbfc!important;
 border-color:#dbe5ea!important;
}
.job-page-section{
 border:1px solid var(--jx-border)!important;
 background:#fff!important;
}
.job-apply-conversion{
 border:1px solid #d9e5eb!important;
 background:#f8fbfc!important;
}
.job-page-back{
 color:#587283!important;
}
.job-page-back:hover{color:var(--jx-brand)!important}

/* ---------- Full Match ---------- */
#jobmatchPanel{max-width:1020px!important}
.match-journey-context{
 border:1px solid var(--jx-border)!important;
 background:#f9fbfc!important;
 border-radius:9px!important;
}
#jobmatchPanel .match-step-card{
 border:1px solid var(--jx-border)!important;
 border-radius:10px!important;
 background:#fff!important;
}
#jobmatchPanel .match-step-number{
 background:var(--jx-brand-soft)!important;
 color:var(--jx-brand)!important;
}
#jobmatchPanel .match-source-choices .jd-mode{
 border:1px solid var(--jx-border)!important;
 background:#fff!important;
 border-radius:8px!important;
}
#jobmatchPanel .match-source-choices .jd-mode.active{
 background:#f2f8fb!important;
 border-color:#8eb0c4!important;
 box-shadow:0 0 0 1px #8eb0c4 inset!important;
}
.match-source-pane-shell{
 border:1px solid var(--jx-border)!important;
 background:#fbfcfd!important;
 border-radius:9px!important;
}
#jobmatchPanel .match-ready{
 border:1px solid #d6e3ea!important;
 background:#f9fbfc!important;
 border-radius:10px!important;
}
.result-hero,.commercial-next,.journey-next-card,.content-card{
 border:1px solid var(--jx-border)!important;
 border-radius:10px!important;
 box-shadow:none!important;
}
.full-match-note{
 background:#f8fafb!important;
 border-color:#e2e9ed!important;
}

/* ---------- Applications ---------- */
#applicationsPanel{max-width:1120px!important}
.application-summary{
 display:grid!important;
 grid-template-columns:repeat(4,1fr)!important;
 gap:8px!important;
}
.application-summary article{
 border:1px solid var(--jx-border)!important;
 border-radius:9px!important;
 background:#fff!important;
 box-shadow:none!important;
}
.application-toolbar{
 padding-bottom:8px!important;
 border-bottom:1px solid var(--jx-border-soft)!important;
}
.application-filter-row .filter{
 border:1px solid transparent!important;
 border-radius:7px!important;
 background:transparent!important;
}
.application-filter-row .filter.active{
 background:#edf4f8!important;
 color:#315f7d!important;
 border-color:#d9e6ec!important;
}
.application-card{
 border:1px solid var(--jx-border)!important;
 border-radius:10px!important;
 transition:border-color .15s!important;
}
.application-card:hover{border-color:#c7d5dd!important}
.application-progress-line:before{background:#e1e7eb!important}
.application-next{border-top:1px solid var(--jx-border-soft)!important}
.application-manage{
 border:1px solid var(--jx-border)!important;
 background:#fafcfd!important;
 border-radius:8px!important;
}

/* ---------- My CVs ---------- */
#mycvsPanel{max-width:1040px!important}
.cv-slot-summary{
 border:1px solid var(--jx-border)!important;
 border-radius:10px!important;
 background:#fff!important;
}
.cv-slot-track{background:#edf1f3!important}
.cv-slot-rule{border-top-color:var(--jx-border-soft)!important}
.cv-library-upload{
 border:1px dashed #c9d6dd!important;
 background:#fafcfd!important;
 border-radius:10px!important;
}
.cv-library-upload:hover{border-color:#9fb8c6!important;background:#f8fbfc!important}
.cv-library-card{
 border:1px solid var(--jx-border)!important;
 border-radius:9px!important;
 background:#fff!important;
 transition:border-color .15s!important;
}
.cv-library-card:hover{border-color:#c7d6de!important}
.cv-card-menu{
 border:1px solid var(--jx-border)!important;
 border-radius:8px!important;
 box-shadow:0 10px 28px rgba(26,45,58,.10)!important;
}
.cv-primary-chip,.cv-used-chip,.cv-available-chip{
 border:1px solid rgba(80,110,128,.08)!important;
}

/* ---------- CV Review ---------- */
#cvreviewPanel{max-width:1040px!important}
.cvreview-start,.cvreview-what,.cvreview-summary,.cvreview-score-section,.cvreview-detail-section,.cvreview-next{
 border:1px solid var(--jx-border)!important;
 border-radius:10px!important;
 box-shadow:none!important;
}
.cvreview-start{background:#fff!important}
.cvreview-what{background:#fafcfd!important}
.cvreview-priority-card{
 border:1px solid var(--jx-border)!important;
 border-radius:9px!important;
 transition:border-color .15s,background .15s,transform .15s!important;
}
.cvreview-priority-card:hover{
 border-color:#c7d5dd!important;
 background:#fbfdfe!important;
 transform:translateY(-1px)!important;
}
.cvreview-score-item{
 border:1px solid #e3e9ed!important;
 border-radius:8px!important;
 background:#fafcfd!important;
}
.cvreview-change{border-bottom-color:var(--jx-border-soft)!important}
.cvreview-insight{background:#f8fafb!important;border:1px solid #edf1f3!important}
.cvreview-next{
 background:#f8fbfc!important;
 border-color:#d8e4ea!important;
}

/* ---------- Career Services keeps v11.89 SaaS pattern ---------- */
#revampPanel{max-width:1040px!important}
.service-saas-card{
 border-color:var(--jx-border)!important;
 background:#fff!important;
}
.service-workspace-tabs{border-bottom-color:var(--jx-border)!important}
.service-drawer{
 box-shadow:-16px 0 44px rgba(26,45,58,.12)!important;
}

/* ---------- Consistent dropdowns / popovers ---------- */
.account-popover,.notification-menu,.dropdown-menu,.cv-card-menu{
 border:1px solid var(--jx-border)!important;
 border-radius:9px!important;
 background:#fff!important;
 box-shadow:0 10px 28px rgba(26,45,58,.10)!important;
}
.account-popover-links button:hover,.notification-item:hover,.dropdown-menu button:hover{
 background:#f7fafb!important;
}

/* ---------- desktop information density ---------- */
@media(min-width:901px){
 .panel{min-height:calc(100vh - 64px)}
 .page-head h1,.jobs-page-head h1{font-size:26px!important;line-height:1.2!important}
 .page-head p,.jobs-page-head p{font-size:11.5px!important;line-height:1.5!important}
}

/* Mobile layout intentionally not redesigned in this harmonisation pass. */



#plansPanel{max-width:1060px!important}
.billing-page-head{margin-bottom:8px!important}
.billing-tabs{display:flex;gap:3px;border-bottom:1px solid var(--jx-border);margin-bottom:16px}
.billing-tabs button{border:0;background:transparent;padding:8px 10px 9px;font-size:10.5px;color:#748692;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.billing-tabs button.active{color:#164d70;font-weight:650;border-bottom-color:#164d70}
.billing-view{display:none}.billing-view.active{display:block}
.billing-view-head{margin-bottom:9px}.billing-view-head h2{font-size:15px;margin:0 0 2px}.billing-view-head p{font-size:9.5px;color:#83929d;margin:0}

.billing-current{display:grid;gap:9px}
.billing-plan-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 17px;border:1px solid var(--jx-border);border-radius:10px;background:#fff}
.billing-plan-name{display:flex;align-items:center;gap:7px}.billing-plan-name h2{font-size:20px;margin:2px 0}.billing-active-chip{padding:3px 6px;border-radius:999px;background:#edf7f1;color:#2f6846;font-size:8.5px;font-weight:650}
.billing-plan-copy p{font-size:10px;color:#7c8e9a;margin:0}.billing-plan-renewal{text-align:right}.billing-plan-renewal>span{display:block;font-size:8.5px;color:#87959f}.billing-plan-renewal>strong{display:block;font-size:11px;color:#435f72;margin:2px 0 7px}
.billing-limit-nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #eadfcf;border-radius:9px;background:#fffaf4}.billing-limit-nudge>div{display:flex;align-items:center;gap:9px}.billing-nudge-icon{width:29px;height:29px;border-radius:7px;background:#fff1df;color:#8a5a1f;display:grid;place-items:center}.billing-nudge-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.billing-limit-nudge strong{display:block;font-size:10px;color:#6f522f}.billing-limit-nudge p{font-size:9px;color:#8c7963;margin:1px 0}
.billing-usage-card{padding:15px 16px;border:1px solid var(--jx-border);border-radius:10px;background:#fff}.billing-section-title h3{font-size:13px;margin:0 0 2px}.billing-section-title p{font-size:9px;color:#87959f;margin:0 0 10px}
.billing-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.billing-usage-item{padding:10px;border:1px solid #e6ebee;border-radius:8px;background:#fbfcfd}.billing-usage-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.billing-usage-top span{font-size:9px;color:#6f8290}.billing-usage-top strong{font-size:14px;color:#31566d}.billing-usage-top strong small{font-size:8px;color:#87959f;font-weight:500}.billing-usage-track{height:4px;background:#edf1f3;border-radius:999px;overflow:hidden;margin:7px 0 5px}.billing-usage-track i{display:block;height:100%;background:#6f9bb5;border-radius:999px}.billing-usage-item>small{font-size:8.5px;color:#87959f}.billing-history-item p{font-size:8.7px;line-height:1.4;color:#7c8e9a;margin:8px 0 0}
.billing-account-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.billing-account-links button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:11px 12px;border:1px solid var(--jx-border);border-radius:9px;background:#fff;cursor:pointer}.billing-account-links button:hover{border-color:#c6d4dc;background:#fbfdfe}.billing-account-links strong{display:block;font-size:10px;color:#405d70}.billing-account-links small{display:block;font-size:8.8px;color:#85949e;margin-top:1px}.billing-account-links b{font-size:12px;color:#8a99a3}

.billing-plan-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.billing-plan-card{padding:14px;border:1px solid var(--jx-border);border-radius:10px;background:#fff;display:flex;flex-direction:column;min-height:280px}.billing-plan-card.popular{border-color:#9db8c8;box-shadow:0 0 0 1px #9db8c8 inset}.billing-plan-card.current{background:#fafcfd}.billing-plan-card-head{display:flex;justify-content:space-between;gap:8px}.billing-plan-card-head h3{font-size:13px;margin:0}.billing-plan-card-head p{font-size:8.8px;color:#87959f;margin:2px 0 0}.billing-plan-card-head>span{height:max-content;padding:3px 5px;border-radius:999px;background:#eef5f9;color:#315f7d;font-size:7.5px;font-weight:650}.billing-plan-price{margin:14px 0}.billing-plan-price strong{font-size:20px;color:#264c63}.billing-plan-price small{font-size:8.5px;color:#87959f;margin-left:2px}.billing-plan-features{display:grid;gap:7px;margin-bottom:15px;flex:1}.billing-plan-features span{font-size:9px;color:#647987}.billing-plan-features b{color:#355b72}.billing-plan-card .btn{min-height:32px!important;font-size:9.5px!important}

.billing-transactions{display:grid;gap:6px}.billing-transaction{display:grid;grid-template-columns:32px minmax(0,1fr) auto 14px;gap:10px;align-items:center;width:100%;padding:10px 11px;border:1px solid var(--jx-border);border-radius:9px;background:#fff;text-align:left;cursor:pointer}.billing-transaction:hover{border-color:#c5d4dc;background:#fbfdfe}.billing-transaction-icon{width:30px;height:30px;border-radius:7px;background:#f1f6f9;color:#315f7d;display:grid;place-items:center}.billing-transaction-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.billing-transaction-copy strong{display:block;font-size:10px;color:#3e5c70}.billing-transaction-copy small{display:block;font-size:8.5px;color:#87959f;margin-top:1px}.billing-transaction-amount{text-align:right}.billing-transaction-amount strong{display:block;font-size:10px;color:#3b596d}.billing-transaction-amount small{display:inline-block;margin-top:2px;padding:2px 5px;border-radius:999px;background:#f2f4f5;color:#77848d;font-size:7.5px;text-transform:capitalize}.billing-transaction-amount small.paid{background:#edf7f1;color:#2f6846}.billing-transaction>b{font-size:11px;color:#98a5ad}
.billing-empty{text-align:center;padding:30px 15px;border:1px solid var(--jx-border);border-radius:10px;background:#fff}.billing-empty>span{display:grid;width:38px;height:38px;place-items:center;margin:0 auto 8px;border-radius:9px;background:#f1f6f9;color:#315f7d}.billing-empty svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.billing-empty strong{font-size:11px}.billing-empty p{font-size:9px;color:#85949e;margin:3px 0}
@media(max-width:900px){.billing-usage-grid,.billing-plan-grid{grid-template-columns:1fr 1fr!important}.billing-plan-hero{align-items:flex-start;flex-direction:column}.billing-plan-renewal{text-align:left}.billing-account-links{grid-template-columns:1fr}}



.billing-overview-plans{margin-top:12px}
.billing-overview-plans-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:8px}
.billing-overview-plans-head h2{font-size:14px;margin:0 0 2px;color:#2d4d62}
.billing-overview-plans-head p{font-size:9.5px;color:#83929d;margin:0}
.billing-overview-plans-head .btn{min-height:30px!important;font-size:9px!important}
.billing-plan-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.billing-plan-preview button{padding:10px 11px;border:1px solid var(--jx-border);border-radius:9px;background:#fff;text-align:left;cursor:pointer}
.billing-plan-preview button:hover{border-color:#bdced8;background:#fbfdfe}
.billing-plan-preview span{display:block;font-size:9px;color:#748692}
.billing-plan-preview strong{display:block;font-size:14px;color:#31566d;margin:2px 0}
.billing-plan-preview small{display:block;font-size:8.3px;color:#89969f}
@media(max-width:900px){.billing-plan-preview{grid-template-columns:1fr 1fr}}



#historyPanel{max-width:1040px!important}.history-saas-head{margin-bottom:8px!important}
.history-saas-tabs{display:flex;gap:3px;border-bottom:1px solid var(--jx-border);margin-bottom:12px}.history-saas-tabs .filter{border:0!important;background:transparent!important;border-radius:0!important;padding:8px 10px 9px!important;font-size:10px!important;color:#748692!important;border-bottom:2px solid transparent!important;margin-bottom:-1px}.history-saas-tabs .filter.active{color:#164d70!important;font-weight:650!important;border-bottom-color:#164d70!important}
.history-saas-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.history-saas-summary>div{padding:9px 10px;border:1px solid var(--jx-border);border-radius:8px;background:#fff}.history-saas-summary span{display:block;font-size:8.5px;color:#82919b}.history-saas-summary strong{display:block;font-size:15px;color:#31566d;margin-top:2px}
.history-saas-list{display:grid;gap:5px}.history-saas-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto 14px;gap:10px;align-items:center;width:100%;padding:10px 11px;border:1px solid var(--jx-border);border-radius:9px;background:#fff;text-align:left;cursor:pointer}.history-saas-row:hover{border-color:#c4d4dd;background:#fbfdfe}.history-saas-icon{width:30px;height:30px;border-radius:7px;background:#f1f6f9;color:#315f7d;display:grid;place-items:center}.history-saas-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.history-saas-copy strong{display:block;font-size:10px;color:#3e5c70}.history-saas-copy small{display:block;font-size:8.5px;color:#87959f;margin-top:1px}.history-saas-result{font-size:9px;color:#587182;padding:3px 6px;border-radius:999px;background:#f3f6f8}.history-saas-row>b{font-size:11px;color:#98a5ad}.history-saas-empty{text-align:center;padding:28px;border:1px solid var(--jx-border);border-radius:9px;background:#fff}.history-saas-empty strong{font-size:11px}.history-saas-empty p{font-size:9px;color:#87959f;margin:3px 0}

#notificationMenu{width:350px!important;padding:0!important;overflow:hidden!important;border:1px solid var(--jx-border)!important;border-radius:10px!important;box-shadow:0 12px 32px rgba(26,45,58,.12)!important}
.notification-saas-head{padding:12px 13px!important;border-bottom:1px solid var(--jx-border-soft)!important}.notification-saas-head strong{font-size:11px!important}.notification-saas-head span{font-size:8.5px!important;color:#87959f!important}.notification-saas-head button{font-size:8.5px!important;color:#55768a!important}
.notification-list{max-height:370px;overflow:auto}.notification-saas-item{position:relative;display:grid!important;grid-template-columns:9px minmax(0,1fr) 7px!important;gap:9px!important;align-items:start!important;width:100%;padding:10px 13px!important;border:0!important;border-bottom:1px solid #edf1f3!important;background:#fff!important;text-align:left!important;cursor:pointer}.notification-saas-item:hover{background:#fafcfd!important}.notification-saas-item.read{background:#fcfdfd!important}.notification-saas-item .notification-dot{width:7px!important;height:7px!important;margin-top:4px!important}.notification-saas-item strong{display:block;font-size:9.7px!important;color:#3c596c!important}.notification-saas-item p{font-size:8.5px!important;line-height:1.4!important;color:#7e8f9a!important;margin:2px 0!important}.notification-saas-item small{display:block;font-size:8.2px;color:#3e718f;margin-top:4px}.notification-saas-item>i{width:5px;height:5px;border-radius:50%;background:#2374a5;margin-top:5px}
.notification-view-activity{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%;padding:9px 13px!important;font-size:9px!important;color:#45677c!important;background:#fafcfd!important;border:0!important;cursor:pointer}.notification-view-activity:hover{background:#f5f9fb!important}
@media(max-width:900px){.history-saas-summary{grid-template-columns:1fr 1fr}}



#adminPanel{max-width:1240px!important}
.admin-saas-head{align-items:center!important;margin-bottom:10px!important}.admin-head-actions{display:flex;align-items:center;gap:8px}.admin-head-actions>span{font-size:8.5px;color:#89969f}.admin-head-actions .btn{min-height:31px!important;font-size:9px!important}
.admin-summary-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:7px!important;margin-bottom:12px!important}.admin-summary{min-height:68px!important;padding:10px!important;border-radius:9px!important;box-shadow:none!important}.admin-summary-icon{width:28px!important;height:28px!important;border-radius:7px!important;background:#f0f5f8!important;color:#315f7d!important}.admin-summary-icon svg{width:14px!important;height:14px!important}.admin-summary span{font-size:8.5px!important}.admin-summary strong{font-size:16px!important;color:#31566d!important}
.admin-tabs{display:flex!important;gap:2px!important;border-bottom:1px solid var(--jx-border)!important;margin-bottom:14px!important;overflow-x:auto!important}.admin-tab{border:0!important;background:transparent!important;padding:8px 9px 9px!important;font-size:9.5px!important;color:#748692!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important;white-space:nowrap!important}.admin-tab.active{color:#164d70!important;font-weight:650!important;border-bottom-color:#164d70!important;background:transparent!important}
.admin-view-head,.admin-overview-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:8px}.admin-view-head h2,.admin-overview-head h2{font-size:15px;margin:0 0 2px;color:#2e4f63}.admin-view-head p,.admin-overview-head p{font-size:9px;color:#84939d;margin:0}
.admin-overview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.admin-overview-actions button{display:grid;grid-template-columns:30px minmax(0,1fr) 14px;gap:9px;align-items:center;min-height:68px;padding:10px 11px;border:1px solid var(--jx-border);border-radius:9px;background:#fff;text-align:left;cursor:pointer}.admin-overview-actions button:hover{border-color:#c3d3dc;background:#fbfdfe}.admin-overview-icon{width:29px;height:29px;border-radius:7px;background:#f1f6f9;color:#315f7d;display:grid;place-items:center}.admin-overview-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.admin-overview-actions strong{display:block;font-size:9.8px;color:#3d5a6d}.admin-overview-actions small{display:block;font-size:8.4px;color:#87959f;margin-top:1px}.admin-overview-actions b{color:#98a5ad;font-size:11px}
.admin-overview-note{padding:10px 12px!important;background:#fafcfd!important}.admin-overview-note .admin-meta{font-size:9px!important;color:#728592!important;margin-top:3px!important}
.admin-search{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:8px!important;padding:8px!important;border:1px solid var(--jx-border)!important;border-radius:9px!important;background:#fff!important}.admin-search input,.admin-search select{height:32px!important;margin:0!important;font-size:9.5px!important}
.admin-table-wrap{overflow:auto!important}.admin-view .table-card{border:1px solid var(--jx-border)!important;border-radius:9px!important;box-shadow:none!important;overflow:hidden!important}.admin-table-wrap table{width:100%!important;border-collapse:collapse!important}.admin-table-wrap thead{background:#fafcfd!important}.admin-table-wrap th{padding:8px 9px!important;font-size:8px!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:#7d8d98!important;border-bottom:1px solid var(--jx-border)!important;white-space:nowrap!important}.admin-table-wrap td{padding:9px!important;font-size:9px!important;color:#526a7a!important;border-bottom:1px solid #edf1f3!important;vertical-align:middle!important}.admin-table-wrap tbody tr:last-child td{border-bottom:0!important}.admin-table-wrap .actionable-row{cursor:pointer!important}.admin-table-wrap .actionable-row:hover td{background:#fbfdfe!important}
.admin-inline{display:flex!important;gap:4px!important;align-items:center!important}.admin-plan-select,.admin-status-select,.admin-quote,.admin-note{font-size:8.8px!important;border-radius:6px!important}.admin-plan-select,.admin-status-select{height:29px!important}.admin-quote{height:29px!important;min-width:78px!important}.admin-note{min-width:130px!important}.mini-btn{min-height:28px!important;border-radius:6px!important;font-size:8.5px!important}
.admin-opp-head{align-items:center!important;margin-bottom:9px!important}.admin-opp-head h2{font-size:15px!important;margin:0 0 2px!important}.admin-opp-head p{font-size:9px!important;color:#84939d!important;margin:0!important}.admin-opp-head-actions{display:flex!important;gap:5px!important}.admin-opp-head-actions .btn{min-height:31px!important;font-size:8.7px!important}
.opp-admin-metrics{gap:7px!important;margin-bottom:8px!important}.opp-admin-metrics article{padding:9px 10px!important;border:1px solid var(--jx-border)!important;border-radius:8px!important;background:#fff!important}.opp-admin-metrics span{font-size:8px!important}.opp-admin-metrics strong{font-size:15px!important}
.opp-admin-toolbar{padding:8px!important;border-radius:9px!important;box-shadow:none!important}.opp-admin-search input,.opp-admin-toolbar select{height:32px!important;font-size:9px!important}
.opp-bulk-bar{border-radius:8px!important;padding:7px 9px!important}
.opp-workspace{position:fixed!important;inset:64px 0 0 230px!important;z-index:1300!important;background:#f7f9fb!important;overflow:auto!important;padding:18px 20px 28px!important}.opp-workspace-head{position:sticky!important;top:-18px!important;z-index:4!important;background:#f7f9fb!important;padding:8px 0 10px!important;border-bottom:1px solid var(--jx-border)!important;margin-bottom:12px!important}.opp-workspace-head h3{font-size:17px!important;margin:2px 0!important}.opp-workspace-head p{font-size:9.5px!important;color:#7f909b!important;margin:0!important}.opp-workspace-close{width:31px!important;height:31px!important;border:1px solid var(--jx-border)!important;border-radius:7px!important;background:#fff!important;font-size:18px!important;color:#607787!important}
.opp-create-layout{gap:10px!important}.opp-source-card,.opp-review-card{border-radius:9px!important;box-shadow:none!important}.source-tabs{border-bottom:1px solid var(--jx-border-soft)!important;margin-bottom:10px!important}.source-tabs .filter{border:0!important;border-radius:0!important;background:transparent!important;border-bottom:2px solid transparent!important}.source-tabs .filter.active{border-bottom-color:#315f7d!important;color:#315f7d!important}
.bulk-drop{border:1px dashed #c9d7de!important;border-radius:10px!important;background:#fff!important}.bulk-drop-icon{display:grid!important;place-items:center!important}.bulk-drop-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px){.admin-summary-grid{grid-template-columns:repeat(3,1fr)!important}.admin-overview-actions{grid-template-columns:1fr 1fr}.opp-workspace{left:0!important}}



/* v11.95 — desktop QA closure. Mobile redesign intentionally deferred. */
:root{
 --jx-page-x:24px;
 --jx-page-top:20px;
 --jx-page-bottom:32px;
 --jx-control-h:38px;
 --jx-body:14px;
 --jx-small:12px;
 --jx-label:12px;
}

/* Frame: remove exaggerated top/bottom whitespace and keep every logged-in page aligned. */
.app-main{min-width:0!important}
.panel{
 width:100%!important;
 max-width:1180px!important;
 margin:0 auto!important;
 padding:var(--jx-page-top) var(--jx-page-x) var(--jx-page-bottom)!important;
 min-height:0!important;
}
#adminPanel{max-width:1240px!important}
#plansPanel{max-width:1060px!important}
#historyPanel,#revampPanel,#mycvsPanel,#cvreviewPanel{max-width:1040px!important}
#jobmatchPanel{max-width:1020px!important}
#applicationsPanel{max-width:1120px!important}
.page-head,.jobs-page-head,.home-head{
 min-height:0!important;
 margin:0 0 16px!important;
 padding:0!important;
 align-items:center!important;
}
.page-head h1,.jobs-page-head h1,.home-head h1{
 font-size:26px!important;line-height:1.2!important;margin:2px 0 4px!important;font-weight:600!important;
}
.page-head p,.jobs-page-head p,.home-head p{
 font-size:13px!important;line-height:1.5!important;margin:0!important;max-width:760px;
}
.page-eyebrow,.eyebrow,.home-kicker,.home-card-kicker{font-size:10px!important;line-height:1.3!important}

/* Consistent controls — previous layers were fighting between 32/34/40/44px. */
.btn{
 min-height:36px!important;height:auto!important;padding:8px 12px!important;
 font-size:12px!important;line-height:18px!important;border-radius:8px!important;
}
input,select{
 min-height:38px!important;height:38px!important;padding:8px 10px!important;
 font-size:12px!important;line-height:18px!important;margin-top:5px!important;
}
textarea{font-size:12px!important;line-height:1.5!important;padding:9px 10px!important;margin-top:5px!important}
label,.form-card label{font-size:11.5px!important;line-height:1.35!important}
.form-card{padding:18px!important}
.form-grid,.two-col{gap:12px!important}

/* Sidebar and header: same icon geometry and eye-level alignment everywhere. */
.sidebar{padding:14px 10px!important}
.side-brand{padding:5px 9px 15px!important}
.side-nav{gap:2px!important}
.side-nav button,.side-bottom button{
 min-height:38px!important;padding:8px 10px!important;border-radius:8px!important;
 font-size:12px!important;line-height:18px!important;gap:9px!important;
}
.nav-icon,.popover-nav-icon{
 width:28px!important;height:28px!important;min-width:28px!important;display:grid!important;place-items:center!important;
}
.nav-icon svg,.popover-nav-icon svg{width:16px!important;height:16px!important}
.side-bottom{margin-top:auto!important;padding:10px 8px 4px!important}
.side-account-hint{font-size:10.5px!important;line-height:1.45!important;padding:8px 4px!important}
.app-header{min-height:58px!important;height:58px!important;padding-top:0!important;padding-bottom:0!important}
.header-account{align-items:center!important}

/* Cards and sections use one radius and one density. */
.card,.form-card,.content-card,.job-card,.service-card,.plan-card,.usage-card,.admin-summary{
 border-radius:10px!important;box-shadow:none!important;
}
.section-row{margin:22px 0 10px!important}
.subhead{font-size:16px!important;margin:22px 0 10px!important}

/* Dropdowns/popovers: alignment, density and icon consistency. */
.account-popover,.notification-menu,.dropdown-menu,.cv-card-menu{
 border-radius:10px!important;overflow:hidden!important;
}
.account-popover-links button,.account-popover-footer button,.dropdown-menu button{
 min-height:42px!important;padding:7px 10px!important;font-size:11.5px!important;line-height:16px!important;
}
.account-popover-links button{align-items:center!important}
.account-popover-links button>span:not(.popover-nav-icon){min-width:0}
.account-popover-links button strong{font-size:11.5px!important}
.account-popover-links button small{font-size:9.5px!important;line-height:1.35!important}

/* Jobs: protect search and save controls from overlap. */
#jobsPanel .jobs-filter-bar,#jobsPanel .jobs-toolbar,#jobsPanel .job-search-bar{min-width:0!important}
#jobsPanel .jobs-search,.opp-admin-search{position:relative!important;min-width:0!important}
#jobsPanel .jobs-search input,.opp-admin-search input{padding-left:34px!important;padding-right:10px!important}
#jobsPanel .search-icon,.opp-admin-search .search-icon{
 position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;
 width:15px!important;height:15px!important;pointer-events:none!important;z-index:2!important;
}
#jobsPanel .job-discovery-card{position:relative!important;min-width:0!important}
#jobsPanel .job-save-icon{
 position:static!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-height:32px!important;
 display:grid!important;place-items:center!important;padding:0!important;border-radius:8px!important;
}
#jobsPanel .job-save-icon svg{width:15px!important;height:15px!important}
#jobsPanel .job-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
#jobsPanel .job-card-head>div:first-child{min-width:0!important;flex:1 1 auto!important}

/* Tables: readable SaaS density, not miniature admin text. */
.admin-table-wrap th{font-size:10px!important;line-height:14px!important;padding:9px 10px!important}
.admin-table-wrap td{font-size:11px!important;line-height:16px!important;padding:10px!important}
.admin-table-wrap td small,.admin-meta{font-size:9.5px!important;line-height:14px!important}
.admin-plan-select,.admin-status-select,.admin-quote{height:32px!important;min-height:32px!important;font-size:10.5px!important}
.admin-note{font-size:10.5px!important;line-height:1.4!important}
.mini-btn{min-height:30px!important;padding:6px 9px!important;font-size:10px!important}
.admin-summary-grid{gap:8px!important}
.admin-summary{min-height:72px!important;padding:11px!important}
.admin-summary>div>span{font-size:9.5px!important}
.admin-summary>div>strong{font-size:17px!important}
.admin-tabs{margin-top:10px!important;margin-bottom:14px!important}
.admin-tab{font-size:11px!important;padding:8px 10px 9px!important}
.admin-view-head h2,.admin-overview-head h2,.admin-opp-head h2{font-size:16px!important}
.admin-view-head p,.admin-overview-head p,.admin-opp-head p{font-size:10.5px!important}
.admin-overview-actions strong{font-size:11.5px!important}
.admin-overview-actions small{font-size:9.5px!important;line-height:1.4!important}
.admin-search{padding:8px!important}
.admin-search input,.admin-search select,.opp-admin-toolbar input,.opp-admin-toolbar select{font-size:11px!important;height:34px!important;min-height:34px!important}

/* Billing/history/service typography was too compressed in prior pass. */
.billing-tabs button,.history-saas-tabs .filter,.service-workspace-tabs button{font-size:11px!important}
.billing-view-head h2,.billing-overview-plans-head h2{font-size:15px!important}
.billing-view-head p,.billing-overview-plans-head p{font-size:10.5px!important}
.billing-plan-copy p,.billing-section-title p,.billing-account-links small,
.billing-plan-card-head p,.billing-plan-features span,.billing-transaction-copy small,
.history-saas-copy small,.service-request-toolbar button{font-size:10px!important}
.billing-usage-top span,.billing-usage-item>small,.billing-history-item p{font-size:10px!important}
.billing-plan-card-head h3{font-size:13px!important}
.billing-plan-card .btn{font-size:11px!important}
.billing-transaction-copy strong,.billing-transaction-amount strong,.history-saas-copy strong{font-size:11px!important}
.history-saas-summary span{font-size:9.5px!important}
.history-saas-summary strong{font-size:16px!important}

/* Prevent accidental horizontal overflow from fixed/min widths on desktop workspace. */
.panel *{box-sizing:border-box}
.card,.table-card,.admin-view,.billing-view,.history-saas-list{min-width:0}
.admin-table-wrap,.table-card{max-width:100%}

/* Keep the intentionally deferred mobile rules from being reworked here. */
@media(min-width:901px){
 .panel{min-height:0!important}
}



/* Reference-led UI: calm, functional, career-focused. */
body{background:#fff!important;color:#111827!important}
.app-shell{background:#fff!important}.app-main{background:#fff!important}
.sidebar{width:220px!important;background:#fff!important;border-right:1px solid #e7eaf0!important;padding:18px 14px!important}
.side-brand{padding:2px 14px 20px!important}.side-brand img{display:none!important}.side-brand:after{content:"Jobex";font-size:25px;font-weight:700;letter-spacing:-.04em;color:#111827}
.side-nav{gap:5px!important}.side-nav button,.side-bottom button{min-height:44px!important;padding:10px 14px!important;border-radius:7px!important;font-size:12px!important;color:#26354d!important}
.side-nav button.active{background:#f3f6fb!important;color:#0756d8!important;font-weight:600!important}.side-nav button.active .nav-icon{color:#0756d8!important}
.nav-icon{width:20px!important;height:20px!important;min-width:20px!important;background:transparent!important}.nav-icon svg{width:17px!important;height:17px!important;stroke-width:1.6!important}
.side-bottom{border-top:1px solid #e7eaf0!important;padding-top:14px!important}.side-account-hint{display:none!important}
.app-header{height:64px!important;min-height:64px!important;background:#fff!important;border-bottom:0!important;padding:0 30px!important}.app-header>strong{display:none!important}
.header-account{margin-left:auto!important}.notification-wrap{display:none!important}.header-avatar{width:34px!important;height:34px!important}.header-user-copy strong{font-size:12px!important}.header-user-copy small{display:none!important}
.panel{max-width:1200px!important;padding:0 30px 34px!important}
#dashboardPanel{max-width:1200px!important;padding-top:4px!important}
.ref-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 28px}.ref-dashboard-head h1{font-size:28px;line-height:1.15;letter-spacing:-.025em;margin:0 0 6px;font-weight:650;color:#111827}.ref-dashboard-head p{font-size:13px;color:#667085;margin:0}.ref-find-jobs{min-width:126px!important;background:#075ad8!important;border-color:#075ad8!important;border-radius:5px!important;font-size:13px!important}
.ref-glance>h2,.ref-section-head h2{font-size:14px;line-height:20px;margin:0;font-weight:650;color:#111827}.ref-glance-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px}
.ref-glance-grid>button{border:0;border-right:1px solid #e5e7eb;background:transparent;display:grid;grid-template-columns:48px 1fr;gap:12px;text-align:left;padding:0 18px;cursor:pointer;min-height:82px}.ref-glance-grid>button:first-child{padding-left:6px}.ref-glance-grid>button:last-of-type{border-right:0}.ref-metric-icon{width:46px;height:46px;border-radius:9px;display:grid;place-items:center}.ref-metric-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ref-metric-icon.blue{background:#eef4ff;color:#075ad8}.ref-metric-icon.green{background:#ecf9f1;color:#08a05c}.ref-metric-icon.purple{background:#f4efff;color:#6d28d9}.ref-metric-icon.orange{background:#fff5e9;color:#f79009}.ref-metric-icon.cyan{background:#ecf9fb;color:#0891b2}
.ref-glance-grid strong{display:block;font-size:22px;line-height:24px;font-weight:650;color:#111827}.ref-glance-grid small{display:block;font-size:11.5px;color:#111827;margin:3px 0 9px}.ref-glance-grid b{font-size:10.5px;color:#075ad8;font-weight:500}
.ref-dashboard-rule{height:1px;background:#e5e7eb;margin:20px 0 18px}
.ref-dashboard-columns{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.9fr);gap:24px}.ref-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ref-section-head button,.ref-list-footer,.ref-tip button,.ref-empty button{border:0;background:transparent;color:#075ad8;font-size:10.5px;cursor:pointer}.ref-plan-panel .ref-section-head button{border:1px solid #d7dde7;border-radius:5px;padding:7px 12px;background:#fff}
.ref-job-list,.ref-plan-panel,.ref-activity-panel{border:1px solid #e0e4ea;border-radius:7px;background:#fff;overflow:hidden}.ref-job-row{display:grid;grid-template-columns:46px minmax(180px,1.4fr) minmax(120px,.9fr) 75px 55px;gap:10px;align-items:center;width:100%;min-height:69px;padding:10px 14px;border:0;border-bottom:1px solid #e8ebef;background:#fff;text-align:left;cursor:pointer}.ref-job-row:hover{background:#fafbfc}.ref-company-mark{width:40px;height:40px;border:1px solid #e1e5ea;border-radius:6px;display:grid;place-items:center;font-size:15px;font-weight:700;color:#075ad8;background:#fff}.ref-job-copy strong{display:block;font-size:11.5px;color:#111827}.ref-job-copy small,.ref-job-location,.ref-job-age{font-size:10px;color:#667085}.ref-job-copy small{display:block;margin-top:3px}.ref-job-score{text-align:right}.ref-job-score strong{display:block;font-size:12px;color:#039855}.ref-job-score small{font-size:9px;color:#475467}.ref-list-footer{display:block;margin-left:auto;padding:10px 14px}
.ref-dashboard-aside{display:grid;gap:16px;align-content:start}.ref-plan-panel,.ref-activity-panel{padding:14px 15px}.ref-plan-panel>strong{display:block;font-size:14px;margin-top:4px}.ref-plan-panel>p{font-size:10.5px;color:#667085;margin:4px 0 12px}.ref-plan-rule{height:1px;background:#e7eaf0;margin:0 0 12px}.ref-plan-usage{display:grid;gap:13px}.ref-usage-row{display:grid;grid-template-columns:78px minmax(90px,1fr) 45px;gap:10px;align-items:center;font-size:10px}.ref-usage-row>div{height:4px;background:#e4e7ec;border-radius:999px;overflow:hidden}.ref-usage-row i{display:block;height:100%;background:#12a150;border-radius:999px}.ref-usage-row b{text-align:right;font-weight:500}
.ref-activity-panel{padding-bottom:4px}.ref-activity-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:10px 0;border:0;border-bottom:1px solid #e8ebef;background:#fff;text-align:left;cursor:pointer}.ref-activity-row:last-child{border-bottom:0}.ref-activity-icon{width:28px;height:28px;border-radius:6px;background:#eef9f3;color:#08a05c;display:grid;place-items:center}.ref-activity-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}.ref-activity-row>span:nth-child(2){font-size:10px;color:#111827}.ref-activity-row small{font-size:9px;color:#667085}
.ref-tip{display:flex;align-items:center;gap:8px;border-top:1px solid #e5e7eb;margin-top:20px;padding:17px 4px 0;font-size:10.5px;color:#475467}.ref-tip strong{color:#111827}.ref-tip-icon{width:20px;height:20px;color:#f79009}.ref-tip-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.ref-tip button{margin-left:8px}.ref-empty{padding:28px;text-align:center}.ref-empty strong{font-size:12px}.ref-empty p{font-size:10px;color:#667085}.ref-empty.compact{padding:14px}
.home-hidden-metric{display:none!important}

/* Apply the same quiet visual language to all logged-in workspaces without forcing dashboard cards onto them. */
#jobsPanel,#applicationsPanel,#jobmatchPanel,#cvreviewPanel,#mycvsPanel,#historyPanel,#revampPanel,#plansPanel,#profilePanel,#securityPanel,#settingsPanel,#adminPanel{padding-top:8px!important}
.page-head,.jobs-page-head{border-bottom:1px solid #e5e7eb!important;padding-bottom:14px!important;margin-bottom:18px!important}.page-head h1,.jobs-page-head h1{font-size:23px!important;color:#111827!important}.page-head p,.jobs-page-head p{color:#667085!important;font-size:12px!important}
.card,.form-card,.content-card,.job-card,.service-card,.plan-card,.usage-card,.admin-summary{border-color:#e0e4ea!important;border-radius:7px!important;background:#fff!important}
.btn{border-radius:5px!important}.btn-primary{background:#075ad8!important;border-color:#075ad8!important}.btn-outline{background:#fff!important;border-color:#d7dde7!important;color:#075ad8!important}
input,select,textarea{border-color:#d7dde7!important;border-radius:5px!important;background:#fff!important}
.page-eyebrow,.eyebrow,.home-kicker,.home-card-kicker{display:none!important}
.admin-tabs,.billing-tabs,.history-saas-tabs{border-color:#e5e7eb!important}.admin-tab.active,.billing-tabs button.active,.history-saas-tabs .filter.active{border-bottom-color:#075ad8!important;color:#075ad8!important}
@media(max-width:1050px){.ref-glance-grid{grid-template-columns:repeat(3,1fr);gap:18px}.ref-glance-grid>button{border-right:0;padding:0}.ref-dashboard-columns{grid-template-columns:1fr}}



/* v11.97 — Dashboard design system applied across all logged-in pages */
#app{
 --jx-text:#111827;--jx-muted:#667085;--jx-blue:#075ad8;--jx-line:#e5e7eb;
 --jx-border:#e0e4ea;--jx-soft:#f7f9fc;--jx-green:#039855;--jx-radius:7px;
}
#app .panel{background:#fff!important;color:var(--jx-text)!important}
#app .panel:not(#dashboardPanel){max-width:1200px!important;padding:8px 30px 36px!important}

/* Page headers */
#app .page-head,#app .jobs-page-head,#app .admin-page-head,#app .billing-head,
#app .history-saas-head,#app .services-page-head{
 display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
 gap:20px!important;margin:0 0 22px!important;padding:0 0 15px!important;
 border-bottom:1px solid var(--jx-line)!important;background:transparent!important
}
#app .page-head h1,#app .jobs-page-head h1,#app .admin-page-head h1,
#app .billing-head h1,#app .history-saas-head h1,#app .services-page-head h1,
#app .panel:not(#dashboardPanel) h1{
 font-size:23px!important;line-height:1.2!important;letter-spacing:-.02em!important;
 font-weight:650!important;color:var(--jx-text)!important;margin:0 0 5px!important
}
#app .page-head p,#app .jobs-page-head p,#app .admin-page-head p,
#app .billing-head p,#app .history-saas-head p,#app .services-page-head p{
 font-size:12px!important;line-height:1.55!important;color:var(--jx-muted)!important;margin:0!important
}
#app h2{font-size:14px!important;line-height:20px!important;font-weight:650!important;color:var(--jx-text)!important}
#app h3{font-size:12.5px!important;font-weight:650!important;color:var(--jx-text)!important}
#app p,#app label,#app td,#app th{line-height:1.5}

/* Buttons — same geometry as dashboard */
#app .btn,#app button.btn{
 min-height:36px!important;border-radius:5px!important;padding:8px 13px!important;
 font-size:11.5px!important;font-weight:550!important;box-shadow:none!important
}
#app .btn-primary{background:var(--jx-blue)!important;border:1px solid var(--jx-blue)!important;color:#fff!important}
#app .btn-outline,#app .btn-secondary{background:#fff!important;border:1px solid #d7dde7!important;color:var(--jx-blue)!important}
#app .btn:hover{box-shadow:none!important;transform:none!important}

/* Form controls */
#app input:not([type=checkbox]):not([type=radio]),#app select,#app textarea{
 border:1px solid #d7dde7!important;border-radius:5px!important;background:#fff!important;
 box-shadow:none!important;font-size:12px!important;color:var(--jx-text)!important
}
#app input:not([type=checkbox]):not([type=radio]),#app select{min-height:40px!important}
#app textarea{padding:11px 12px!important}
#app input:focus,#app select:focus,#app textarea:focus{border-color:#8db5ec!important;box-shadow:0 0 0 2px rgba(7,90,216,.08)!important}
#app label{font-size:11px!important;font-weight:550!important;color:#344054!important}

/* Cards are quiet containers, not visual decorations */
#app .card,#app .form-card,#app .content-card,#app .job-card,#app .service-card,
#app .plan-card,#app .usage-card,#app .admin-summary,#app .admin-card,
#app .settings-card,#app .profile-card,#app .security-card,#app .history-card,
#app .application-card,#app .match-card,#app .review-card{
 border:1px solid var(--jx-border)!important;border-radius:var(--jx-radius)!important;
 background:#fff!important;box-shadow:none!important
}
#app .card:hover,#app .job-card:hover,#app .service-card:hover{box-shadow:none!important}

/* Remove AI-template visual noise */
#app .page-eyebrow,#app .eyebrow,#app .section-eyebrow,#app .kicker,
#app .decorative-orb,#app .gradient-orb{display:none!important}
#app [class*="gradient"]:not(.progress):not(.progress-bar){background-image:none!important}
#app .pill,#app .badge,#app .status-pill,#app .chip{
 border-radius:999px!important;box-shadow:none!important;font-size:10px!important
}

/* Section rhythm mirrors dashboard */
#app .section-head,#app .content-section-head,#app .list-head{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:12px!important;margin:0 0 12px!important
}
#app hr,#app .section-divider{border:0!important;border-top:1px solid var(--jx-line)!important;margin:18px 0!important}

/* Tables / operational screens */
#app table{width:100%!important;border-collapse:collapse!important;background:#fff!important}
#app thead{background:#fafbfc!important}
#app th{
 padding:10px 12px!important;border-bottom:1px solid var(--jx-line)!important;
 color:#667085!important;font-size:10px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important
}
#app td{padding:12px!important;border-bottom:1px solid #eceff3!important;font-size:11px!important;color:#344054!important}
#app tbody tr:hover{background:#fafbfc!important}

/* Tabs */
#app .admin-tabs,#app .billing-tabs,#app .history-saas-tabs,#app .tabs{
 display:flex!important;gap:18px!important;border-bottom:1px solid var(--jx-line)!important;
 background:transparent!important;padding:0!important;border-radius:0!important
}
#app .admin-tab,#app .billing-tabs button,#app .history-saas-tabs .filter,#app .tabs button{
 background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;
 border-radius:0!important;padding:9px 1px!important;color:#667085!important;font-size:11px!important
}
#app .admin-tab.active,#app .billing-tabs button.active,#app .history-saas-tabs .filter.active,#app .tabs button.active{
 color:var(--jx-blue)!important;border-bottom-color:var(--jx-blue)!important;font-weight:600!important
}

/* Search/filter toolbars */
#app .jobs-search-card,#app .admin-filter-bar,#app .filter-bar,#app .search-toolbar,
#app .applications-toolbar,#app .history-toolbar{
 border:1px solid var(--jx-border)!important;border-radius:var(--jx-radius)!important;
 background:#fff!important;box-shadow:none!important;padding:12px!important
}

/* Jobs For You */
#jobsPanel .jobs-profile-banner{border:1px solid var(--jx-border)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important}
#jobsPanel .job-card{padding:14px 16px!important}
#jobsPanel .job-card-title{font-size:13px!important}
#jobsPanel .job-tags{gap:5px!important}
#jobsPanel .job-tags span{background:#f7f8fa!important;border:0!important;color:#475467!important}

/* Applications */
#applicationsPanel .applications-summary,#applicationsPanel .application-stats{
 display:grid!important;gap:0!important;border:1px solid var(--jx-border)!important;border-radius:7px!important;overflow:hidden!important
}
#applicationsPanel .applications-summary>*,
#applicationsPanel .application-stats>*{box-shadow:none!important;border-radius:0!important;border-right:1px solid var(--jx-line)!important}

/* Job Match / CV Review: assessment workspaces */
#jobmatchPanel .match-workspace,#cvreviewPanel .review-workspace{
 border:1px solid var(--jx-border)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important
}
#jobmatchPanel .score-card,#cvreviewPanel .score-card{box-shadow:none!important;border:1px solid var(--jx-border)!important}

/* My CVs: document management */
#mycvsPanel .cv-card{border:1px solid var(--jx-border)!important;border-radius:7px!important;box-shadow:none!important;background:#fff!important}
#mycvsPanel .cv-card:hover{box-shadow:none!important}

/* History */
#historyPanel .history-saas-summary{gap:0!important;border:1px solid var(--jx-border)!important;border-radius:7px!important;overflow:hidden!important}
#historyPanel .history-saas-summary>div{border:0!important;border-right:1px solid var(--jx-line)!important;border-radius:0!important;box-shadow:none!important}
#historyPanel .history-saas-list{border:1px solid var(--jx-border)!important;border-radius:7px!important;overflow:hidden!important}
#historyPanel .history-saas-row{border-bottom:1px solid #eceff3!important;border-radius:0!important;box-shadow:none!important}

/* Career Services */
#revampPanel .service-card,#revampPanel .career-service-card{box-shadow:none!important;border:1px solid var(--jx-border)!important;border-radius:7px!important}
#revampPanel .service-icon{background:#f3f6fb!important;color:var(--jx-blue)!important;border-radius:7px!important}

/* Plans & Billing */
#plansPanel .billing-summary,#plansPanel .plan-current-card{border:1px solid var(--jx-border)!important;border-radius:7px!important;box-shadow:none!important;background:#fff!important}
#plansPanel .plan-card{box-shadow:none!important}
#plansPanel .usage-progress,#plansPanel .progress{height:4px!important;background:#e4e7ec!important;border-radius:999px!important}
#plansPanel .usage-progress>*,#plansPanel .progress>*{background:#12a150!important;border-radius:999px!important}

/* Profile / Security / Preferences */
#profilePanel .profile-layout,#securityPanel .security-layout,#settingsPanel .settings-layout{gap:18px!important}
#profilePanel .profile-card,#securityPanel .security-card,#settingsPanel .settings-card{box-shadow:none!important}
#profilePanel .profile-completion-card{background:#fff!important;border:1px solid var(--jx-border)!important}

/* Admin: dense, operational, not a marketing dashboard */
#adminPanel .admin-kpis,#adminPanel .admin-summary-grid{gap:10px!important}
#adminPanel .admin-kpis>* ,#adminPanel .admin-summary-grid>*{
 border:1px solid var(--jx-border)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important
}
#adminPanel .admin-section{border-top:1px solid var(--jx-line)!important;padding-top:18px!important}
#adminPanel .opportunity-table-wrap,#adminPanel .admin-table-wrap{
 border:1px solid var(--jx-border)!important;border-radius:7px!important;overflow:hidden!important;box-shadow:none!important
}

/* Shared icon language */
#app svg{stroke-linecap:round;stroke-linejoin:round}
#app .nav-icon,#app .action-icon,#app .field-icon{box-shadow:none!important}

/* Keep pages compact: no artificial viewport-height whitespace */
#app .panel{min-height:0!important}
#app .content-grid,#app .page-grid{align-items:start!important}
#app .empty-state{min-height:0!important;padding:28px 20px!important}



/*
 v11.98 UI QA standard
 Typography follows the supplied OpenAI-style scale.
 OpenAI Sans is named first; system UI fallbacks preserve the feel where the font is not installed.
*/
:root{
 --jx-font:"OpenAI Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 --jx-body:16px; --jx-body-lh:24px;
 --jx-nav:14px; --jx-nav-lh:20px;
 --jx-meta:13px; --jx-meta-lh:18px;
 --jx-button:14px; --jx-button-lh:20px;
 --jx-section:19px; --jx-section-lh:26px;
 --jx-heading:24px; --jx-heading-lh:32px;
 --jx-text:#111827; --jx-muted:#667085; --jx-blue:#075ad8;
 --jx-line:#e5e7eb; --jx-border:#dfe3e8; --jx-soft:#f7f9fc;
 --jx-radius:8px; --jx-space-page:30px;
}
html,body,#app,button,input,select,textarea{font-family:var(--jx-font)!important}
body{font-size:var(--jx-body)!important;line-height:var(--jx-body-lh)!important;font-weight:400!important}

/* GLOBAL TYPOGRAPHY */
#app .panel h1,#dashboardPanel .ref-dashboard-head h1{
 font-size:var(--jx-heading)!important;line-height:var(--jx-heading-lh)!important;font-weight:600!important;letter-spacing:-.02em!important
}
#app .panel h2,#dashboardPanel .ref-glance>h2,#dashboardPanel .ref-section-head h2{
 font-size:var(--jx-section)!important;line-height:var(--jx-section-lh)!important;font-weight:600!important;letter-spacing:-.01em!important
}
#app .panel h3{font-size:16px!important;line-height:24px!important;font-weight:600!important}
#app .panel p,#app .panel .body-copy,#app .panel .description{
 font-size:16px!important;line-height:24px!important;font-weight:400!important
}
#app strong,#app .strong{font-size:16px;line-height:24px;font-weight:600}
#app small,#app .meta,#app .helper,#app .caption,#app .muted{
 font-size:13px!important;line-height:18px!important;font-weight:400!important;color:var(--jx-muted)
}
#app label{font-size:14px!important;line-height:20px!important;font-weight:500!important}
#app .page-head p,#app .jobs-page-head p,#app .admin-page-head p,#app .billing-head p,
#app .history-saas-head p,#app .services-page-head p,#dashboardPanel .ref-dashboard-head p{
 font-size:16px!important;line-height:24px!important;font-weight:400!important;color:var(--jx-muted)!important
}

/* NAVIGATION */
.side-nav button,.side-bottom button,.account-popover-links button,.account-popover-footer button{
 font-size:var(--jx-nav)!important;line-height:var(--jx-nav-lh)!important;font-weight:400!important
}
.side-nav button.active{font-weight:500!important}
.header-user-copy strong{font-size:14px!important;line-height:20px!important;font-weight:500!important}
.header-user-copy small{font-size:12px!important;line-height:16px!important}

/* BUTTONS AND CONTROLS */
#app .btn,#app button.btn,#app .mini-btn,#app .admin-tab,#app .billing-tabs button,
#app .history-saas-tabs .filter,#app .tabs button{
 font-size:var(--jx-button)!important;line-height:var(--jx-button-lh)!important;font-weight:500!important
}
#app .btn,#app button.btn{min-height:40px!important;padding:9px 14px!important}
#app input:not([type=checkbox]):not([type=radio]),#app select,#app textarea{
 font-size:16px!important;line-height:24px!important;font-weight:400!important
}
#app input:not([type=checkbox]):not([type=radio]),#app select{min-height:44px!important;height:44px!important;padding:9px 12px!important}
#app textarea{padding:10px 12px!important}

/* PAGE FRAME AND RHYTHM */
.app-header{height:64px!important;min-height:64px!important}
#app .panel{max-width:1200px!important;padding:12px var(--jx-space-page) 40px!important;min-height:0!important}
#adminPanel{max-width:1240px!important}
#app .page-head,#app .jobs-page-head,#app .admin-page-head,#app .billing-head,
#app .history-saas-head,#app .services-page-head{
 margin:0 0 24px!important;padding:0 0 16px!important;min-height:0!important
}
#app .section-row,#app .subhead{margin-top:28px!important;margin-bottom:12px!important}
#app .form-grid,#app .two-col,#app .content-grid,#app .page-grid{gap:16px!important}

/* CONTAINER STANDARD */
#app .card,#app .form-card,#app .content-card,#app .job-card,#app .service-card,#app .plan-card,
#app .usage-card,#app .admin-summary,#app .admin-card,#app .settings-card,#app .profile-card,
#app .security-card,#app .history-card,#app .application-card,#app .match-card,#app .review-card,
#app .ref-job-list,#app .ref-plan-panel,#app .ref-activity-panel{
 border:1px solid var(--jx-border)!important;border-radius:var(--jx-radius)!important;
 box-shadow:none!important;background:#fff!important
}
#app .form-card,#app .content-card,#app .settings-card,#app .profile-card,#app .security-card{padding:20px!important}

/* DASHBOARD: preserve reference composition but normalize typography */
#dashboardPanel .ref-glance-grid strong{font-size:24px!important;line-height:32px!important;font-weight:600!important}
#dashboardPanel .ref-glance-grid small{font-size:14px!important;line-height:20px!important;margin:2px 0 7px!important;color:var(--jx-text)!important}
#dashboardPanel .ref-glance-grid b,#dashboardPanel .ref-section-head button,#dashboardPanel .ref-list-footer,
#dashboardPanel .ref-tip button{font-size:14px!important;line-height:20px!important;font-weight:500!important}
#dashboardPanel .ref-job-copy strong{font-size:16px!important;line-height:24px!important;font-weight:600!important}
#dashboardPanel .ref-job-copy small,#dashboardPanel .ref-job-location,#dashboardPanel .ref-job-age{
 font-size:13px!important;line-height:18px!important
}
#dashboardPanel .ref-job-score strong{font-size:16px!important;line-height:24px!important;font-weight:600!important}
#dashboardPanel .ref-job-score small{font-size:12px!important;line-height:16px!important}
#dashboardPanel .ref-job-row{min-height:82px!important;padding:12px 16px!important;grid-template-columns:48px minmax(190px,1.35fr) minmax(135px,.9fr) 90px 64px!important}
#dashboardPanel .ref-plan-panel>strong{font-size:16px!important;line-height:24px!important;font-weight:600!important}
#dashboardPanel .ref-plan-panel>p{font-size:13px!important;line-height:18px!important}
#dashboardPanel .ref-usage-row{font-size:13px!important;line-height:18px!important;grid-template-columns:92px minmax(100px,1fr) 52px!important}
#dashboardPanel .ref-activity-row>span:nth-child(2){font-size:13px!important;line-height:18px!important}
#dashboardPanel .ref-activity-row small{font-size:12px!important;line-height:16px!important}
#dashboardPanel .ref-tip{font-size:14px!important;line-height:20px!important}

/* JOBS / JOB DETAILS */
#jobsPanel .job-card-title,#jobdetailsPanel .job-title{font-size:18px!important;line-height:26px!important;font-weight:600!important}
#jobsPanel .job-tags span,#jobdetailsPanel .job-meta,#jobsPanel .job-meta{font-size:13px!important;line-height:18px!important}
#jobsPanel .job-card{padding:18px!important}
#jobdetailsPanel .job-detail-section{padding-top:20px!important;margin-top:20px!important;border-top:1px solid var(--jx-line)!important}

/* TABLES: admin/history/applications */
#app table th{font-size:13px!important;line-height:18px!important;font-weight:500!important;padding:11px 14px!important}
#app table td{font-size:14px!important;line-height:20px!important;font-weight:400!important;padding:13px 14px!important}
#app table td strong{font-size:14px!important;line-height:20px!important;font-weight:600!important}
#app table td small{font-size:12px!important;line-height:16px!important}
#adminPanel .admin-summary>div>span,#adminPanel .admin-meta{font-size:12px!important;line-height:16px!important}
#adminPanel .admin-summary>div>strong{font-size:20px!important;line-height:26px!important;font-weight:600!important}
#adminPanel .admin-note{font-size:13px!important;line-height:18px!important}
#adminPanel .admin-plan-select,#adminPanel .admin-status-select,#adminPanel .admin-quote{
 font-size:14px!important;line-height:20px!important;min-height:38px!important;height:38px!important
}

/* BILLING / HISTORY / SERVICES */
#plansPanel .billing-plan-card-head h3,#revampPanel .service-card h3{font-size:18px!important;line-height:26px!important;font-weight:600!important}
#plansPanel .billing-plan-copy p,#plansPanel .billing-plan-features span,#plansPanel .billing-history-item p,
#historyPanel .history-saas-copy small,#revampPanel .service-card p{font-size:14px!important;line-height:20px!important}
#historyPanel .history-saas-copy strong{font-size:16px!important;line-height:24px!important;font-weight:600!important}
#historyPanel .history-saas-summary span{font-size:13px!important;line-height:18px!important}
#historyPanel .history-saas-summary strong{font-size:20px!important;line-height:26px!important;font-weight:600!important}

/* STATUS / CHIPS */
#app .pill,#app .badge,#app .status-pill,#app .chip,#app .activity-status{
 font-size:12px!important;line-height:16px!important;font-weight:500!important;padding:4px 8px!important
}

/* ALIGNMENT AND OVERFLOW QA */
#app .panel *{box-sizing:border-box}
#app .admin-table-wrap,#app .table-card,#app .history-saas-list,#app .job-card,#app .content-card{max-width:100%;min-width:0}
#app .search-icon{pointer-events:none}
#app .jobs-search input,#app .opp-admin-search input{padding-left:38px!important}
#app .job-save-icon{flex:0 0 40px!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important}
#app .job-save-icon svg{width:18px!important;height:18px!important}
#app .dropdown-menu,#app .account-popover,#app .notification-menu,#app .cv-card-menu{
 border:1px solid var(--jx-border)!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(16,24,40,.08)!important
}

/* Do not redesign mobile in this release. */
@media(min-width:901px){
 #app .panel{overflow:visible!important}
}



/* Authenticated frame */
.app-header{
 position:sticky!important;top:0!important;z-index:900!important;
 background:#fff!important;border-bottom:1px solid #e5e7eb!important;
 height:64px!important;min-height:64px!important;padding:0 30px!important
}
.app-title{
 display:block!important;font-family:var(--jx-font)!important;font-size:14px!important;
 line-height:20px!important;font-weight:500!important;color:#475467!important
}
.header-account{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important}
.header-alert{
 display:grid!important;place-items:center!important;width:38px!important;height:38px!important;
 border:1px solid transparent!important;border-radius:8px!important;background:#fff!important;
 color:#344054!important;cursor:pointer!important;position:relative!important;pointer-events:auto!important
}
.header-alert:hover,.header-alert[aria-expanded="true"]{background:#f7f9fc!important;border-color:#e0e4ea!important}
.header-alert svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
.notification-badge{
 position:absolute!important;right:4px!important;top:3px!important;min-width:15px!important;height:15px!important;
 padding:0 4px!important;border-radius:999px!important;background:#e5484d!important;color:#fff!important;
 display:grid!important;place-items:center!important;font-size:9px!important;line-height:15px!important;font-weight:600!important
}
.notification-badge:empty{display:none!important}
.header-popover[hidden]{display:none!important}
.header-popover:not([hidden]){display:block!important;pointer-events:auto!important}
.notification-popover{position:absolute!important;right:0!important;top:46px!important;z-index:1005!important}
.account-popover{position:absolute!important;right:0!important;top:46px!important;z-index:1005!important}
.header-popover-wrap{position:relative!important}

/* Complete persistent sidebar */
.sidebar{display:flex!important;flex-direction:column!important;height:100vh!important;overflow-y:auto!important}
.side-nav{display:flex!important;flex-direction:column!important}
.side-bottom{
 display:flex!important;flex-direction:column!important;gap:3px!important;margin-top:auto!important;
 border-top:1px solid #e7eaf0!important;padding:12px 8px 4px!important
}
.side-bottom button{
 position:relative!important;width:100%!important;text-align:left!important;border:0!important;
 background:transparent!important;color:#26354d!important;cursor:pointer!important
}
.side-bottom button.active{background:#f3f6fb!important;color:#0756d8!important;font-weight:500!important}
.side-notification-dot{
 width:7px!important;height:7px!important;border-radius:50%!important;background:#075ad8!important;
 margin-left:auto!important;display:none
}
.side-notification-dot.visible{display:block!important}

/* Prevent content from hiding below sticky header */
.app-main{min-width:0!important}

/* Consistent account trigger */
.account-trigger{
 display:flex!important;align-items:center!important;gap:9px!important;min-height:44px!important;
 padding:4px 7px!important;border:1px solid transparent!important;border-radius:8px!important;background:#fff!important;cursor:pointer!important
}
.account-trigger:hover,.account-trigger[aria-expanded="true"]{background:#f7f9fc!important;border-color:#e0e4ea!important}
.account-name{font-size:14px!important;line-height:20px!important;font-weight:500!important}
.account-plan{font-size:12px!important;line-height:16px!important;color:#667085!important}
.account-chevron{font-size:14px!important;color:#667085!important}

/* Tabs always communicate clickability */
.admin-tab,.billing-tabs button,.history-saas-tabs .filter,.tabs button,
[data-service-workspace-tab],[data-application-filter]{
 cursor:pointer!important;pointer-events:auto!important
}



.app-title-logo{display:flex!important;align-items:center!important;width:auto!important;height:40px!important;min-width:118px!important;overflow:visible!important}
.app-title-logo img{display:block!important;width:auto!important;height:30px!important;max-width:132px!important;object-fit:contain!important}
.app-header:after{content:attr(data-current-page);font-size:12px;line-height:16px;font-weight:400;color:#98a2b3;margin-left:12px;padding-left:12px;border-left:1px solid #e4e7ec}
@media(max-width:760px){.app-header:after{display:none}}



.side-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:68px!important;padding:5px 12px 18px!important}
.side-brand:after{content:none!important;display:none!important}
.side-brand img{display:block!important;width:auto!important;height:44px!important;max-width:178px!important;object-fit:contain!important;object-position:left center!important}
.app-header{justify-content:flex-end!important}.app-header:after,.app-title-logo{display:none!important}
.settings-tabs{display:flex;gap:20px;border-bottom:1px solid #e5e7eb;margin:-4px 0 22px;padding:0}
.settings-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;padding:10px 1px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;margin-bottom:-1px}
.settings-tab.active{color:#075ad8;border-bottom-color:#075ad8}.settings-view{display:none}.settings-view.active{display:block}.settings-single-column{max-width:860px}
#settingsPanel .security-overview{margin-bottom:18px}#settingsPanel .security-grid{align-items:start}#settingsPanel .settings-single-column>.preference-card{padding:20px!important}



.data-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-top:1px solid #e5e7eb;background:#fff;font-size:13px;color:#667085;flex-wrap:wrap}.data-pagination label{display:flex;align-items:center;gap:8px}.data-pagination select{height:34px!important;min-height:34px!important;width:70px;font-size:13px!important}.pagination-buttons{display:flex;align-items:center;gap:4px}.pagination-buttons button{min-height:32px;border:1px solid #dfe3e8;background:#fff;border-radius:6px;padding:5px 9px;font-size:12px;cursor:pointer}.pagination-buttons button.active{background:#f0f5ff;color:#075ad8;border-color:#b8d0f4;font-weight:600}.pagination-buttons button:disabled{opacity:.45;cursor:not-allowed}
.admin-data-toolbar{display:flex!important;align-items:end!important;flex-wrap:wrap!important;gap:10px!important}.admin-date-filter{display:grid;gap:3px}.admin-date-filter span{font-size:12px;color:#667085}.admin-date-filter input{width:150px!important}
.admin-export-wrap{position:relative;margin-left:auto}.admin-export-menu{position:absolute;right:0;top:44px;z-index:50;width:170px;padding:6px;background:#fff;border:1px solid #dfe3e8;border-radius:8px;box-shadow:0 10px 28px rgba(16,24,40,.1)}.admin-export-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:6px;font-size:13px;cursor:pointer}.admin-export-menu button:hover{background:#f7f9fc}
.job-company-mark.has-logo,.ref-company-mark.has-logo{background:#fff!important;padding:4px!important;overflow:hidden!important}.job-company-mark.has-logo img,.ref-company-mark.has-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}



.side-brand{
 min-height:82px!important;
 padding:8px 8px 20px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 overflow:visible!important
}
.side-brand img{
 display:block!important;
 width:184px!important;
 height:auto!important;
 max-width:184px!important;
 max-height:none!important;
 object-fit:contain!important;
 object-position:left center!important
}



.job-about-section .job-description{
 max-width:900px;
 color:#344054!important;
 font-size:16px!important;
 line-height:24px!important;
}
.job-structured-section ul{
 margin:0;
 padding:0 0 0 21px;
 display:grid;
 gap:10px;
}
.job-structured-section li{
 padding-left:3px;
 color:#344054;
 font-size:15px;
 line-height:23px;
}
.job-structured-section li::marker{color:#075ad8}
.job-structured-section .keyword-wrap{margin-top:2px}
.skills-section .keyword{
 display:inline-flex;
 align-items:center;
 min-height:31px;
 padding:5px 9px;
 margin:0 5px 6px 0;
 border:1px solid #e2e8ee;
 border-radius:6px!important;
 background:#f8fafc!important;
 color:#344054!important;
 font-size:13px!important;
 line-height:18px!important;
}
.job-page-main>.job-page-section + .job-page-section{margin-top:0}
.public-job-card section ul{margin:0;padding-left:20px;display:grid;gap:8px}
.public-job-card section li{font-size:13.5px;line-height:1.6;color:#405268}



.jx-ecosystem-home{background:#fff;color:#101828}
.jx-ecosystem-home .shell{width:min(1180px,calc(100% - 56px))}
.jx-hero{display:grid;grid-template-columns:.94fr 1.06fr;gap:64px;align-items:center;padding-top:62px;padding-bottom:52px}
.jx-hero-copy .eyebrow{letter-spacing:.06em}.jx-hero h1{font-size:50px;line-height:1.04;letter-spacing:-.045em;margin:10px 0 18px;font-weight:650;color:#0b1f46}.jx-hero h1 span{color:#ef6c00}
.jx-hero-copy>p{font-size:16px;line-height:25px;color:#475467;max-width:525px}.jx-hero .hero-actions{margin-top:25px}.jx-hero .hero-actions a{text-decoration:none}
.jx-hero-notes{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #e5e7eb}.jx-hero-notes span{font-size:11.5px;color:#667085}
.jx-hero-photo{position:relative}.jx-hero-photo img{display:block;width:100%;height:390px;object-fit:cover;border-radius:10px}.jx-photo-caption{position:absolute;left:18px;right:18px;bottom:18px;background:#fff;padding:14px 16px;border-radius:7px;border:1px solid #e4e7ec;display:flex;justify-content:space-between;gap:16px}.jx-photo-caption strong{font-size:12.5px}.jx-photo-caption span{font-size:11px;color:#667085}
.jx-principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.jx-principles article{padding:24px 24px;border-right:1px solid #e5e7eb}.jx-principles article:first-child{padding-left:0}.jx-principles article:last-child{border-right:0}.jx-principles strong{font-size:13px}.jx-principles p{font-size:11px;line-height:17px;color:#667085;margin-top:4px}
.jx-capabilities{padding-top:68px;padding-bottom:65px}.jx-section-head{max-width:690px;text-align:center;margin:0 auto 33px}.jx-section-head.left{text-align:left;margin:0}.jx-section-head h2{font-size:29px;line-height:36px;letter-spacing:-.025em;margin:5px 0 6px}.jx-section-head p{font-size:13px;line-height:21px;color:#667085}
.jx-capability-list{border-top:1px solid #dfe3e8}.jx-capability-list article{display:grid;grid-template-columns:42px 1fr auto;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid #e5e7eb}.jx-capability-list>article>span{font-size:11px;color:#98a2b3}.jx-capability-list h3{font-size:14px;line-height:20px;margin:0 0 3px}.jx-capability-list p{font-size:11.5px;line-height:18px;color:#667085;margin:0;max-width:740px}.jx-capability-list button{border:0;background:none;color:#075ad8;font-size:12px;font-weight:600;padding:8px}
.jx-journey{background:#f8fafc;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.jx-journey-inner{display:grid;grid-template-columns:.72fr 1.28fr;gap:68px;padding-top:62px;padding-bottom:62px}.jx-steps{display:grid;grid-template-columns:1fr 1fr;gap:0}.jx-steps article{padding:0 25px 28px;border-left:1px solid #dfe3e8}.jx-steps b{font-size:11px;color:#075ad8}.jx-steps h3{font-size:14px;margin:7px 0 5px}.jx-steps p{font-size:11.5px;line-height:18px;color:#667085}
.jx-dual{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:58px;padding-bottom:58px}.jx-dual article{border:1px solid #e4e7ec;border-radius:9px;padding:30px}.jx-dual h2{font-size:23px;line-height:29px;margin:5px 0 7px}.jx-dual p{font-size:12px;line-height:19px;color:#667085;max-width:450px;margin-bottom:20px}.jx-community{border-left:3px solid #ef6c00!important}
.jx-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px;padding-bottom:28px;border-top:1px solid #e5e7eb}.jx-final-cta h2{font-size:22px;margin:4px 0}.jx-final-cta p{font-size:12px;color:#667085}
.jx-footer{background:#f8fafc;border-top:1px solid #e5e7eb;padding:34px 0 18px}.jx-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.jx-footer-brand img{width:120px!important;height:auto!important}.jx-footer-brand p{font-size:10.5px;line-height:17px;color:#667085;margin-top:12px}.jx-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.jx-footer nav strong{font-size:11px;margin-bottom:4px}.jx-footer nav button{border:0;background:none;padding:0;color:#475467;font-size:10.5px}.jx-footer-bottom{margin-top:28px;padding-top:14px;border-top:1px solid #e5e7eb;font-size:9.5px;color:#98a2b3}
@media(max-width:1000px){.jx-hero,.jx-journey-inner{grid-template-columns:1fr}.jx-principles{grid-template-columns:1fr 1fr}.jx-dual{grid-template-columns:1fr}}



.service-selection-summary{padding:0 0 14px}.service-selection-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#475467;margin-bottom:8px}.service-selection-head strong{color:#101828}.service-selection-items{display:flex;flex-wrap:wrap;gap:6px}.service-selection-items span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #d0d5dd;border-radius:7px;font-size:11px;background:#f9fafb}.service-selection-items button{border:0;background:none;padding:0 2px;font-size:16px;line-height:1;color:#667085}.service-add-another{width:100%;margin-top:8px}.service-multi-fields{border:0;border-top:1px solid #eaecf0;padding:16px 0 0;margin:0 0 16px}.service-multi-fields legend{font-size:13px;font-weight:600;color:#101828;padding:0 8px 0 0}



.service-saas-card[data-service-key]{cursor:pointer}.service-saas-card[data-service-key].selected{border-color:#98a2b3;background:#f9fafb;box-shadow:0 0 0 1px #98a2b3}.service-saas-card[data-service-key].selected .service-saas-link{color:#027a48;font-weight:600}
.career-service-selection-bar{position:sticky;bottom:16px;z-index:40;margin:20px auto 0;max-width:1120px;padding:0 18px}.career-service-selection-bar[hidden]{display:none}.career-service-selection-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#101828;color:#fff;border-radius:12px;padding:12px 14px 12px 18px;box-shadow:0 10px 30px rgba(16,24,40,.16)}.career-service-selection-inner>div{display:flex;align-items:baseline;gap:12px}.career-service-selection-inner strong{font-size:14px;font-weight:600}.career-service-selection-inner span{font-size:13px;color:#d0d5dd}.career-service-selection-inner .btn{min-width:120px;background:#fff!important;color:#101828!important;border-color:#fff!important}
@media(max-width:640px){.career-service-selection-bar{bottom:10px;padding:0 10px}.career-service-selection-inner>div{display:block}.career-service-selection-inner span{display:block;margin-top:2px}}



.billing-payment-note{margin-top:14px;display:flex;gap:8px;align-items:flex-start;padding:11px 12px;border:1px solid #e4e7ec;border-radius:8px;background:#f9fafb;font-size:11px;color:#667085}.billing-payment-note strong{color:#344054;white-space:nowrap}



.billing-scheduled-change{margin-bottom:14px;padding:12px 14px;border:1px solid #d0d5dd;border-radius:9px;background:#f9fafb}.billing-scheduled-change div{display:flex;flex-direction:column;gap:3px}.billing-scheduled-change strong{font-size:13px;color:#101828}.billing-scheduled-change span{font-size:12px;color:#667085}



.application-storage-note{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border:1px solid #e4e7ec;border-radius:8px;background:#f9fafb;font-size:11px;color:#667085}.application-storage-note strong{color:#344054}


body{font-family:Arial,sans-serif;color:#111;padding:28px}h1{font-size:20px}p{font-size:12px;color:#555}table{width:100%;border-collapse:collapse;font-size:10px}th,td{border-bottom:1px solid #ddd;padding:7px;text-align:left}th{background:#f5f5f5}@media print{button{display:none}}