
:root{--sj-ink:#17142b;--sj-green:#087f68;--sj-soft:#f6f7fb;--sj-line:#e7e7ee}
body{background:var(--sj-soft)}
.sj-mobile-shell{max-width:1180px;margin:auto;padding:18px 18px 100px}
.sj-appbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--sj-line);display:flex;align-items:center;justify-content:space-between;padding:12px 18px}
.sj-appbar .sj-brand{font-size:24px;font-weight:900}.sj-iconbtn{border:1px solid var(--sj-line);background:#fff;border-radius:14px;padding:10px 13px;font-size:20px;cursor:pointer}
.sj-search{display:flex;gap:10px;background:#fff;border:2px solid #d7d5e2;border-radius:18px;padding:12px 14px;margin:14px 0}.sj-search input{border:0;outline:0;flex:1;font-size:16px;background:transparent}
.sj-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.sj-quick a{background:#fff;border:1px solid var(--sj-line);border-radius:18px;padding:14px 8px;text-align:center;text-decoration:none;color:var(--sj-ink);font-weight:800}.sj-quick i{display:block;font-style:normal;font-size:26px;margin-bottom:5px}
.sj-filterrow{display:flex;gap:8px;overflow:auto;padding:6px 0 12px}.sj-chip{white-space:nowrap;background:#fff;border:1px solid #dddde6;border-radius:999px;padding:9px 14px;color:var(--sj-ink);text-decoration:none;font-weight:700}
.sj-section-title{display:flex;justify-content:space-between;align-items:end;margin:22px 0 10px}.sj-section-title h2{margin:0;font-size:22px}.sj-section-title a{color:var(--sj-green);font-weight:800;text-decoration:none}
.sj-jobcard,.sj-profilecard,.sj-activity{background:#fff;border:1px solid var(--sj-line);border-radius:18px;padding:18px;margin:10px 0;box-shadow:0 5px 18px rgba(24,20,43,.04)}.sj-jobcard h3{margin:4px 0}.sj-jobmeta{display:flex;gap:8px;flex-wrap:wrap;color:#696477}.sj-pill{background:#f2f2f6;border-radius:8px;padding:5px 8px;font-size:13px}.sj-jobcard a{color:var(--sj-green);font-weight:900;text-decoration:none}.sj-new{color:#b51491;font-weight:900}
.sj-alert{background:#e8faf4;border:1px solid #c6efe3;border-radius:18px;padding:18px;margin:20px 0}.sj-alert form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px}.sj-alert input,.sj-alert select{background:#fff;border:1px solid #d8d8e1;border-radius:10px;padding:11px}.sj-alert button{border:0;border-radius:10px;background:var(--sj-green);color:#fff;font-weight:900;padding:11px 16px}
.sj-trending{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sj-trend{min-height:145px;background:linear-gradient(135deg,#fff,#f1f5ff);border:1px solid #dfe4f4;border-radius:22px;padding:20px;text-decoration:none;color:var(--sj-ink);display:flex;flex-direction:column;justify-content:space-between}.sj-trend b{font-size:20px}.sj-trend span{color:var(--sj-green);font-weight:900}
.sj-bottomnav{display:none}.sj-drawer{position:fixed;z-index:100;inset:0;background:rgba(10,8,20,.45);visibility:hidden;opacity:0;transition:.2s}.sj-drawer.open{visibility:visible;opacity:1}.sj-drawer-panel{height:100%;width:min(86vw,380px);background:#fff;padding:22px;overflow:auto}.sj-drawer a{display:block;padding:13px 5px;border-bottom:1px solid #f0eff4;color:var(--sj-ink);text-decoration:none;font-weight:700}.sj-drawer h3{margin-top:24px}
.sj-profile-head{display:flex;gap:18px;align-items:center}.sj-avatar{width:86px;height:86px;border-radius:50%;background:#30254d;color:#fff;display:grid;place-items:center;font-size:32px;font-weight:900}.sj-profile-head h2{margin:0}.sj-activity{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--sj-ink)}.sj-activity strong{font-size:17px}.sj-activity small{display:block;color:#777184;margin-top:3px}.sj-edit-section{background:#fff;border:1px solid var(--sj-line);border-radius:18px;padding:18px;margin:12px 0}.sj-edit-section .head{display:flex;justify-content:space-between;align-items:center}.sj-edit-section .head button{border:0;background:transparent;color:var(--sj-green);font-weight:900}.sj-fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sj-fieldgrid input,.sj-fieldgrid textarea{width:100%;box-sizing:border-box}
@media(max-width:720px){.sj-mobile-shell{padding:12px 12px 92px}.sj-quick{grid-template-columns:repeat(4,1fr);gap:6px}.sj-quick a{font-size:12px;padding:11px 4px}.sj-alert form{grid-template-columns:1fr}.sj-trending{grid-template-columns:1fr}.sj-bottomnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;border-top:1px solid var(--sj-line);padding:8px 4px max(8px,env(safe-area-inset-bottom))}.sj-bottomnav a{text-align:center;text-decoration:none;color:#6e687a;font-size:12px;font-weight:800}.sj-bottomnav b{display:block;font-size:21px}.sj-bottomnav a.active{color:var(--sj-green)}.sj-fieldgrid{grid-template-columns:1fr}.sj-profile-head{align-items:flex-start}.sj-avatar{width:72px;height:72px}.sj-appbar .sj-brand{font-size:20px}}

/* V149: Candidate packages headings + Star Performer dashboard section */
.sj-package-hero{margin:6px 0 24px;padding:24px;border:1px solid #e8e0ff;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f8f5ff 58%,#fff8df 100%);box-shadow:0 10px 28px rgba(38,25,72,.07)}
.sj-package-hero h2{margin:6px 0 8px;font-size:30px;line-height:1.12}.sj-package-hero p{margin:0;color:#625d70;max-width:780px;font-size:16px}.sj-eyebrow,.sj-star-kicker{font-size:12px;letter-spacing:.12em;font-weight:900;color:#7b35a5}.sj-package-highlights{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.sj-package-highlights span{background:#fff;border:1px solid #e5deef;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800;color:#4e4860}
.sj-star-section{margin:28px 0 10px;padding:26px;border:1px solid #eadfae;border-radius:26px;background:linear-gradient(135deg,#fffdf4,#fff 50%,#f7f3ff);box-shadow:0 10px 30px rgba(43,31,16,.07)}.sj-star-intro{display:flex;gap:18px;align-items:flex-start}.sj-star-icon{width:70px;height:70px;flex:0 0 70px;border-radius:22px;display:grid;place-items:center;font-size:38px;background:#fff3bd;border:1px solid #ecd982;box-shadow:0 8px 20px rgba(118,85,0,.10)}.sj-star-intro h2{font-size:28px;margin:5px 0 8px}.sj-star-intro p{margin:0;color:#625d70;max-width:880px;line-height:1.6}.sj-star-columns{display:grid;grid-template-columns:1.25fr .9fr;gap:18px;margin-top:22px}.sj-star-column{background:#fff;border:1px solid #eee8d6;border-radius:20px;padding:20px}.sj-star-column h3{margin:0 0 14px;font-size:19px}.sj-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sj-benefit{border:1px solid #ece9f2;border-radius:15px;padding:13px;background:#fcfcfe}.sj-benefit b{display:block;color:#26213a;margin-bottom:5px}.sj-benefit span{display:block;color:#706a7b;font-size:13px;line-height:1.45}.sj-star-roadmap{display:flex;flex-direction:column;align-items:stretch;gap:5px}.sj-star-roadmap>div{display:grid;grid-template-columns:36px 1fr;column-gap:8px;border:1px solid #ece8f3;border-radius:15px;padding:11px;background:#fcfbff}.sj-star-roadmap i{grid-row:1/3;font-style:normal;font-size:24px;align-self:center}.sj-star-roadmap b{font-size:13px;color:#2b2540}.sj-star-roadmap span{font-size:12px;color:#746e80;line-height:1.35}.sj-star-roadmap em{text-align:center;font-style:normal;font-weight:900;color:#b38a16}.sj-star-roadmap .sj-roadmap-star{background:#fff8d9;border-color:#e9d477}.sj-star-cta{display:block;margin-top:14px;text-align:center;text-decoration:none;background:#2f2550;color:#fff;padding:13px 16px;border-radius:14px;font-weight:900}.sj-star-note{margin:16px 4px 0;color:#777184;font-size:12px;line-height:1.45}
@media(max-width:820px){.sj-star-columns{grid-template-columns:1fr}.sj-benefit-grid{grid-template-columns:1fr}.sj-package-hero h2,.sj-star-intro h2{font-size:24px}.sj-star-section{padding:18px}.sj-star-intro{gap:12px}.sj-star-icon{width:56px;height:56px;flex-basis:56px;font-size:30px}}

/* V150: make the candidate dashboard top-left menu control unmistakably visible. */
.sj-appbar > .sj-iconbtn:first-child{background:#172554;color:#fff;border-color:#172554;box-shadow:0 5px 14px rgba(23,37,84,.22)}
.sj-appbar > .sj-iconbtn:first-child:hover,.sj-appbar > .sj-iconbtn:first-child:focus-visible{background:#1e3a8a;color:#fff;border-color:#1e3a8a;outline:3px solid rgba(30,58,138,.18);outline-offset:2px}
