:root{
  --bg:#f3f6fb;--bg-soft:#eef6ff;--surface:#fff;--surface-2:#f9fbff;--text:#0b1220;--muted:#667085;--muted-2:#98a2b3;
  --brand:#1358ff;--brand-2:#006fe6;--brand-3:#0b2b75;--accent:#00b686;--accent-2:#2fd4a7;--orange:#ff9f1c;--rose:#ff4d6d;
  --line:#e5eaf3;--line-strong:#d4def0;--dark:#061225;--dark-2:#0c244d;--shadow:0 26px 70px rgba(11,18,32,.12);--shadow-soft:0 12px 35px rgba(11,18,32,.08);
  --radius:22px;--radius-lg:34px;--container:min(1210px,92%);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:
radial-gradient(circle at 8% 0%,rgba(19,88,255,.10),transparent 33%),radial-gradient(circle at 92% 7%,rgba(0,182,134,.10),transparent 26%),linear-gradient(180deg,#f8fbff 0,#f3f6fb 480px,#f3f6fb 100%);font-family:"Segoe UI",Arial,sans-serif;line-height:1.72;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.rtl{font-family:"Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:0}.rtl h1,.rtl h2,.rtl h3,.rtl .brand-text,.rtl .btn,.rtl .main-nav a{font-family:"Segoe UI",Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}.container{width:var(--container);margin-inline:auto}.muted{color:var(--muted)}.hide{display:none!important}.inline{display:inline}.soft-line{border:0;border-top:1px solid var(--line);margin:22px 0}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:18px;top:18px;z-index:9999;background:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow)}
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,234,243,.86)}.top-strip{background:#061225;color:#fff;font-size:13px}.top-strip .container{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}.top-strip b{font-weight:1000;color:#fff}.top-strip span{opacity:.84}.top-strip-links{display:flex;gap:10px;align-items:center}.top-strip-links a{font-weight:900;color:#ddecff}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:1000;background:linear-gradient(135deg,#1358ff,#00a6ff 55%,#00b686);box-shadow:0 16px 34px rgba(19,88,255,.24);position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-60%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.42),transparent 58%);transform:translateX(-55%);animation:shine 6s linear infinite}@keyframes shine{0%,75%{transform:translateX(-55%)}100%{transform:translateX(55%)}}.brand-text{display:block;font-size:25px;font-weight:1000;letter-spacing:-.8px;color:#061225;line-height:1}.brand-sub{display:block;margin-top:4px;font-size:10px;font-weight:1000;letter-spacing:.9px;color:#667085}.main-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.main-nav>a,.nav-link-btn{display:inline-flex;align-items:center;min-height:42px;padding:8px 12px;border-radius:14px;color:#344054;font-weight:900;transition:.16s ease}.main-nav>a:hover,.nav-link-btn:hover{background:#eef5ff;color:var(--brand)}.nav-link-btn{border:0;background:transparent;cursor:pointer;font-size:inherit}.lang-switch{border:1px solid var(--line);background:#fff}.post-btn{background:linear-gradient(135deg,var(--accent),#22d3a3)!important;color:#fff!important;box-shadow:0 12px 22px rgba(0,182,134,.20)!important}.nav-toggle{display:none;width:44px;height:44px;border-radius:15px;border:1px solid var(--line);background:#fff;font-size:21px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:0;border-radius:16px;padding:12px 20px;font-weight:1000;background:linear-gradient(135deg,var(--brand),#00a3ff);color:#fff;cursor:pointer;box-shadow:0 15px 34px rgba(19,88,255,.24);transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 24px 45px rgba(19,88,255,.30)}.btn.small{min-height:38px;padding:8px 13px;border-radius:13px}.btn.ghost{background:#fff;color:var(--brand);border:1px solid #d6e4ff;box-shadow:none}.btn.soft{background:#eef5ff;color:#1747d8;box-shadow:none;border:1px solid #dce7ff}.btn.dark{background:linear-gradient(135deg,#061225,#0c244d);box-shadow:0 18px 36px rgba(6,18,37,.22)}.btn.accent{background:linear-gradient(135deg,var(--accent),#20d4a5);box-shadow:0 15px 30px rgba(0,182,134,.22)}.btn.ghost-white{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:none}.btn.full{width:100%}.alert{width:var(--container);margin:16px auto 0;padding:12px 16px;border-radius:16px;font-weight:900}.alert-error{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.alert-success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#061225 0%,#0b2b75 44%,#1358ff 100%);padding:72px 0 108px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 10%,rgba(0,182,134,.30),transparent 25%),radial-gradient(circle at 84% 12%,rgba(255,255,255,.16),transparent 22%),linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.80) 60%,transparent 100%)}.hero:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-88px;height:170px;background:#f3f6fb;transform:skewY(-3deg)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 486px;gap:42px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:7px 12px;font-weight:1000;font-size:13px}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#22d3a3;box-shadow:0 0 0 6px rgba(34,211,163,.15)}.eyebrow.dark{background:#edf5ff;color:var(--brand);border-color:#d9e8ff}.hero-copy h1{font-size:clamp(38px,5.35vw,70px);line-height:1.08;margin:16px 0 18px;letter-spacing:-1.6px;font-weight:1000}.rtl .hero-copy h1{letter-spacing:-.4px}.hero-copy p{font-size:19px;max-width:740px;color:#eaf2ff;margin:0}.hero-actions,.trust-row{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:28px}.trust-row{margin-top:24px}.trust-row span,.mini-checks span,.quality-list li{display:inline-flex;align-items:center;gap:8px}.trust-row span:before,.mini-checks span:before,.quality-list li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(34,211,163,.18);color:#35e1b2;font-weight:1000;flex:0 0 20px}.trust-row span{color:#dceaff;font-weight:900}.hero-search-wrap{position:relative;background:rgba(255,255,255,.96);color:var(--text);border:1px solid rgba(255,255,255,.64);border-radius:32px;padding:24px;box-shadow:0 38px 100px rgba(0,0,0,.32)}.hero-search-wrap:after{content:"";position:absolute;inset:12px;border-radius:26px;border:1px solid rgba(19,88,255,.10);pointer-events:none}.search-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:2px 4px 18px}.search-heading strong{font-size:25px;font-weight:1000}.search-heading span{color:var(--muted);font-size:14px}.search-card{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.hero-search-wrap .search-card{grid-template-columns:1fr 1fr;position:relative;z-index:2}.hero-search-wrap .search-main{grid-column:1/-1}.search-field{display:grid;gap:7px}.search-field label{font-size:12px;font-weight:1000;color:#667085}.search-card input,.search-card select,.stack input,.stack select,.stack textarea,.apply-box textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:#fff;color:var(--text);outline:none;min-height:48px}.search-card input:focus,.search-card select:focus,.stack input:focus,.stack select:focus,.stack textarea:focus,.apply-box textarea:focus{border-color:#8db3ff;box-shadow:0 0 0 4px rgba(19,88,255,.10)}.search-submit{min-width:125px}.popular-searches,.intent-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.popular-searches{position:relative;z-index:2;margin-top:15px;color:var(--muted);font-size:13px}.popular-searches a,.intent-chips a{background:#f1f6ff;border:1px solid #dce9ff;color:#1747d8;border-radius:999px;padding:6px 10px;font-weight:1000}.hero-visual{position:relative;min-height:262px;margin-top:16px}.floating-card{position:absolute;background:#fff;color:var(--text);border-radius:24px;border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 70px rgba(0,0,0,.20);padding:18px}.floating-card.main{inset:10px 4px auto auto;width:315px}.floating-card.alt{left:0;bottom:0;width:258px}.float-title{font-weight:1000;font-size:18px;margin-bottom:8px}.float-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:10px;color:#344054;font-weight:900}.score-ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) 84%,#e7edf7 0);font-weight:1000}.avatar-stack{display:flex}.avatar-stack span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#eaf2ff,#fff);border:2px solid #fff;margin-inline-start:-8px;font-size:12px;font-weight:1000;color:var(--brand)}.avatar-stack span:first-child{margin-inline-start:0}.stats-strip{position:relative;z-index:5;margin-top:-48px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.stats-strip div{padding:22px;text-align:center;border-inline-start:1px solid var(--line)}.stats-strip div:first-child{border-inline-start:0}.stats-strip strong{display:block;font-size:30px;color:var(--brand);line-height:1.2;font-weight:1000}.stats-strip span{display:block;color:var(--muted);font-weight:900}.section{padding:40px 0}.section-head-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.section-head-row h2,.panel h2,.results-head h2{margin:8px 0 0;font-size:clamp(25px,3vw,38px);line-height:1.22;font-weight:1000}.link-more{font-weight:1000;color:var(--brand)}.value-grid{display:grid;grid-template-columns:1.05fr 1fr .95fr;gap:16px}.value-card,.panel,.detail-card,.tool-card,.career-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:23px}.value-card h2,.career-card h3,.tool-card h3{font-size:28px;line-height:1.24;margin:12px 0 10px;font-weight:1000}.value-card p,.career-card p,.tool-card p{color:var(--muted);margin:0 0 18px}.dark-card{background:linear-gradient(135deg,#061225,#0b2b75);color:#fff;border:0}.dark-card p{color:#dce8ff}.assistant-card{background:radial-gradient(circle at top right,#dff3ff,transparent 38%),#fff}.assistant-orb{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#1358ff,#00a3ff);color:#fff;font-weight:1000;box-shadow:0 15px 30px rgba(19,88,255,.24)}.assistant-demo{background:#f6f8fc;border:1px dashed #cfd9ea;border-radius:16px;padding:12px;color:#344054;font-weight:900}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{position:relative;overflow:hidden;min-height:170px}.tool-card:before{content:"";position:absolute;inset:auto -20px -40px auto;width:115px;height:115px;border-radius:50%;background:rgba(19,88,255,.09)}.tool-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#eef5ff;color:var(--brand);font-weight:1000;margin-bottom:12px}.career-strip{background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft);padding:26px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:center}.quality-list{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:#344054;font-weight:900}.intent-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#061225;color:#fff;border-radius:30px;padding:25px;box-shadow:0 22px 60px rgba(6,18,37,.18)}.intent-panel h2{margin:0 0 8px;font-size:30px;font-weight:1000}.intent-panel p{margin:0;color:#dce8ff}.intent-chips{justify-content:flex-end}.intent-chips a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}.jobs-list{display:grid;gap:14px}.home-jobs{grid-template-columns:repeat(2,1fr)}.job-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow-soft);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;transition:.18s ease;position:relative;overflow:hidden}.job-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),#00a3ff,var(--accent));opacity:0;transition:.18s}.job-card:hover{transform:translateY(-3px);border-color:#cfe0ff;box-shadow:var(--shadow)}.job-card:hover:before{opacity:1}.job-card-main{display:flex;gap:15px;align-items:flex-start;min-width:0}.company-avatar{flex:0 0 56px;width:56px;height:56px;border-radius:20px;background:linear-gradient(135deg,#eaf2ff,#d6e7ff);color:var(--brand);display:grid;place-items:center;font-size:24px;font-weight:1000}.job-card-content{min-width:0}.job-card-topline{display:flex;gap:6px;align-items:center;min-height:22px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:1000}.badge.hot{background:#fff4e5;color:#9a5b00}.badge.request{background:#e7fff6;color:#087a55}.badge.blue{background:#eef5ff;color:#1747d8}.job-card h3{margin:5px 0 7px;font-size:21px;line-height:1.34;font-weight:1000}.job-card h3 a:hover{color:var(--brand)}.job-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;color:#475467;font-size:14px;font-weight:900}.job-meta span:not(:last-child):after{content:"•";margin-inline-start:10px;color:#98a2b3}.job-excerpt{margin:10px 0 0;color:#344054;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tags span,.pill{display:inline-flex;align-items:center;background:#f2f6ff;border:1px solid #dfeaff;border-radius:999px;padding:6px 10px;color:#2554a5;font-size:13px;font-weight:900}.pill:hover{background:#e7f0ff}.pill-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pill-list.vertical{display:grid}.card-actions{display:grid;gap:9px;min-width:134px}.page-hero{background:radial-gradient(circle at 10% 20%,rgba(0,163,255,.24),transparent 30%),linear-gradient(135deg,#061225,#0b2b75);color:#fff;padding:54px 0}.page-hero.compact{padding:48px 0 38px}.page-hero h1{font-size:clamp(30px,4vw,50px);line-height:1.18;margin:12px 0 10px;font-weight:1000}.page-hero p{color:#dbe8ff;margin:0 0 22px}.page-hero .search-card{background:#fff;color:var(--text);border-radius:24px;padding:16px;box-shadow:var(--shadow)}.results-layout{display:grid;grid-template-columns:310px 1fr;gap:20px;align-items:start}.results-aside{position:sticky;top:112px}.results-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.mini-checks{display:grid;gap:9px;margin-top:14px}.mini-checks span{font-weight:900;color:#344054}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gradient-panel{background:linear-gradient(135deg,#fff,#eef5ff)}.empty-state{text-align:center;color:var(--muted);font-weight:900}.filter-box{display:grid;gap:10px;margin-top:12px}.filter-box a{display:flex;justify-content:space-between;gap:8px;background:#f7faff;border:1px solid var(--line);border-radius:16px;padding:10px 12px;font-weight:900;color:#344054}.filter-box a:hover{color:var(--brand);background:#eef5ff}.job-hero{padding:54px 0}.job-hero-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:center}.job-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.18;margin:12px 0;font-weight:1000}.hero-meta{display:flex;flex-wrap:wrap;gap:10px 14px;color:#e9f2ff}.job-cta-card{background:#fff;color:var(--text);border-radius:26px;padding:20px;box-shadow:var(--shadow)}.job-cta-card strong{display:block;font-size:20px;font-weight:1000}.job-cta-card p{color:var(--muted);margin:6px 0 14px}.detail-actions{display:grid;gap:10px}.job-detail-layout{display:grid;grid-template-columns:1fr 315px;gap:20px;align-items:start}.side-card{position:sticky;top:112px}.detail-card h2{font-size:25px;margin:28px 0 12px;font-weight:1000}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}.facts div{background:#f8fbff;border:1px solid #e8f0ff;border-radius:18px;padding:14px}.facts dt{color:var(--muted);font-size:13px;font-weight:900}.facts dd{margin:2px 0 0;font-weight:1000;color:var(--dark)}.prose{overflow-wrap:anywhere;color:#1d2939}.prose a{color:var(--brand);font-weight:900}.prose ul{padding-inline-start:22px}.apply-box{margin-top:28px;background:#f8fbff;border:1px solid #e4edff;border-radius:22px;padding:18px}.apply-box label{display:grid;gap:8px;font-weight:1000}.apply-box textarea{resize:vertical;margin:7px 0 14px}.apply-box.locked{text-align:center}.stack{display:grid;gap:14px}.narrow{max-width:560px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:24px;flex-wrap:wrap}.pagination a,.pagination span{padding:9px 13px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:900}.pagination .active{background:var(--brand);color:#fff;border-color:var(--brand)}.site-footer{padding:42px 0;border-top:1px solid var(--line);background:#fff;margin-top:50px}.footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.footer-copy{max-width:590px}.footer-links{display:flex;gap:10px;flex-wrap:wrap}.footer-links a{padding:8px 12px;border-radius:12px;background:#f7f9fc;color:#344054;font-weight:900}.footer-brand{margin-bottom:8px}.landing-copy>p{font-size:18px;margin-bottom:0}.seo-note{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:var(--radius);padding:20px;margin-top:18px}.seo-note p{margin:0;color:var(--muted)}
@media(max-width:1060px){.hero-grid,.job-hero-grid,.job-detail-layout,.results-layout,.value-grid,.grid-3,.career-strip{grid-template-columns:1fr}.hero-visual{display:none}.results-aside,.side-card{position:static}.search-card,.hero-search-wrap .search-card{grid-template-columns:1fr 1fr}.stats-strip{grid-template-columns:repeat(2,1fr)}.home-jobs{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,1fr)}.intent-panel{display:block}.intent-chips{justify-content:flex-start;margin-top:16px}}
@media(max-width:760px){.top-strip .container{display:block;text-align:center;padding:7px 0}.top-strip-links{justify-content:center;margin-top:3px}.nav{min-height:68px}.nav-toggle{display:inline-grid;place-items:center}.main-nav{display:none;position:absolute;left:4%;right:4%;top:106px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow)}.main-nav.open{display:grid}.main-nav>a,.nav-link-btn{width:100%;justify-content:flex-start}.hero{padding:48px 0 82px}.hero-copy h1{font-size:34px}.hero-copy p{font-size:16px}.hero-search-wrap{padding:16px;border-radius:24px}.search-card,.hero-search-wrap .search-card{grid-template-columns:1fr}.stats-strip{grid-template-columns:1fr;margin-top:-32px}.stats-strip div{border-inline-start:0;border-top:1px solid var(--line)}.stats-strip div:first-child{border-top:0}.job-card{grid-template-columns:1fr}.job-card-main{gap:12px}.company-avatar{width:46px;height:46px;flex-basis:46px}.section-head-row,.results-head,.footer-grid{display:block}.facts{grid-template-columns:1fr}.page-hero .search-card{padding:12px}.btn{width:100%}.footer-links{margin-top:16px}.card-actions{min-width:0}.tool-grid{grid-template-columns:1fr}.brand-text{font-size:21px}.brand-sub{display:none}}

/* v1.7 SEO Growth Engine + premium editorial UX */
.editorial-hero,.article-hero,.intent-hero,.seo-landing-hero{position:relative;overflow:hidden}.editorial-hero:after,.article-hero:after,.intent-hero:after,.seo-landing-hero:after{content:"";position:absolute;inset:auto -8% -90px -8%;height:160px;background:linear-gradient(180deg,rgba(255,255,255,0),#f3f6fb 68%);transform:skewY(-2.5deg);pointer-events:none}.hero-pills{margin-top:18px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.editorial-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.premium-article-card{position:relative;overflow:hidden;min-height:265px;display:flex;flex-direction:column}.premium-article-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--brand),#00a3ff,var(--accent))}.premium-article-card:after{content:"";position:absolute;inset:auto -52px -58px auto;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(19,88,255,.12),transparent 65%)}.premium-article-card h2,.premium-article-card h3{font-size:24px;line-height:1.35;margin:14px 0 10px;font-weight:1000}.premium-article-card h2 a:hover,.premium-article-card h3 a:hover{color:var(--brand)}.premium-article-card p{color:var(--muted);margin:0 0 16px}.premium-article-card .link-more{margin-top:auto}.article-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--brand);font-weight:1000;font-size:13px}.article-kicker span{background:#eff6ff;border:1px solid #dceaff;border-radius:999px;padding:5px 9px}.article-tags{margin:4px 0 18px}.authority-strip{position:relative;overflow:hidden}.authority-strip:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(180deg,var(--brand),var(--accent))}.rtl .authority-strip:before{left:auto;right:0}.article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:center}.article-side-card{background:rgba(255,255,255,.95);color:var(--text);border-radius:26px;padding:20px;box-shadow:var(--shadow)}.article-side-card strong{display:block;font-size:21px;font-weight:1000}.article-side-card p{color:var(--muted)!important;margin:8px 0 12px!important}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.article-content{font-size:18px;line-height:1.95}.article-content h2{scroll-margin-top:110px}.article-content p{color:#243044}.article-toc{display:flex;gap:8px;flex-wrap:wrap;background:#f8fbff;border:1px solid #e5eefc;border-radius:20px;padding:14px;margin-bottom:24px}.article-toc strong{width:100%;font-weight:1000}.article-toc a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:14px;font-weight:900;color:#344054}.article-toc a:hover{color:var(--brand);border-color:#cfe0ff}.faq-block{margin-top:30px}.faq-block details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin:10px 0;box-shadow:0 8px 22px rgba(11,18,32,.04)}.faq-block summary{cursor:pointer;font-weight:1000;color:#0b1220}.faq-block details p{margin:10px 0 0;color:var(--muted)}.mini-job-list{display:grid;gap:10px;margin-top:14px}.mini-job{display:grid;gap:3px;border:1px solid var(--line);border-radius:16px;background:#f8fbff;padding:11px}.mini-job:hover{background:#eef5ff;border-color:#d1e2ff}.mini-job strong{font-weight:1000;line-height:1.35}.mini-job span{font-size:13px;color:var(--muted);font-weight:900}.growth-panel{position:relative}.growth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.growth-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;padding:17px;box-shadow:var(--shadow-soft);min-height:145px;display:grid;align-content:start;gap:8px;transition:.18s ease}.growth-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfe0ff}.growth-card:before{content:"";position:absolute;inset:auto -35px -45px auto;width:110px;height:110px;border-radius:50%;background:rgba(19,88,255,.09)}.growth-card.intent{background:linear-gradient(135deg,#061225,#0b2b75);color:#fff;border:0}.growth-card.intent:before{background:rgba(34,211,163,.16)}.growth-card span{font-size:12px;font-weight:1000;color:var(--brand);text-transform:uppercase;letter-spacing:.6px}.growth-card.intent span{color:#8ff3d5}.growth-card strong{font-size:18px;font-weight:1000;line-height:1.35}.growth-card small{color:var(--muted);font-weight:800;line-height:1.45}.growth-card.intent small{color:#dce8ff}.intent-hero .search-card,.seo-landing-hero .search-card{background:#fff;color:var(--text);border-radius:24px;padding:16px;box-shadow:var(--shadow)}.no-aside{grid-template-columns:1fr}.results-main{min-width:0}.home-jobs .job-card:nth-child(1),.home-jobs .job-card:nth-child(2){background:linear-gradient(180deg,#fff,#f9fcff);border-color:#dceaff}.job-card h3{letter-spacing:-.2px}.rtl .job-card h3,.rtl h1,.rtl h2,.rtl h3{letter-spacing:0}.brand-text{letter-spacing:-.5px}.rtl .brand-text{letter-spacing:-.2px}.search-card select{appearance:auto}.page-hero .popular-searches a{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:#fff}.site-footer{background:linear-gradient(180deg,#fff,#f8fbff)}
@media(max-width:1060px){.editorial-grid,.editorial-grid.compact-grid,.growth-grid,.article-hero-grid,.article-layout{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-side-card,.side-card{position:static}}
@media(max-width:760px){.editorial-grid,.editorial-grid.compact-grid,.growth-grid,.article-hero-grid{grid-template-columns:1fr}.premium-article-card{min-height:unset}.article-content{font-size:16px}.article-toc{display:grid}.growth-card{min-height:unset}.intent-hero .search-card,.seo-landing-hero .search-card{padding:12px}}


/* v1.8 refined Arabic UI, job details contacts, and denser SEO content layout */
:root{--brand:#0f5cff;--brand-2:#0074e8;--accent:#19c79c;--deep:#06152c;--ink:#101828}
body.rtl{font-weight:500}.rtl p,.rtl li,.rtl .muted{font-weight:500}.rtl h1,.rtl h2,.rtl h3{font-weight:700}.rtl .hero-copy h1,.rtl .job-hero h1{font-weight:700;letter-spacing:-.1px}.rtl .main-nav>a,.rtl .nav-link-btn{font-weight:700}.rtl .btn{font-weight:700}
.site-header{box-shadow:0 10px 28px rgba(16,24,40,.05)}.top-strip{background:linear-gradient(90deg,#061225,#09224f)}.brand-mark{border-radius:14px}.brand-text{font-size:24px}.nav{min-height:70px}.main-nav{gap:4px}.main-nav>a,.nav-link-btn{min-height:38px;padding:8px 11px}.post-btn{box-shadow:0 10px 18px rgba(25,199,156,.16)!important}
.hero.hero-pro{padding:58px 0 92px}.hero-grid{grid-template-columns:minmax(0,1.04fr) 455px;gap:34px}.hero-copy h1{font-size:clamp(34px,4.6vw,61px);line-height:1.12}.hero-copy p{font-size:18px}.hero-search-wrap{border-radius:28px;padding:22px}.stats-strip{margin-top:-42px}.section{margin-top:38px}.section-head-row h2{font-size:clamp(25px,2.7vw,38px)}
.growth-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.growth-card{min-height:128px;padding:16px;border-radius:20px}.growth-card strong{font-size:17px}.editorial-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-article-card{min-height:238px;border-radius:22px}.premium-article-card h2,.premium-article-card h3{font-size:21px}.career-strip{border-radius:26px}.tool-card,.value-card,.panel,.detail-card,.job-card{border-radius:22px}
.page-hero.compact{padding:42px 0 64px}.job-hero.job-hero-slim{padding:44px 0 58px;background:linear-gradient(135deg,#061225 0%,#0b2b75 55%,#0f5cff 100%)}.job-hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.job-hero h1{font-size:clamp(25px,3vw,42px);line-height:1.28;margin:10px 0 12px;max-width:930px}.job-hero .hero-meta{font-size:14px;gap:8px 12px}.slim-cta-card{padding:16px;border-radius:22px}.slim-cta-card strong{font-size:18px}.slim-cta-card p{font-size:14px;margin:5px 0 12px}.upgraded-job-layout{grid-template-columns:minmax(0,1fr) 330px;margin-top:28px}.job-body-card{padding:24px}.facts-pro{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.facts-pro div{padding:12px;border-radius:15px}.facts-pro dt{font-size:12px}.facts-pro dd{font-size:14px}.contact-strip{margin:8px 0 26px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid #dbe8ff;box-shadow:0 14px 34px rgba(16,24,40,.06)}.contact-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.contact-strip-head h2{font-size:20px;margin:0}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-item{display:grid;gap:3px;background:#fff;border:1px solid #e4ecfb;border-radius:16px;padding:12px;min-height:70px}.contact-item:hover{border-color:#b8d2ff;box-shadow:0 12px 24px rgba(15,92,255,.08)}.contact-item span{font-size:12px;color:#667085;font-weight:800}.contact-item strong{font-size:14px;color:#101828;overflow-wrap:anywhere}.contact-item.wide{grid-column:1/-1}.contact-side-card h2{margin-top:0}.side-contact-list{display:grid;gap:9px}.side-contact-list a,.side-contact-list div{display:grid;gap:2px;padding:10px 11px;border:1px solid var(--line);border-radius:15px;background:#f8fbff}.side-contact-list b{font-size:12px;color:#667085}.side-contact-list span{font-weight:800;color:#101828;overflow-wrap:anywhere}.job-prose{font-size:17px;line-height:1.92}.detail-card h2{font-size:23px}.apply-box{border-radius:20px}
.topic-cloud{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.topic-cloud a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:900;color:#344054}.topic-cloud a:hover{color:var(--brand);border-color:#bfd5ff;background:#f5f9ff}.seo-depth-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}.seo-depth-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow-soft)}.seo-depth-card.dark{background:linear-gradient(135deg,#061225,#0b2b75);color:#fff;border:0}.seo-depth-card.dark .muted{color:#ddecff}.seo-depth-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.seo-depth-list a{display:grid;gap:3px;padding:13px;border-radius:17px;background:#f8fbff;border:1px solid #e4edff}.seo-depth-list a strong{font-size:15px}.seo-depth-list a span{font-size:12px;color:#667085;font-weight:800}.seo-depth-card.dark a{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#fff}.seo-depth-card.dark a span{color:#ddecff}
@media(max-width:1060px){.job-hero-grid,.upgraded-job-layout,.seo-depth-grid{grid-template-columns:1fr}.growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-side-card{position:static}.job-hero.job-hero-slim{padding:36px 0 48px}.job-hero h1{font-size:clamp(24px,5vw,36px)}}
@media(max-width:760px){.hero.hero-pro{padding:42px 0 76px}.hero-grid{gap:20px}.hero-copy h1{font-size:31px}.page-hero.compact{padding:34px 0 50px}.job-hero-grid{gap:14px}.job-hero h1{font-size:25px}.slim-cta-card{padding:14px}.contact-grid,.facts-pro,.seo-depth-list{grid-template-columns:1fr}.contact-strip-head{display:block}.growth-grid{grid-template-columns:1fr}.editorial-grid.compact-grid{grid-template-columns:1fr}.upgraded-job-layout{margin-top:20px}.job-body-card{padding:18px}}

/* v1.9 performance, typography and job-request refinement */
body.rtl{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-weight:500}.rtl h1,.rtl h2,.rtl h3,.rtl .brand-text,.rtl .btn,.rtl .main-nav a{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-weight:800}.brand-sub{letter-spacing:.35px}.rtl .brand-sub{font-size:11px;letter-spacing:0}.page-hero.compact{padding:28px 0 36px}.page-hero.compact h1{font-size:clamp(27px,3.1vw,42px);line-height:1.24;margin:10px 0 10px}.job-hero.job-hero-slim{padding:22px 0 28px}.job-hero-grid{grid-template-columns:minmax(0,1fr) 255px;gap:18px;align-items:center}.job-hero h1{font-size:clamp(21px,2.2vw,31px);line-height:1.28;margin:8px 0 8px;max-width:880px}.job-hero .hero-meta{font-size:13px;margin:0}.slim-cta-card{padding:13px;border-radius:19px}.slim-cta-card strong{font-size:16px}.slim-cta-card p{font-size:13px;line-height:1.55;margin:4px 0 9px}.slim-cta-card .btn{min-height:41px;padding:9px 12px;border-radius:13px;font-size:14px}.upgraded-job-layout{grid-template-columns:minmax(0,1fr) 315px;margin-top:22px}.job-body-card{padding:22px}.facts-pro{margin-bottom:18px}.detail-card h2{font-size:21px;margin-top:22px}.job-prose{font-size:16.5px;line-height:1.9}.contact-strip{display:none!important}.contact-side-card{position:sticky;top:104px}.contact-side-card .eyebrow.dark{margin-bottom:8px}.contact-side-card h2{font-size:22px;margin:6px 0 6px}.side-contact-list{display:grid;gap:9px}.side-contact-list a,.side-contact-list div{display:grid;gap:3px;padding:11px 12px;border:1px solid var(--line);border-radius:15px;background:#f8fbff}.side-contact-list a:hover{background:#eef5ff;border-color:#cfe0ff}.side-contact-list b{font-size:12px;color:#667085}.side-contact-list span{font-weight:800;color:#101828;overflow-wrap:anywhere}.contact-link-spacer{margin-top:10px}.request-hero{background:linear-gradient(135deg,#2b1537 0%,#6b2679 52%,#b83280 100%)!important}.request-card{border-color:#f2d4f7;background:linear-gradient(180deg,#fff,#fff7fe)}.badge.vacancy{background:#ecfdf3;color:#047857}.badge.request.person,.badge.request{background:#fdf2fa;color:#c11574}.badge.fresh{background:#eff6ff;color:#1747d8}.request-contact-card{border-color:#f2d4f7}.request-contact-card .eyebrow.dark{background:#fdf2fa;color:#c11574;border-color:#f6d0e7}.request-contact-card .mini-checks span:before{background:#fdf2fa;color:#c11574}.job-excerpt b{color:#344054}.select-filter-input{width:100%;min-height:38px;border:1px solid var(--line);border-radius:13px;padding:8px 11px;background:#f8fbff;color:var(--text);outline:none;margin-bottom:7px;font-size:13px}.select-filter-input:focus{border-color:#8db3ff;box-shadow:0 0 0 3px rgba(19,88,255,.10);background:#fff}.select-filter-input:disabled{background:#f1f4f8;color:#98a2b3;cursor:not-allowed}.search-card select:disabled{background:#f1f4f8;color:#98a2b3;cursor:not-allowed}.hero-visual{display:none}.hero{padding:58px 0 86px}.hero-grid{grid-template-columns:minmax(0,1fr) 460px}.tool-grid,.value-grid,.growth-grid,.editorial-grid.compact-grid{content-visibility:auto;contain-intrinsic-size:400px}.home-jobs .job-card:nth-child(n+7){display:none}.seo-depth-grid{grid-template-columns:1fr 1fr}.article-kicker span:nth-child(2){white-space:nowrap}@media(max-width:1060px){.job-hero-grid,.upgraded-job-layout{grid-template-columns:1fr}.contact-side-card{position:static}.job-hero.job-hero-slim{padding:22px 0 28px}.hero-grid{grid-template-columns:1fr}.hero{padding:42px 0 72px}}@media(max-width:760px){.page-hero.compact{padding:24px 0 30px}.page-hero.compact h1{font-size:25px}.job-hero h1{font-size:23px}.job-body-card{padding:17px}.upgraded-job-layout{margin-top:16px}.facts-pro{grid-template-columns:1fr 1fr}.search-card{gap:10px}.hero-copy h1{font-size:30px}.hero-copy p{font-size:16px}.hero-search-wrap{padding:16px;border-radius:24px}.home-jobs .job-card:nth-child(n+5){display:none}}

/* v1.9.1 searchable selects: keep dropdowns clean; search appears inside the opened menu only */
.search-field{position:relative}.native-select-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}.select-enhanced{position:relative;width:100%}.select-trigger{width:100%;min-height:48px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--text);padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;outline:none;text-align:inherit;font-weight:800;box-shadow:none}.select-trigger:hover{border-color:#cfe0ff;background:#fbfdff}.select-enhanced.open .select-trigger,.select-trigger:focus{border-color:#8db3ff;box-shadow:0 0 0 4px rgba(19,88,255,.10)}.select-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger-icon{font-size:18px;line-height:1;color:#667085;transition:.16s ease}.select-enhanced.open .select-trigger-icon{transform:rotate(180deg)}.select-enhanced.disabled .select-trigger{background:#f1f4f8;color:#98a2b3;cursor:not-allowed}.select-panel{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:140;background:#fff;border:1px solid #dbe6f5;border-radius:18px;box-shadow:0 22px 60px rgba(11,18,32,.16);padding:10px;display:none}.select-enhanced.open .select-panel{display:block}.select-search-inside{width:100%;min-height:42px;border:1px solid var(--line);border-radius:13px;padding:9px 12px;background:#f8fbff;color:var(--text);outline:none;font-size:14px}.select-search-inside:focus{border-color:#8db3ff;box-shadow:0 0 0 3px rgba(19,88,255,.10);background:#fff}.select-options{list-style:none;margin:8px 0 0;padding:0;max-height:240px;overflow:auto;display:grid;gap:4px}.select-option{padding:10px 11px;border-radius:12px;cursor:pointer;color:#344054;font-weight:800;line-height:1.35}.select-option:hover,.select-option:focus{background:#eef5ff;color:var(--brand);outline:none}.select-option.selected{background:#eaf2ff;color:var(--brand);font-weight:1000}.select-option.empty{cursor:default;color:#98a2b3;background:#f8fbff;text-align:center}.select-option.disabled{color:#98a2b3;cursor:not-allowed}.hero-search-wrap .select-panel{z-index:220}.rtl .select-trigger,.rtl .select-option,.rtl .select-search-inside{text-align:right}@media(max-width:760px){.select-panel{position:fixed;left:14px;right:14px;top:auto;bottom:18px;max-height:min(70vh,470px);border-radius:22px;padding:12px}.select-options{max-height:calc(70vh - 86px)}}

/* v1.9.2 fixes: dropdown stacking, Arabic brand, city/subcategory dependencies */
:root{--font-ar:"Readex Pro","Tajawal","IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
body.rtl{font-family:var(--font-ar);font-weight:500}
.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl .brand-text,.rtl .btn,.rtl .main-nav a,.rtl .search-card label,.rtl .select-trigger{font-family:var(--font-ar);font-weight:700}
.brand-text{white-space:nowrap}.rtl .brand-text{font-size:25px;letter-spacing:-.6px}.rtl .brand-sub{font-size:11px;font-weight:700;color:#667085}
.hero,.hero-pro,.page-hero,.job-hero{overflow:visible!important}.hero-search-wrap,.search-card,.search-field{position:relative;overflow:visible!important}.hero-search-wrap{z-index:60}.search-card{z-index:80}.search-field{z-index:auto}.search-field:has(.select-enhanced.open){z-index:100000}.select-enhanced{position:relative;z-index:10}.select-enhanced.open{z-index:100000}.select-panel{z-index:100001!important}.popular-searches{position:relative;z-index:1}.stats-strip{position:relative;z-index:2}.hero-search-wrap .select-panel{z-index:100002!important}
.select-options{scrollbar-width:thin}.select-option{user-select:none}.select-enhanced.disabled .select-trigger-text{color:#98a2b3}
@media(max-width:760px){.select-enhanced.open{z-index:999999}.select-panel{z-index:999999!important}.hero,.hero-pro{overflow:visible!important}}

.search-field.select-field-open{z-index:100000!important}

/* v1.9.4 — hero search width fix: prevent controls from protruding outside the white card */
.hero-search-wrap{
  width:100%;
  max-width:100%;
  overflow:visible;
}
.hero-search-wrap *{box-sizing:border-box}
.search-card,
.hero-search-wrap .search-card{
  width:100%;
  max-width:100%;
  min-width:0;
}
.hero-search-wrap .search-card{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:end;
}
.search-card > *,
.search-field,
.search-main,
.select-enhanced,
.select-trigger,
.search-card input,
.search-card select,
.search-card button{
  min-width:0;
  max-width:100%;
}
.hero-search-wrap .search-main{grid-column:1 / -1}
.hero-search-wrap .search-submit{width:100%;min-width:0}
.hero-search-wrap .select-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rtl .hero-search-wrap .search-card{direction:rtl}
@media(max-width:760px){
  .hero-search-wrap .search-card{grid-template-columns:1fr}
  .hero-search-wrap .search-main{grid-column:auto}
}

/* v1.9.5 — final UX fixes requested by user */
.hero{overflow:visible!important;z-index:40!important}
.hero.hero-pro{overflow:visible!important;z-index:40!important}
.hero-grid,.hero-search-wrap,.search-card,.search-field,.select-enhanced{position:relative}
.select-field-open,.select-enhanced.open{z-index:999999!important}
.select-panel{
  z-index:9999999!important;
  max-height:300px;
  overflow:hidden;
  box-shadow:0 26px 55px rgba(6,18,37,.22)!important;
}
.select-options{max-height:225px;overflow:auto}
.stats-strip{z-index:1!important}
.hero + .stats-strip{z-index:1!important}
.hero-search-wrap{isolation:isolate}
.select-trigger{font-size:14px!important;min-height:45px!important;padding:10px 12px!important}
.select-option{font-size:14px!important;line-height:1.35!important;padding:10px 12px!important}
.select-search-inside{font-size:13px!important;min-height:42px!important}
.search-card input{font-size:14px!important;min-height:45px!important;padding:10px 12px!important}
.search-field label{font-size:11.5px!important}
.lang-switch{
  border:1px solid #b7d2ff!important;
  background:linear-gradient(180deg,#fff,#edf5ff)!important;
  color:#1358ff!important;
  font-weight:1000!important;
  box-shadow:0 8px 22px rgba(19,88,255,.12)!important;
}
.lang-switch:before{content:"🌐";font-size:14px;margin-inline-end:6px}
.premium-article-card:before,.premium-article-card:after,.growth-card:before{pointer-events:none!important}
.premium-article-card .link-more,.premium-article-card h3,.premium-article-card h3 a{position:relative;z-index:2}
.clickable-card{cursor:pointer}
.clickable-card:hover h3 a{color:var(--brand)}
.footer-brand .brand-text{font-size:23px}
.footer-brand .brand-sub{font-size:11px;letter-spacing:.2px}
@media(max-width:760px){
  .select-panel{max-height:265px}
  .select-options{max-height:190px}
  .select-trigger{font-size:13.5px!important}
  .select-option{font-size:13.5px!important}
}

/* v1.9.6 — performance homepage, typography, language button and icon refinement */
:root{--font-ar:"Segoe UI",Tahoma,Arial,sans-serif;--font-en:"Segoe UI",Arial,sans-serif}
body{font-family:var(--font-en);text-rendering:optimizeLegibility}
body.rtl{font-family:var(--font-ar);font-weight:500;line-height:1.68}
.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl .brand-text,.rtl .btn,.rtl .main-nav a,.rtl .search-card label,.rtl .select-trigger,.rtl input{font-family:var(--font-ar)}
.site-header{z-index:300!important}.top-strip{font-size:12px}.nav{min-height:70px}.brand-mark{width:44px;height:44px;border-radius:16px}.brand-sub{letter-spacing:.35px}.rtl .brand-text{font-size:24px}.rtl .brand-sub{font-size:10.5px}
.lang-switch{position:relative;overflow:hidden;border:1px solid rgba(19,88,255,.20)!important;background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;color:#0b2b75!important;padding-inline-start:10px!important;padding-inline-end:14px!important;box-shadow:0 8px 20px rgba(11,43,117,.08)!important}
.lang-switch:before{content:"EN"!important;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;margin-inline-end:8px;background:linear-gradient(135deg,#1358ff,#00b686);color:#fff;font-size:11px;font-weight:1000;letter-spacing:.2px;box-shadow:0 8px 16px rgba(19,88,255,.18)}
body.ltr .lang-switch:before{content:"ع"!important;font-size:15px}

.hero.hero-compact-v196{padding:46px 0 74px;background:linear-gradient(135deg,#071b35 0%,#0b347a 44%,#1358ff 100%);z-index:70!important;overflow:visible!important}
.hero.hero-compact-v196:before{background:radial-gradient(circle at 15% 5%,rgba(0,182,134,.24),transparent 28%),radial-gradient(circle at 80% 5%,rgba(255,255,255,.10),transparent 25%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}
.hero.hero-compact-v196:after{height:120px;bottom:-70px;z-index:0}.hero-grid{position:relative;z-index:5}.hero-compact-v196 .hero-grid{grid-template-columns:minmax(410px,460px) minmax(0,1fr);gap:46px;align-items:center}
.hero-search-column{position:relative;z-index:90}.hero-compact-v196 .hero-copy h1{font-size:clamp(34px,4.2vw,54px)!important;line-height:1.12!important;letter-spacing:-.4px!important;margin:14px 0 13px!important;max-width:760px}.hero-compact-v196 .hero-copy p{font-size:17px;line-height:1.75;max-width:720px}.compact-trust{gap:10px;margin-top:18px}.compact-trust span{font-size:14px}.hero-actions{margin-top:22px;gap:10px}.hero-actions .btn{min-height:45px;padding:10px 17px;border-radius:14px}
.compact-search-card{padding:18px!important;border-radius:26px!important;box-shadow:0 28px 70px rgba(0,0,0,.23)!important;isolation:auto!important;z-index:100!important}.compact-search-card:after{inset:8px;border-radius:22px}.search-heading{display:block!important;margin:0 2px 12px!important}.search-heading strong{display:block;font-size:23px!important;line-height:1.25}.search-heading span{display:block;margin-top:4px;font-size:12.5px!important;line-height:1.5;color:#667085}.hero-search-wrap .search-card{gap:9px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.search-field{gap:5px!important}.search-field label{font-size:10.8px!important;line-height:1.2!important;color:#697586!important;white-space:nowrap}.search-card input,.select-trigger{min-height:42px!important;border-radius:14px!important;padding:9px 11px!important;font-size:12.8px!important;line-height:1.25!important;font-weight:800!important}.select-trigger-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger-icon{font-size:15px!important}.search-main input{font-size:13.2px!important}.search-submit{min-height:44px!important;border-radius:14px!important;font-size:14px!important}.select-search-inside{min-height:39px!important;border-radius:12px!important;font-size:12.8px!important}.select-option{font-size:13px!important;padding:8px 10px!important;line-height:1.35!important}.select-panel{z-index:2147483000!important;border-radius:16px!important;max-height:282px!important;box-shadow:0 30px 80px rgba(6,18,37,.28)!important}.select-options{max-height:210px!important}.select-enhanced.open,.select-field-open{z-index:2147482999!important}.hero-search-wrap .select-panel{z-index:2147483000!important}.hero-search-wrap{overflow:visible!important}.hero,.hero-pro,.hero-grid,.hero-search-column,.search-card,.search-field{overflow:visible!important}.stats-strip,.hero + .stats-strip{z-index:1!important}.hero + .compact-stats{margin-top:-38px}.compact-popular{margin-top:12px;font-size:12px}.compact-popular a{padding:5px 9px;font-size:12px}
.compact-stats{border-radius:24px;grid-template-columns:repeat(4,1fr)}.compact-stats div{padding:18px 14px}.compact-stats strong{font-size:29px}.compact-stats span{font-size:13px}
.home-fast-grid{margin-top:36px}.home-link-panel{padding:22px}.compact-row h2{margin:3px 0 0}.fast-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.fast-link-grid a{display:grid;gap:3px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#101828;transition:.16s ease}.fast-link-grid a:hover{transform:translateY(-2px);border-color:#bcd4ff;background:#f8fbff}.fast-link-grid strong{font-size:14px;line-height:1.45}.fast-link-grid small{color:#667085;font-size:12px;line-height:1.45}.compact-discovery .panel{padding:22px}.compact-discovery .pill-list{max-height:250px;overflow:hidden}.compact-editorial .editorial-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-editorial .career-card{min-height:auto}.home-jobs{content-visibility:auto;contain-intrinsic-size:680px}.compact-discovery,.compact-editorial,.home-fast-grid{content-visibility:auto;contain-intrinsic-size:420px}
.page-hero.compact .search-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.page-hero.compact .search-main{grid-column:1 / -1}.page-hero.compact .search-submit{width:100%}.page-hero.compact .select-trigger,.page-hero.compact .search-card input{font-size:12.8px!important}.results-layout .select-panel,.page-hero .select-panel{z-index:2147483000!important}
.site-footer .brand-text{font-size:24px!important}.site-footer .brand-sub{text-transform:none!important}.site-footer{content-visibility:auto;contain-intrinsic-size:260px}
@media(max-width:1100px){.hero-compact-v196 .hero-grid{grid-template-columns:1fr;gap:28px}.hero-search-column{max-width:560px}.hero-compact-v196 .hero-copy h1{font-size:clamp(32px,7vw,48px)!important}.fast-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-editorial .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero.hero-compact-v196{padding:30px 0 64px}.compact-search-card{padding:15px!important}.hero-search-wrap .search-card,.page-hero.compact .search-card{grid-template-columns:1fr!important}.hero-compact-v196 .hero-copy h1{font-size:29px!important}.hero-compact-v196 .hero-copy p{font-size:15px}.search-heading strong{font-size:21px!important}.search-card input,.select-trigger{font-size:12.6px!important;min-height:41px!important}.compact-stats{grid-template-columns:repeat(2,1fr);margin-top:-28px}.fast-link-grid,.compact-editorial .editorial-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.top-strip .container{justify-content:center}.top-strip-links{display:none}}

/* v1.9.7 — lighter, faster homepage + clearer search typography */
.hero.hero-compact-v197{padding:38px 0 66px;background:linear-gradient(135deg,#071b35 0%,#0b347a 46%,#1358ff 100%);z-index:70!important;overflow:visible!important}
.hero.hero-compact-v197:before{background:radial-gradient(circle at 15% 6%,rgba(0,182,134,.22),transparent 28%),radial-gradient(circle at 86% 10%,rgba(255,255,255,.12),transparent 24%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}
.hero.hero-compact-v197:after{height:96px;bottom:-58px;z-index:0}.home-hero-grid{grid-template-columns:minmax(380px,455px) minmax(0,1fr);gap:44px;align-items:center;position:relative;z-index:5}.home-hero-copy h1{font-size:clamp(32px,3.75vw,48px)!important;line-height:1.15!important;letter-spacing:-.25px!important;margin:13px 0 12px!important;max-width:760px}.home-hero-copy p{font-size:16.6px!important;line-height:1.72!important;max-width:710px}.home-primary-actions{margin-top:20px;gap:10px}.home-primary-actions .btn{min-height:44px;padding:10px 17px;border-radius:14px}.refined-search-card{padding:18px!important;border-radius:26px!important;box-shadow:0 24px 64px rgba(0,0,0,.23)!important;z-index:120!important}.refined-search-card:after{inset:8px;border-radius:22px}.refined-heading{margin:0 2px 13px!important}.refined-heading strong{font-size:24px!important;line-height:1.28}.refined-heading span{font-size:13.2px!important;line-height:1.5;color:#667085}.hero-search-wrap .search-card{gap:10px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.search-field{gap:6px!important}.search-field label{font-size:12.2px!important;line-height:1.25!important;color:#667085!important;font-weight:1000!important}.search-card input,.select-trigger{min-height:45px!important;border-radius:14px!important;padding:10px 12px!important;font-size:13.75px!important;line-height:1.28!important;font-weight:850!important}.search-main input{font-size:14px!important}.select-search-inside{min-height:41px!important;font-size:13.5px!important}.select-option{font-size:13.8px!important;padding:9px 11px!important;line-height:1.38!important}.search-submit{min-height:46px!important;border-radius:14px!important;font-size:15px!important}.refined-popular{margin-top:12px!important;font-size:13.2px!important;line-height:1.5}.refined-popular span{font-weight:900;color:#667085}.refined-popular a{font-size:13px!important;padding:6px 10px!important}.page-hero.compact .select-trigger,.page-hero.compact .search-card input,.results-layout .select-trigger,.results-layout .search-card input{font-size:13.75px!important;min-height:45px!important}.page-hero.compact .search-field label,.results-layout .search-field label{font-size:12.2px!important}.select-trigger-text{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-stats-light{margin-top:-34px;border-radius:24px;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 45px rgba(11,18,32,.10)}.home-stats-light div{padding:17px 14px}.home-stats-light strong{font-size:28px}.home-stats-light span{font-size:13.5px}.home-discovery-v197{margin-top:34px}.home-discovery-v197,.browse-panels-v197,.combo-section-v197,.home-advice-v197{content-visibility:auto;contain-intrinsic-size:360px}.intent-grid-v197{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.intent-card-v197{position:relative;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(11,18,32,.05);transition:.16s ease}.intent-card-v197:hover{transform:translateY(-2px);border-color:#bcd4ff;background:#f8fbff}.intent-dot{grid-row:1/3;width:10px;height:10px;border-radius:50%;margin-top:6px;background:linear-gradient(135deg,var(--accent),#18a0ff);box-shadow:0 0 0 6px rgba(19,88,255,.08)}.intent-card-v197 strong{font-size:15px;line-height:1.45}.intent-card-v197 small{font-size:12.7px;line-height:1.5;color:#667085}.browse-panels-v197{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.browse-panel-v197{padding:20px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title-row h2{font-size:20px;margin:0}.panel-title-row a{font-weight:1000;color:var(--brand);font-size:13px}.compact-pills{gap:8px;max-height:150px;overflow:hidden}.compact-pills .pill{font-size:13.5px;padding:7px 10px}.combo-grid-v197{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.combo-grid-v197 a{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:.16s ease}.combo-grid-v197 a:hover{transform:translateY(-2px);border-color:#bcd4ff;background:#f8fbff}.combo-grid-v197 strong{font-size:14.2px;line-height:1.45}.combo-grid-v197 small{font-size:12.5px;color:#667085}.home-advice-v197 .editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{z-index:300!important}.hero-search-column{position:relative;z-index:130}.select-panel{z-index:2147483000!important}.select-enhanced.open,.select-field-open{z-index:2147482999!important}.stats-strip,.hero + .stats-strip{z-index:1!important}
@media(max-width:1100px){.home-hero-grid{grid-template-columns:1fr;gap:26px}.hero-search-column{max-width:580px}.home-hero-copy h1{font-size:clamp(30px,6.8vw,44px)!important}.intent-grid-v197,.browse-panels-v197,.combo-grid-v197,.home-advice-v197 .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero.hero-compact-v197{padding:28px 0 60px}.refined-search-card{padding:15px!important}.hero-search-wrap .search-card,.page-hero.compact .search-card{grid-template-columns:1fr!important}.home-hero-copy h1{font-size:28px!important}.home-hero-copy p{font-size:15px!important}.refined-heading strong{font-size:22px!important}.search-card input,.select-trigger{font-size:13.6px!important;min-height:44px!important}.search-field label{font-size:12px!important}.refined-popular{font-size:13px!important}.home-stats-light{grid-template-columns:repeat(2,1fr);margin-top:-26px}.intent-grid-v197,.browse-panels-v197,.combo-grid-v197,.home-advice-v197 .editorial-grid{grid-template-columns:1fr}.home-primary-actions .btn{width:100%}.top-strip .container{justify-content:center}.top-strip-links{display:none}}


/* v1.9.8 — PageSpeed mobile optimization: no external web fonts, lazy searchable selects, less initial layout work */
:root{--font-ar:"Segoe UI",Tahoma,Arial,sans-serif;--font-en:"Segoe UI",Arial,sans-serif}
body,body.rtl,.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl .brand-text,.rtl .btn,.rtl .main-nav a,.rtl .search-card label,.rtl .select-trigger,.rtl input{font-family:var(--font-ar)!important}
body.ltr{font-family:var(--font-en)!important}
.search-card input,.search-card select,.select-trigger{font-size:14.2px!important;min-height:45px!important}
.search-field label{font-size:12.4px!important}
.refined-popular,.popular-searches{font-size:13.5px!important}.refined-popular a,.popular-searches a{font-size:13.4px!important}
/* Native selects stay visible until the visitor opens them; this avoids building dropdown DOM during initial load. */
select.js-filterable-select:not(.native-select-hidden){appearance:auto;background:#fff;cursor:pointer;font-weight:850;color:var(--text)}
select.js-filterable-select:not(.native-select-hidden):disabled{background:#f1f4f8;color:#98a2b3;cursor:not-allowed}
.hero.hero-compact-v197{padding:34px 0 60px!important}
.home-hero-copy h1{font-size:clamp(30px,3.35vw,44px)!important;line-height:1.16!important}.home-hero-copy p{font-size:16px!important}
.refined-search-card{box-shadow:0 20px 46px rgba(0,0,0,.20)!important}.home-stats-light{box-shadow:0 12px 30px rgba(11,18,32,.08)!important}
.intent-card-v197,.combo-grid-v197 a,.fast-link-grid a{transition:none!important}.intent-card-v197:hover,.combo-grid-v197 a:hover,.fast-link-grid a:hover{transform:none!important}
@media(max-width:760px){.search-card input,.search-card select,.select-trigger{font-size:14px!important;min-height:45px!important}.home-hero-copy h1{font-size:27px!important}.hero.hero-compact-v197{padding:24px 0 54px!important}.refined-search-card{padding:14px!important}.home-stats-light div{padding:14px 10px!important}}

/* v1.9.9 — premium fast homepage: clearer typography, lighter DOM, no developer-facing text */
.home-hero-v199{
  padding:34px 0 62px!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(0,182,134,.20),transparent 26%),
    radial-gradient(circle at 16% 0%,rgba(255,255,255,.14),transparent 24%),
    linear-gradient(135deg,#06172f 0%,#0b347a 49%,#1358ff 100%)!important;
  overflow:visible!important;
  z-index:80!important;
}
.home-hero-v199:before{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:52px 52px!important;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 72%,transparent 100%)!important}
.home-hero-v199:after{height:82px!important;bottom:-48px!important;z-index:0!important}
.home-shell-v199{position:relative;z-index:6;display:grid;grid-template-columns:minmax(360px,470px) minmax(0,1fr);gap:44px;align-items:center;overflow:visible!important}
.home-search-panel-v199{position:relative;z-index:160;background:rgba(255,255,255,.98);color:var(--text);border:1px solid rgba(255,255,255,.74);border-radius:28px;padding:20px;box-shadow:0 26px 58px rgba(0,0,0,.24);overflow:visible!important}
.home-search-panel-v199:after{content:"";position:absolute;inset:9px;border:1px solid rgba(19,88,255,.09);border-radius:22px;pointer-events:none}.home-search-panel-v199 .search-card{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:11px!important;align-items:end}.home-search-panel-v199 .search-main{grid-column:1/-1}.home-search-title-v199{position:relative;z-index:3;margin:0 2px 14px}.home-search-title-v199 span{display:inline-flex;margin-bottom:6px;color:#1358ff;background:#eef5ff;border:1px solid #dce9ff;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:1000}.home-search-title-v199 h2{margin:0;color:#0b1220;font-size:26px;line-height:1.22;font-weight:1000}.home-search-title-v199 p{margin:5px 0 0;color:#667085;font-size:15px;line-height:1.55}.home-copy-v199{color:#fff;max-width:760px}.hero-badge-clean-v199{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);border-radius:999px;padding:7px 12px;font-weight:1000;font-size:14px}.hero-badge-clean-v199:before{content:"";width:8px;height:8px;border-radius:50%;background:#22d3a3;box-shadow:0 0 0 6px rgba(34,211,163,.16)}.home-copy-v199 h1{font-size:clamp(32px,3.45vw,48px)!important;line-height:1.14!important;letter-spacing:-.2px!important;margin:16px 0 13px!important;font-weight:1000!important}.home-copy-v199 p{font-size:17px!important;line-height:1.75!important;color:#e7f0ff;margin:0;max-width:710px}.home-actions-v199{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.home-actions-v199 .btn{min-height:45px;padding:10px 18px;border-radius:14px}.home-benefits-v199{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;color:#dceaff;font-weight:950;font-size:14.5px}.home-benefits-v199 span{display:inline-flex;align-items:center;gap:7px}.home-benefits-v199 span:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(34,211,163,.18);color:#38e6ba;font-weight:1000}.home-popular-v199{position:relative;z-index:3;margin-top:13px!important;font-size:14.4px!important;line-height:1.6!important}.home-popular-v199 span{color:#667085;font-weight:1000}.home-popular-v199 a{font-size:14px!important;padding:7px 11px!important;background:#f1f6ff;border-color:#dbe8ff}.search-card input,.search-card select,.select-trigger{font-size:15px!important;min-height:47px!important;line-height:1.35!important;font-weight:850!important;border-radius:15px!important}.search-main input{font-size:15.2px!important}.search-field label{font-size:13px!important;line-height:1.3!important;color:#667085!important}.select-search-inside{font-size:14px!important;min-height:42px!important}.select-option{font-size:14.3px!important;line-height:1.45!important;padding:9px 11px!important}.search-submit{font-size:15.5px!important;min-height:48px!important;border-radius:15px!important}.select-panel{z-index:2147483000!important}.select-enhanced.open,.select-field-open{z-index:2147482999!important}.home-stats-v199{margin-top:-30px!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(11,18,32,.08)!important;z-index:2!important}.home-stats-v199 div{padding:16px 12px!important}.home-stats-v199 strong{font-size:27px!important}.home-stats-v199 span{font-size:14px!important}.home-section-head-v199 h2{font-size:clamp(25px,2.55vw,34px)!important;margin:8px 0 6px!important}.home-section-head-v199 p{margin:0;color:#667085;font-weight:850;max-width:680px}.home-paths-v199,.browse-hub-v199,.combo-section-v199,.home-advice-v199{content-visibility:auto;contain-intrinsic-size:360px}.path-grid-v199{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:16px}.path-card-v199{position:relative;min-height:128px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 9px 24px rgba(11,18,32,.05);overflow:hidden}.path-card-v199:before{content:"";position:absolute;inset:auto -35px -42px auto;width:110px;height:110px;border-radius:50%;background:rgba(19,88,255,.08)}.path-card-v199.primary{background:linear-gradient(135deg,#f8fbff,#eef5ff);border-color:#cfe0ff}.path-card-v199.request{background:linear-gradient(135deg,#f7fffc,#ecfff8);border-color:#c7f5e6}.path-card-v199 strong{font-size:18px;line-height:1.35;font-weight:1000;color:#0b1220}.path-card-v199 span{font-size:14px;line-height:1.55;color:#667085;font-weight:850}.browse-panels-v199{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.browse-panel-v199{padding:20px!important;border-radius:23px!important}.browse-panel-v199 h3{font-size:20px;margin:0;font-weight:1000}.compact-pills-v199{gap:8px!important;max-height:136px;overflow:hidden}.compact-pills-v199 .pill{font-size:14px!important;padding:7px 10px!important}.combo-grid-v199{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.combo-grid-v199 a{display:grid;gap:4px;padding:14px 15px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(11,18,32,.045)}.combo-grid-v199 strong{font-size:14.5px;line-height:1.45}.combo-grid-v199 small{font-size:12.8px;color:#667085;font-weight:850}.article-grid-v199{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.article-grid-v199 .career-card{padding:19px!important;border-radius:22px!important}.article-grid-v199 .career-card h3{font-size:19px!important}.article-grid-v199 .career-card p{font-size:14.2px!important}.home-hero-v199 .search-field,.home-hero-v199 .search-card,.home-hero-v199 .select-enhanced{overflow:visible!important}.home-hero-v199 .select-panel{box-shadow:0 28px 78px rgba(6,18,37,.30)!important}
@media(max-width:1100px){.home-shell-v199{grid-template-columns:1fr;gap:26px}.home-search-panel-v199{max-width:620px}.home-copy-v199{max-width:850px}.path-grid-v199{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-panels-v199,.combo-grid-v199,.article-grid-v199{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-copy-v199 h1{font-size:clamp(31px,6vw,44px)!important}}
@media(max-width:760px){.home-hero-v199{padding:22px 0 52px!important}.home-shell-v199{gap:22px}.home-search-panel-v199{padding:15px;border-radius:24px}.home-search-panel-v199 .search-card{grid-template-columns:1fr!important}.home-search-title-v199 h2{font-size:23px}.home-search-title-v199 p{font-size:14px}.home-copy-v199 h1{font-size:28px!important}.home-copy-v199 p{font-size:15.5px!important}.home-actions-v199 .btn{width:100%}.home-benefits-v199{font-size:13.5px}.search-card input,.search-card select,.select-trigger{font-size:14.8px!important;min-height:46px!important}.search-field label{font-size:12.5px!important}.home-popular-v199{font-size:14px!important}.home-stats-v199{grid-template-columns:repeat(2,1fr)!important;margin-top:-24px!important}.path-grid-v199,.browse-panels-v199,.combo-grid-v199,.article-grid-v199{grid-template-columns:1fr!important}.path-card-v199{min-height:108px}.section{padding:30px 0}.top-strip .container{justify-content:center}.top-strip-links{display:none}}

/* v2.0.0 Premium fast homepage redesign + dropdown layering fix */
.home-hero-v200{overflow:visible;position:relative;z-index:20;padding:58px 0 76px;background:linear-gradient(135deg,#061225 0%,#082964 46%,#1256f4 100%)}
.home-hero-v200:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 12%,rgba(0,182,134,.28),transparent 26%),radial-gradient(circle at 88% 2%,rgba(255,255,255,.16),transparent 24%),linear-gradient(rgba(255,255,255,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.052) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;pointer-events:none}.home-hero-v200:after{content:"";position:absolute;left:-4%;right:-4%;bottom:-50px;height:110px;background:#f3f6fb;transform:skewY(-3deg);z-index:1;pointer-events:none}.home-grid-v200{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,455px);gap:38px;align-items:center}.rtl .home-grid-v200{direction:ltr}.rtl .home-copy-v200,.rtl .home-search-panel-v200{direction:rtl}.home-copy-v200{color:#fff;max-width:760px}.hero-badge-v200{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.11);border-radius:999px;padding:8px 13px;font-size:13.5px;font-weight:1000}.hero-badge-v200:before{content:"";width:8px;height:8px;border-radius:50%;background:#22d3a3;box-shadow:0 0 0 6px rgba(34,211,163,.16)}.home-copy-v200 h1{font-size:clamp(36px,5.1vw,64px);line-height:1.08;margin:16px 0 16px;font-weight:1000;letter-spacing:-1.2px;text-wrap:balance}.rtl .home-copy-v200 h1{letter-spacing:-.3px}.home-copy-v200 p{font-size:18px;line-height:1.9;color:#eaf2ff;max-width:720px;margin:0}.home-actions-v200{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.home-metrics-v200{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin-top:24px}.home-metrics-v200 div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:13px 14px;backdrop-filter:blur(10px)}.home-metrics-v200 strong{display:block;font-size:24px;line-height:1.1;color:#fff;font-weight:1000}.home-metrics-v200 span{display:block;margin-top:4px;color:#dceaff;font-size:12.5px;font-weight:900}.home-search-panel-v200{position:relative;z-index:5000;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.76);border-radius:30px;padding:20px;box-shadow:0 34px 90px rgba(0,0,0,.28);overflow:visible;color:var(--text)}.home-search-panel-v200:before{content:"";position:absolute;inset:10px;border-radius:24px;border:1px solid rgba(19,88,255,.10);pointer-events:none}.home-search-title-v200{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.home-search-title-v200 span{font-size:13px;color:var(--brand);font-weight:1000;background:#eef5ff;border:1px solid #d8e7ff;padding:6px 10px;border-radius:999px;white-space:nowrap}.home-search-title-v200 h2{margin:0;font-size:28px;line-height:1.25;font-weight:1000;color:#061225}.home-search-panel-v200 .search-card{position:relative;z-index:4;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.home-search-panel-v200 .search-main{grid-column:1/-1}.home-search-panel-v200 .search-submit{grid-column:1/-1;width:100%;min-height:50px;font-size:16px}.home-search-panel-v200 .search-field{position:relative;z-index:4;min-width:0}.home-search-panel-v200 .search-field.select-field-open{z-index:100000}.home-search-panel-v200 .search-field label{font-size:13.4px!important;color:#68758b;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-search-panel-v200 .search-card input,.home-search-panel-v200 .search-card select,.home-search-panel-v200 .select-trigger{min-height:47px!important;border-radius:15px!important;padding:11px 13px!important;font-size:15.4px!important;font-weight:900!important;line-height:1.35!important}.home-search-panel-v200 .select-trigger-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-search-panel-v200 .select-panel,.hero .select-panel{z-index:100000!important;position:absolute!important;top:calc(100% + 8px)!important;inset-inline-start:0!important;inset-inline-end:0!important;max-height:260px!important;overflow:auto!important;box-shadow:0 28px 72px rgba(6,18,37,.28)!important}.home-search-panel-v200 .select-options{max-height:178px!important}.home-search-panel-v200 .select-option{font-size:14.8px!important;line-height:1.45!important;padding:9px 12px!important}.home-search-panel-v200 .select-search-inside{font-size:14.5px!important;min-height:44px!important;border-radius:14px!important}.home-popular-v200{position:relative;z-index:2;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:13px;font-size:14.5px;color:#667085}.home-popular-v200 span{font-weight:900}.home-popular-v200 a{background:#f1f6ff;border:1px solid #dce9ff;color:#1747d8;border-radius:999px;padding:7px 11px;font-weight:1000}.home-shortcuts-v200,.browse-hub-v200,.combo-section-v200,.home-advice-v200{position:relative;z-index:2}.home-section-head-v200 p{margin:7px 0 0;color:var(--muted);font-weight:800;max-width:720px}.shortcut-grid-v200{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.shortcut-card-v200{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;min-height:142px;box-shadow:0 15px 45px rgba(6,18,37,.06);transition:.18s ease;overflow:hidden}.shortcut-card-v200:after{content:"";position:absolute;inset:auto -40px -48px auto;width:110px;height:110px;background:linear-gradient(135deg,rgba(19,88,255,.16),rgba(0,182,134,.13));border-radius:50%}.shortcut-card-v200:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(6,18,37,.10)}.shortcut-card-v200 span{display:inline-flex;background:#edf5ff;color:#1747d8;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:1000}.shortcut-card-v200 strong{display:block;margin-top:12px;font-size:21px;color:#061225;font-weight:1000}.shortcut-card-v200 small{display:block;margin-top:7px;color:#667085;font-weight:850;line-height:1.6}.shortcut-card-v200.main{background:linear-gradient(135deg,#fff,#eff6ff);border-color:#cfe0ff}.shortcut-card-v200.request{background:linear-gradient(135deg,#fff,#f0fdf9);border-color:#bff4df}.browse-panels-v200{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.browse-panel-v200{border-radius:24px;box-shadow:0 14px 44px rgba(6,18,37,.06)}.compact-pills-v200{gap:8px}.compact-pills-v200 .pill{font-size:14.5px;padding:8px 12px}.combo-grid-v200{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.combo-grid-v200 a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 10px 34px rgba(6,18,37,.05);transition:.16s ease}.combo-grid-v200 a:hover{transform:translateY(-2px);border-color:#cfe0ff}.combo-grid-v200 strong{font-size:15px;color:#061225}.combo-grid-v200 small{white-space:nowrap;color:#1747d8;font-weight:1000}.article-grid-v200{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.home-advice-v200{padding-bottom:56px}
@media (max-width:980px){.home-grid-v200{grid-template-columns:1fr;gap:26px}.rtl .home-grid-v200{direction:rtl}.home-copy-v200{max-width:none}.home-search-panel-v200{max-width:620px;width:100%;margin-inline:auto}.shortcut-grid-v200,.browse-panels-v200,.combo-grid-v200,.article-grid-v200{grid-template-columns:repeat(2,minmax(0,1fr))}.home-copy-v200 h1{font-size:38px}.home-copy-v200 p{font-size:16px}}
@media (max-width:760px){.home-hero-v200{padding:30px 0 56px}.home-copy-v200 h1{font-size:31px;line-height:1.18}.home-copy-v200 p{font-size:15.5px}.home-actions-v200 .btn{width:100%}.home-metrics-v200{grid-template-columns:repeat(3,1fr);gap:8px}.home-metrics-v200 div{padding:10px 8px}.home-metrics-v200 strong{font-size:19px}.home-metrics-v200 span{font-size:11.2px}.home-search-panel-v200{border-radius:24px;padding:15px}.home-search-panel-v200 .search-card{grid-template-columns:1fr!important}.home-search-title-v200{display:block}.home-search-title-v200 h2{font-size:24px;margin-top:8px}.home-search-panel-v200 .search-card input,.home-search-panel-v200 .search-card select,.home-search-panel-v200 .select-trigger{font-size:15px!important}.home-popular-v200{font-size:14.5px}.shortcut-grid-v200,.browse-panels-v200,.combo-grid-v200,.article-grid-v200{grid-template-columns:1fr}.shortcut-card-v200{min-height:114px}.combo-grid-v200 a{display:block}.combo-grid-v200 small{display:block;margin-top:6px}.section{padding:30px 0}}


/* v2.0.1 typography cleanup: fast Arabic system stack, no external font downloads */
:root{--font-ar:Tahoma,"Segoe UI",Arial,sans-serif;--font-en:"Segoe UI",Arial,sans-serif}
html[dir="rtl"] body,body.rtl{font-family:var(--font-ar)!important;font-weight:500;letter-spacing:0}
body.rtl h1,body.rtl h2,body.rtl h3,body.rtl h4,body.rtl .brand-text,body.rtl .brand-sub,body.rtl .btn,body.rtl .main-nav a,body.rtl .search-card label,body.rtl .select-trigger,body.rtl input,body.rtl textarea{font-family:var(--font-ar)!important}
body.rtl .home-copy-v200 h1{font-size:clamp(34px,4.65vw,58px);line-height:1.16;font-weight:900}
body.rtl .home-copy-v200 p{font-size:17px;line-height:1.85;font-weight:700}
.home-search-panel-v200 .search-card input,.home-search-panel-v200 .search-card select,.home-search-panel-v200 .select-trigger{font-size:15.2px!important;font-weight:800!important}
.home-popular-v200,.home-popular-v200 a{font-size:14.8px!important}
.select-panel{z-index:999999!important}.select-enhanced.open{z-index:999999!important}.home-search-panel-v200{z-index:2000!important}.home-hero-v200{z-index:30!important}.home-shortcuts-v200,.browse-hub-v200,.combo-section-v200,.home-advice-v200{z-index:1!important}
@media(max-width:760px){body.rtl .home-copy-v200 h1{font-size:29px}.home-search-panel-v200 .search-card input,.home-search-panel-v200 .search-card select,.home-search-panel-v200 .select-trigger{font-size:15px!important}}

/* v2.1.0 Tanqeeb-style premium lightweight homepage */
:root{--tq-blue:#0b52d9;--tq-blue-dark:#073a9a;--tq-pink:#e91e8f;--tq-green:#12b886;--tq-bg:#f4f8fc;--tq-card:#ffffff;--tq-border:#dfe7f1;--tq-text:#172033;--tq-muted:#67758b}
html[dir="rtl"] body,body.rtl{font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-weight:500;background:#f4f8fc;color:var(--tq-text)}
.site-header{background:#fff!important;border-bottom:1px solid #e7edf5;box-shadow:0 4px 18px rgba(16,24,40,.04);z-index:1000}.top-strip{background:#f7fbff!important;color:#486078!important;border-bottom:1px solid #edf2f7}.top-strip .container{min-height:34px}.top-strip b{color:#0b52d9!important}.top-strip span{opacity:1}.top-strip-links a{color:#0b52d9!important}.nav{min-height:70px}.brand-mark{background:linear-gradient(135deg,#0b52d9,#0e8fff 70%,#e91e8f)!important;box-shadow:0 10px 22px rgba(11,82,217,.18);border-radius:14px}.brand-mark:after{display:none}.brand-text{font-size:24px;color:#0b1220}.brand-sub{letter-spacing:0;color:#7b8798}.main-nav>a,.nav-link-btn{border-radius:10px;font-weight:800}.post-btn{background:#0b52d9!important;box-shadow:0 8px 18px rgba(11,82,217,.18)!important}.lang-switch{border-color:#cfe0f5!important;background:#f7fbff!important;color:#0b52d9!important;font-weight:900!important}
.home-tq-hero{position:relative;z-index:30;overflow:visible;background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%);padding:48px 0 36px;border-bottom:1px solid #e1eaf5}.home-tq-wrap{position:relative;z-index:35}.home-tq-title{text-align:center;max-width:890px;margin:0 auto 20px}.home-tq-kicker{display:inline-flex;align-items:center;gap:7px;color:#0b52d9;background:#eef5ff;border:1px solid #dbeaff;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:900}.home-tq-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#e91e8f}.home-tq-title h1{margin:14px 0 10px;font-size:clamp(32px,4.4vw,54px);line-height:1.2;font-weight:900;color:#0b1220;letter-spacing:-.3px}.home-tq-title p{margin:0 auto;color:#53627a;font-size:17px;line-height:1.9;font-weight:650;max-width:820px}.home-tq-search-shell{position:relative;z-index:5000;background:#fff;border:1px solid #dce7f5;border-radius:20px;padding:16px;box-shadow:0 18px 50px rgba(11,82,217,.10);max-width:1120px;margin:18px auto 0;overflow:visible}.home-tq-search-shell .search-card{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr auto!important;gap:10px!important;align-items:end;position:relative;z-index:5100}.home-tq-search-shell .search-main{grid-column:auto!important}.home-tq-search-shell .advanced-field{display:grid!important}.home-tq-search-shell .search-field{position:relative;z-index:5100;min-width:0}.home-tq-search-shell .search-field.select-field-open{z-index:999999!important}.home-tq-search-shell .search-field label{font-size:13px!important;font-weight:800!important;color:#64748b!important;line-height:1.2}.home-tq-search-shell input,.home-tq-search-shell select,.home-tq-search-shell .select-trigger{min-height:48px!important;border-radius:12px!important;border-color:#d8e4f3!important;background:#fff!important;font-size:15.5px!important;font-weight:700!important;color:#132238!important;padding:11px 13px!important}.home-tq-search-shell input::placeholder{color:#8b99ad}.home-tq-search-shell .search-submit{min-height:48px!important;border-radius:12px!important;background:#0b52d9!important;box-shadow:none!important;min-width:120px;font-size:15.5px!important;grid-column:auto!important}.home-tq-search-shell .select-panel{position:absolute!important;top:calc(100% + 7px)!important;inset-inline-start:0!important;inset-inline-end:auto!important;min-width:100%!important;width:max(100%,220px)!important;max-height:290px!important;background:#fff!important;border:1px solid #d7e4f5!important;border-radius:14px!important;box-shadow:0 22px 54px rgba(15,23,42,.22)!important;overflow:auto!important;z-index:999999!important}.rtl .home-tq-search-shell .select-panel{inset-inline-start:auto!important;inset-inline-end:0!important}.home-tq-search-shell .select-options{max-height:205px!important}.home-tq-search-shell .select-option{font-size:15px!important;line-height:1.45;padding:9px 12px!important;color:#172033}.home-tq-search-shell .select-option:hover,.home-tq-search-shell .select-option.selected{background:#edf5ff;color:#0b52d9}.home-tq-search-shell .select-search-inside{font-size:14.5px!important;min-height:42px!important;border-radius:11px!important;margin-bottom:7px}.home-tq-country-row{position:relative;z-index:40;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:16px auto 0;max-width:1040px}.home-tq-country-row a{display:inline-flex;align-items:center;min-height:36px;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid #dde7f5;color:#324258;font-weight:800;box-shadow:0 6px 16px rgba(15,23,42,.04)}.home-tq-country-row a.active,.home-tq-country-row a:hover{background:#0b52d9;color:#fff;border-color:#0b52d9}.home-tq-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:930px;margin:22px auto 0;background:#fff;border:1px solid #dfe8f4;border-radius:18px;overflow:hidden;box-shadow:0 16px 36px rgba(15,23,42,.06)}.home-tq-stats div{padding:15px 14px;text-align:center;border-inline-start:1px solid #e7edf5}.home-tq-stats div:first-child{border-inline-start:0}.home-tq-stats strong{display:block;color:#0b52d9;font-size:25px;line-height:1.1;font-weight:900}.home-tq-stats span{display:block;color:#68778d;font-size:13px;margin-top:4px;font-weight:800}.home-tq-section{padding:34px 0}.home-tq-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.home-tq-section-head h2{margin:0;color:#172033;font-size:25px;font-weight:900}.home-tq-section-head a{color:#0b52d9;font-weight:900}.home-tq-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-tq-quick-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e1e9f4;border-radius:16px;padding:16px 18px;box-shadow:0 10px 26px rgba(15,23,42,.05);transition:.14s ease}.home-tq-quick-card:hover{transform:translateY(-2px);border-color:#b9d2ff}.home-tq-quick-card span{font-size:13px;color:#607087;font-weight:800;background:#f3f7fc;border-radius:999px;padding:5px 10px}.home-tq-quick-card strong{font-size:18px;color:#111827;font-weight:900}.home-tq-quick-card.primary{border-color:#c8dcff;background:linear-gradient(180deg,#fff,#f3f8ff)}.home-tq-quick-card.request{border-color:#c8f1e2;background:linear-gradient(180deg,#fff,#f2fffb)}.home-tq-link-grid{display:grid;gap:10px}.home-tq-link-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.home-tq-link-grid a,.home-tq-link-list a,.home-tq-combo-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e0e8f3;border-radius:13px;padding:12px 14px;box-shadow:0 8px 22px rgba(15,23,42,.035);transition:.14s ease}.home-tq-link-grid a:hover,.home-tq-link-list a:hover,.home-tq-combo-grid a:hover{transform:translateY(-1px);border-color:#b9d2ff;background:#fbfdff}.home-tq-link-grid span,.home-tq-link-list span{font-size:13px;color:#69778b;font-weight:800}.home-tq-link-grid strong,.home-tq-link-list strong,.home-tq-combo-grid strong{font-size:15.5px;color:#172033;font-weight:900}.home-tq-directory.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-tq-panel{background:#fff;border:1px solid #e0e8f3;border-radius:18px;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.045)}.home-tq-section-head.inline-head{margin-bottom:14px}.home-tq-link-list{display:grid;gap:8px}.home-tq-combo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-tq-combo-grid a{display:block}.home-tq-combo-grid span{display:block;margin-top:3px;color:#0b52d9;font-weight:800;font-size:13px}.home-tq-article-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-tq-article{display:block;background:#fff;border:1px solid #e0e8f3;border-radius:18px;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.045)}.home-tq-article span{display:inline-flex;background:#f2f7ff;color:#0b52d9;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.home-tq-article strong{display:block;margin-top:10px;color:#172033;font-size:18px;line-height:1.55;font-weight:900}.home-tq-article small{display:block;margin-top:8px;color:#64748b;line-height:1.8;font-size:14px;font-weight:650}.home-tq-advice{padding-bottom:58px}
.home-tq-hero .native-select-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.select-enhanced.open{z-index:999999!important}.select-panel{z-index:999999!important}
@media(max-width:1180px){.home-tq-search-shell .search-card{grid-template-columns:1fr 1fr 1fr!important}.home-tq-search-shell .search-main{grid-column:1/-1!important}.home-tq-search-shell .search-submit{grid-column:1/-1!important;width:100%}.home-tq-combo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.home-tq-hero{padding:28px 0 28px}.home-tq-title h1{font-size:30px}.home-tq-title p{font-size:15.5px}.home-tq-search-shell{padding:12px;border-radius:18px}.home-tq-search-shell .search-card{grid-template-columns:1fr!important;gap:9px!important}.home-tq-search-shell .search-submit{width:100%}.home-tq-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tq-stats div:nth-child(3){border-inline-start:0;border-top:1px solid #e7edf5}.home-tq-stats div:nth-child(4){border-top:1px solid #e7edf5}.home-tq-quick-grid,.home-tq-link-grid.three,.home-tq-directory.split,.home-tq-article-row,.home-tq-combo-grid{grid-template-columns:1fr}.home-tq-section{padding:26px 0}.home-tq-section-head{align-items:flex-start}.home-tq-section-head h2{font-size:22px}.home-tq-country-row{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.home-tq-country-row a{white-space:nowrap}.top-strip{display:none}.nav{min-height:64px}.brand-text{font-size:22px}.brand-mark{width:42px;height:42px}.main-nav{background:#fff}.home-tq-search-shell input,.home-tq-search-shell select,.home-tq-search-shell .select-trigger{font-size:15.8px!important}.home-tq-search-shell .select-panel{width:100%!important;max-height:245px!important}.home-tq-search-shell .select-options{max-height:165px!important}}

/* v2.1.1: Arabic/English typography, RTL/LTR alignment, and search sizing refinement */
html[dir="rtl"] body,
body.rtl{
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  direction: rtl;
  text-align: right;
  font-size: 16px;
  line-height: 1.72;
}
html[dir="ltr"] body,
body.ltr{
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
  direction: ltr;
  text-align: left;
  font-size: 16px;
  line-height: 1.62;
}
body.rtl h1,body.rtl h2,body.rtl h3,body.rtl h4,
body.rtl .brand-text,body.rtl .btn,body.rtl .main-nav a,body.rtl .search-card label,
body.rtl .select-trigger,body.rtl .select-option{
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}
body.ltr h1,body.ltr h2,body.ltr h3,body.ltr h4,
body.ltr .brand-text,body.ltr .btn,body.ltr .main-nav a,body.ltr .search-card label,
body.ltr .select-trigger,body.ltr .select-option{
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
}
body.rtl input,body.rtl textarea,body.rtl select,body.rtl .select-trigger,body.rtl .select-search-inside,body.rtl .select-option{text-align:right;direction:rtl}
body.ltr input,body.ltr textarea,body.ltr select,body.ltr .select-trigger,body.ltr .select-search-inside,body.ltr .select-option{text-align:left;direction:ltr}

/* Comfortable text inside available element width */
.search-card{direction:inherit;min-width:0}
.search-field{min-width:0;position:relative}
.search-field label{
  display:block;
  font-size:13.5px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  color:#5f6d82 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.search-card input,
.search-card select,
.search-card .select-trigger{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:46px !important;
  height:46px !important;
  padding:10px 12px !important;
  font-size:15.25px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  border-radius:12px !important;
}
.search-card input::placeholder{font-size:14.6px !important;color:#7c8799 !important;font-weight:650 !important}
.select-enhanced{width:100%;min-width:0;position:relative;direction:inherit}
.select-trigger{display:flex !important;align-items:center;justify-content:space-between;gap:8px;overflow:hidden}
.select-trigger-text{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-trigger-icon{flex:0 0 auto;font-size:12px;color:#667085}
.select-panel{direction:inherit;text-align:inherit;z-index:999999 !important}
.select-search-inside{box-sizing:border-box;width:100%;font-size:14.5px !important;line-height:1.35 !important;font-weight:650 !important}
.select-option{font-size:14.75px !important;line-height:1.45 !important;font-weight:700 !important;overflow:hidden;text-overflow:ellipsis}

/* Home search: balanced columns on desktop, no text squeezing */
.home-tq-search-shell{max-width:1160px !important;overflow:visible !important;isolation:isolate}
.home-tq-search-shell .search-card{
  grid-template-columns:minmax(230px,1.45fr) minmax(145px,1fr) minmax(145px,1fr) minmax(165px,1fr) minmax(165px,1fr) minmax(132px,.75fr) !important;
  gap:10px !important;
  align-items:end !important;
}
.home-tq-search-shell .search-main{grid-column:auto !important}
.home-tq-search-shell .search-submit{
  min-height:46px !important;
  height:46px !important;
  padding-inline:15px !important;
  font-size:15px !important;
  border-radius:12px !important;
  white-space:nowrap;
}
body.rtl .home-tq-search-shell .select-panel{right:0 !important;left:auto !important}
body.ltr .home-tq-search-shell .select-panel{left:0 !important;right:auto !important}
.home-tq-search-shell .select-panel{width:max(100%,235px) !important;max-width:min(330px,92vw) !important;max-height:276px !important}
.home-tq-search-shell .select-options{max-height:190px !important}
.home-tq-search-shell .select-option{padding:9px 12px !important}

/* Page headings and navigation: readable without wasting space */
.home-tq-title h1{font-size:clamp(30px,4vw,48px) !important;line-height:1.22 !important;letter-spacing:0 !important}
.home-tq-title p{font-size:16.5px !important;line-height:1.85 !important;max-width:780px}
.brand-text{letter-spacing:0 !important;white-space:nowrap}
body.rtl .brand-sub{letter-spacing:0 !important}
.main-nav a,.nav-link-btn{font-size:14.5px;white-space:nowrap}
.lang-switch{font-weight:900 !important;border:1px solid #bfd6ff !important;background:#f3f8ff !important;color:#0b52d9 !important}

/* LTR alignment corrections */
body.ltr .top-strip .container,
body.ltr .nav,
body.ltr .home-tq-section-head,
body.ltr .home-tq-quick-card,
body.ltr .home-tq-link-grid a,
body.ltr .home-tq-link-list a{direction:ltr;text-align:left}
body.rtl .top-strip .container,
body.rtl .nav,
body.rtl .home-tq-section-head,
body.rtl .home-tq-quick-card,
body.rtl .home-tq-link-grid a,
body.rtl .home-tq-link-list a{direction:rtl;text-align:right}

@media (max-width:1180px){
  .home-tq-search-shell .search-card{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .home-tq-search-shell .search-main{grid-column:1/-1 !important}
  .home-tq-search-shell .search-submit{grid-column:1/-1 !important;width:100%}
}
@media (max-width:820px){
  body.rtl,body.ltr{font-size:15.5px}
  .home-tq-title h1{font-size:28px !important;line-height:1.28 !important}
  .home-tq-title p{font-size:15px !important;line-height:1.75 !important}
  .home-tq-search-shell .search-card{grid-template-columns:1fr !important}
  .search-card input,.search-card select,.search-card .select-trigger{font-size:15px !important;min-height:45px !important;height:45px !important}
  .search-card input::placeholder{font-size:14.2px !important}
  .search-field label{font-size:13px !important}
  .home-tq-search-shell .select-panel{width:100% !important;max-width:100% !important;max-height:248px !important}
  .home-tq-search-shell .select-options{max-height:165px !important}
  .main-nav a,.nav-link-btn{font-size:14px}
}


/* v2.1.2: requested font stack + compact inline link labels + article excerpt safety UI */
:root{--font-ui:Poppins, Cairo, Helvetica, Arial, serif;}
html[dir="rtl"] body,
body.rtl,
html[dir="ltr"] body,
body.ltr,
body.rtl h1,body.rtl h2,body.rtl h3,body.rtl h4,
body.rtl .brand-text,body.rtl .btn,body.rtl .main-nav a,body.rtl .search-card label,
body.rtl .select-trigger,body.rtl .select-option,
body.ltr h1,body.ltr h2,body.ltr h3,body.ltr h4,
body.ltr .brand-text,body.ltr .btn,body.ltr .main-nav a,body.ltr .search-card label,
body.ltr .select-trigger,body.ltr .select-option,
button,input,select,textarea{
  font-family: var(--font-ui) !important;
}

/* Keep "وظائف" close to city/country/job title instead of spreading across the full card */
.home-tq-link-grid a,
.home-tq-link-list a{
  justify-content:flex-start !important;
  gap:5px !important;
  min-width:0;
}
.home-tq-link-grid span,
.home-tq-link-list span,
.home-tq-link-grid strong,
.home-tq-link-list strong{
  display:inline !important;
  min-width:0;
  white-space:nowrap;
}
.home-tq-link-grid strong,
.home-tq-link-list strong{
  overflow:hidden;
  text-overflow:ellipsis;
}
body.rtl .home-tq-link-grid a,
body.rtl .home-tq-link-list a{direction:rtl;text-align:right;flex-direction:row}
body.ltr .home-tq-link-grid a,
body.ltr .home-tq-link-list a{direction:ltr;text-align:left;flex-direction:row}

/* Tighten cards slightly after removing the large empty middle space */
.home-tq-link-grid a,.home-tq-link-list a{padding-inline:13px !important;}
.home-tq-link-grid span,.home-tq-link-list span{font-size:13.5px !important;}
.home-tq-link-grid strong,.home-tq-link-list strong{font-size:15.8px !important;}

/* Make article excerpts optional without leaving odd empty space */
.home-tq-article small:empty{display:none;}

/* =========================================================
   v2.2.0 Full-site UI polish: faster, cleaner, RTL/LTR safe
   ========================================================= */
:root{
  --font-ui:Poppins,Cairo,Helvetica,Arial,sans-serif;
  --v22-blue:#0b52d9;
  --v22-blue-2:#154fc4;
  --v22-navy:#0b1b34;
  --v22-text:#172033;
  --v22-muted:#64748b;
  --v22-border:#dfe8f4;
  --v22-bg:#f5f8fc;
  --v22-card:#ffffff;
  --v22-green:#13bf91;
  --v22-orange:#ff8a3d;
  --v22-shadow:0 18px 46px rgba(15,23,42,.08);
  --v22-shadow-sm:0 8px 22px rgba(15,23,42,.055);
  --v22-radius:18px;
}
html[dir="rtl"],body.rtl{direction:rtl;text-align:right}
html[dir="ltr"],body.ltr{direction:ltr;text-align:left}
body{font-family:var(--font-ui)!important;background:var(--v22-bg);color:var(--v22-text);font-size:16px;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.rtl,body.rtl input,body.rtl select,body.rtl textarea,body.rtl button{font-family:var(--font-ui)!important;letter-spacing:0!important}
body.ltr,body.ltr input,body.ltr select,body.ltr textarea,body.ltr button{font-family:var(--font-ui)!important}
a{transition:color .14s ease,background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}
img,svg{max-width:100%;height:auto}
.container{width:min(1180px,92%)}

/* Header polish */
.site-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(223,232,244,.9);backdrop-filter:saturate(120%) blur(12px);box-shadow:0 8px 24px rgba(15,23,42,.035)}
.top-strip{background:linear-gradient(90deg,#071c39,#0b52d9)!important;color:#eff6ff!important;border:0;font-size:13.5px;font-weight:800}
.header-inner{min-height:72px;gap:22px}
.brand{gap:10px;text-decoration:none}.brand-mark{box-shadow:0 10px 24px rgba(11,82,217,.18)}
.brand-text{font-weight:1000;color:#0b1b34;line-height:1}.brand-sub{font-size:11px;letter-spacing:.08em;color:#64748b;font-weight:900}
body.rtl .brand-sub{letter-spacing:0}.main-nav{gap:4px}.main-nav a{border-radius:12px;padding:9px 12px;color:#344054;font-weight:850}.main-nav a:hover{background:#eef5ff;color:var(--v22-blue)}
.lang-switch{border:1px solid #cfe0f5!important;background:#fff!important;color:#0b52d9!important;border-radius:14px!important;padding:8px 12px!important;font-weight:950!important;box-shadow:0 6px 14px rgba(15,23,42,.035)}
.lang-switch:hover{background:#eef5ff!important;border-color:#bcd4ff!important;transform:translateY(-1px)}

/* Shared page hero */
.page-hero.compact{position:relative;overflow:visible;background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%)!important;color:var(--v22-text)!important;border-bottom:1px solid var(--v22-border);padding:38px 0 28px!important}
.page-hero.compact .container{position:relative;z-index:10}.page-hero.compact h1{max-width:930px;margin:10px 0 8px;color:#0b1b34;font-size:clamp(28px,3.2vw,44px)!important;line-height:1.22!important;font-weight:1000;letter-spacing:-.2px}
.page-hero.compact p{max-width:780px;color:#5c6b80!important;font-size:16.5px!important;margin:0 0 16px!important;font-weight:650}.page-hero.compact .eyebrow{background:#eef5ff!important;color:#0b52d9!important;border-color:#d8e7ff!important}

/* Search forms across site */
.search-card{position:relative;z-index:50;overflow:visible!important;gap:10px!important}.search-field{min-width:0;position:relative;overflow:visible!important}.search-field label{font-size:13.4px!important;line-height:1.2!important;color:#607087!important;font-weight:900!important;margin-bottom:2px}.search-card input,.search-card select,.select-trigger{min-height:48px!important;height:48px;border-radius:13px!important;border:1px solid #d8e4f3!important;background:#fff!important;color:#132238!important;font-size:15.8px!important;font-weight:750!important;padding:10px 13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-card input::placeholder{color:#8b99ad!important;font-weight:650}.search-card input:focus,.select-trigger:focus,.search-card select:focus{border-color:#9dbdff!important;box-shadow:0 0 0 4px rgba(11,82,217,.10)!important}.search-submit,.btn{font-weight:950!important;border-radius:13px!important}.search-submit{min-height:48px!important;background:linear-gradient(135deg,#0b52d9,#118df5)!important;box-shadow:0 10px 24px rgba(11,82,217,.18)!important}.select-enhanced{position:relative;min-width:0;z-index:auto}.select-enhanced.open{z-index:999999!important}.select-panel{z-index:999999!important;border:1px solid #d7e4f5!important;border-radius:14px!important;box-shadow:0 24px 55px rgba(15,23,42,.22)!important}.select-option{font-size:15px!important;font-weight:750!important;line-height:1.45!important}.select-search-inside{font-size:14.5px!important;font-weight:650!important}.native-select-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.popular-searches,.home-popular-v200{font-size:15.2px!important;line-height:1.7}.popular-searches a,.intent-chips a{font-size:14.3px!important;padding:7px 12px!important}

/* Home remains light and fast */
.home-tq-hero{background:linear-gradient(180deg,#fff 0%,#eef6ff 100%)!important;padding:42px 0 30px!important}.home-tq-title h1{font-size:clamp(31px,4vw,51px)!important;line-height:1.18!important}.home-tq-title p{font-size:17px!important;line-height:1.9!important}.home-tq-search-shell{overflow:visible!important;border-radius:18px!important;box-shadow:0 16px 42px rgba(11,82,217,.10)!important}.home-tq-search-shell .search-card{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr auto!important}.home-tq-search-shell .select-panel{z-index:9999999!important}.home-tq-stats{box-shadow:0 12px 28px rgba(15,23,42,.055)!important}.home-tq-quick-card,.home-tq-link-grid a,.home-tq-link-list a,.home-tq-combo-grid a,.home-tq-article{box-shadow:0 8px 20px rgba(15,23,42,.04)!important}.home-tq-link-grid a,.home-tq-link-list a{min-height:48px}.home-tq-link-grid strong,.home-tq-link-list strong{white-space:normal;overflow-wrap:anywhere}.home-tq-link-grid span,.home-tq-link-list span{flex:0 0 auto;white-space:nowrap}

/* Results page */
.results-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}.results-layout.no-aside{display:block}.results-aside{position:sticky;top:96px}.results-main{min-width:0}.results-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;background:#fff;border:1px solid var(--v22-border);border-radius:18px;padding:16px 18px;box-shadow:var(--v22-shadow-sm)}.results-head h2{font-size:24px!important;margin:5px 0 0!important}.results-head .muted,.results-head p{margin:0;color:#667085;font-weight:850}.smart-panel{background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid var(--v22-border)!important;border-radius:20px!important;box-shadow:var(--v22-shadow-sm)!important}.smart-panel h2{font-size:22px!important;margin:10px 0 6px!important}.filter-box{display:grid;gap:9px}.filter-box a{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e1e9f4;background:#fff;border-radius:13px;padding:11px 12px;color:#243248;font-weight:900;text-decoration:none}.filter-box a:hover{background:#eef5ff;border-color:#c7dcff;color:#0b52d9;transform:translateY(-1px)}.mini-checks{gap:8px}.mini-checks span{font-size:13.8px;color:#344054;font-weight:850}.soft-line{border:0;border-top:1px solid #e6edf6;margin:16px 0}

/* Job cards */
.jobs-list{display:grid;gap:13px}.job-card{position:relative;background:#fff!important;border:1px solid #e0e8f3!important;border-radius:20px!important;padding:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;overflow:hidden}.job-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:#0b52d9}.job-card.request-card:before{background:#12b886}.job-card:hover{border-color:#bed4ff!important;transform:translateY(-1px);box-shadow:0 16px 36px rgba(15,23,42,.075)!important}.job-card-main{display:flex;gap:14px;min-width:0}.company-avatar{width:48px!important;height:48px!important;border-radius:15px!important;display:grid;place-items:center;flex:0 0 48px;background:linear-gradient(135deg,#eef5ff,#fff)!important;color:#0b52d9!important;border:1px solid #dbe8ff;font-size:20px!important;font-weight:1000!important}.request-card .company-avatar{background:linear-gradient(135deg,#e9fff7,#fff)!important;color:#0f9f79!important;border-color:#c7f4e5}.job-card-content{min-width:0}.job-card-topline{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:950}.badge.vacancy{background:#eef5ff;color:#0b52d9}.badge.request{background:#e9fff7;color:#0f9f79}.badge.fresh{background:#fff7ed;color:#c25a14}.badge.hot{background:#fff0f6;color:#c21768}.job-card h3{font-size:20px!important;line-height:1.42!important;margin:0 0 4px!important}.job-card h3 a{color:#111827;text-decoration:none}.job-card h3 a:hover{color:#0b52d9}.job-meta{display:flex;flex-wrap:wrap;gap:7px 13px;margin:0 0 8px!important;color:#64748b!important;font-size:14.2px!important;font-weight:800}.job-meta span{display:inline-flex;align-items:center;gap:5px}.job-meta span:before{content:"";width:5px;height:5px;border-radius:50%;background:#b8c7d9}.job-excerpt{margin:0 0 11px!important;color:#475569!important;font-size:14.8px!important;line-height:1.72!important}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{background:#f4f7fb!important;border:1px solid #e2eaf5!important;color:#4b5b70!important;border-radius:999px;padding:5px 9px;font-size:12.7px!important;font-weight:850}.card-actions{display:flex;gap:8px;flex-direction:column;min-width:138px}.card-actions .btn{width:100%;text-align:center;padding:10px 12px!important;font-size:14px!important}.btn.ghost{background:#fff!important;border:1px solid #d8e4f3!important;color:#0b52d9!important}.btn.soft{background:#eef5ff!important;border:1px solid #d6e6ff!important;color:#0b52d9!important}

/* Job details */
.job-hero-slim{padding:32px 0 26px!important}.job-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:center}.job-hero-copy h1{font-size:clamp(26px,3vw,40px)!important;line-height:1.25!important;margin:10px 0!important}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#5f6f84!important;font-weight:850}.hero-meta span{display:inline-flex;align-items:center;gap:6px}.hero-meta span:before{content:"";width:6px;height:6px;border-radius:50%;background:#0b52d9}.job-cta-card{background:#fff;border:1px solid #dfe8f4;border-radius:18px;padding:16px;box-shadow:var(--v22-shadow-sm)}.job-cta-card strong{display:block;font-size:17px;margin-bottom:5px}.job-cta-card p{font-size:13.5px!important;line-height:1.7!important;margin-bottom:12px!important}.detail-actions{display:grid;gap:9px}.job-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.job-body-card,.detail-card{border-radius:20px!important;border:1px solid #e0e8f3!important;box-shadow:0 12px 34px rgba(15,23,42,.052)!important;background:#fff!important}.facts-pro{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px!important}.facts-pro div{background:#f7faff;border:1px solid #e2eaf5;border-radius:14px;padding:12px}.facts-pro dt{font-size:12px!important;color:#6b7a90!important;font-weight:900!important}.facts-pro dd{margin:3px 0 0!important;font-size:14.5px!important;color:#111827!important;font-weight:900!important}.job-body-card h2,.article-content h2{font-size:24px!important;margin:20px 0 10px!important;color:#111827}.job-prose{color:#334155;font-size:16px;line-height:1.9}.contact-side-card{position:sticky;top:96px;border-radius:20px!important}.side-contact-list{display:grid;gap:9px}.side-contact-list a,.side-contact-list div{display:grid;gap:2px;border:1px solid #e0e8f3;background:#fff;border-radius:13px;padding:11px;text-decoration:none}.side-contact-list b{font-size:12.5px;color:#667085}.side-contact-list span{color:#1e293b;font-weight:850;overflow-wrap:anywhere}.apply-box{border:1px solid #dbe8ff!important;background:linear-gradient(180deg,#f8fbff,#fff)!important;border-radius:18px!important;margin-top:22px!important;padding:18px!important}.apply-box textarea{min-height:120px}

/* Landing / intent pages */
.seo-landing-hero,.intent-hero{background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%)!important}.landing-copy{padding-top:24px}.career-strip.authority-strip{display:grid;grid-template-columns:1fr .8fr;gap:18px;background:#fff;border:1px solid #e0e8f3;border-radius:20px;padding:22px;box-shadow:var(--v22-shadow-sm)}.quality-list{margin:0;display:grid;gap:9px}.quality-list li{background:#f7faff;border:1px solid #e4edf8;border-radius:13px;padding:10px 12px;color:#344054;font-weight:850}.faq-block{border-radius:20px!important}.faq-block details{border:1px solid #e1e9f4;border-radius:14px;padding:12px 14px;margin-top:10px;background:#fff}.faq-block summary{cursor:pointer;font-weight:950;color:#111827}.faq-block p{color:#475569;margin:8px 0 0}

/* Blog / career advice */
.editorial-hero{background:linear-gradient(180deg,#fff,#f1f7ff)!important}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.premium-article-card{padding:20px!important;border-radius:20px!important;border:1px solid #e0e8f3!important;box-shadow:var(--v22-shadow-sm)!important}.article-kicker{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.article-kicker span{background:#f2f7ff;color:#0b52d9;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.premium-article-card h2{font-size:21px!important;line-height:1.55!important;margin:0 0 8px!important}.premium-article-card p{color:#5b6b80;margin:0 0 14px!important}.article-tags{margin-bottom:13px}.article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:center}.article-side-card{background:#fff;border:1px solid #dfe8f4;border-radius:20px;padding:18px;box-shadow:var(--v22-shadow-sm)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.article-content{font-size:16.5px;line-height:1.95}.article-toc{display:flex;gap:8px;flex-wrap:wrap;padding:14px;border:1px solid #e1e9f4;background:#f8fbff;border-radius:16px;margin-bottom:20px}.article-toc strong{flex:1 0 100%;color:#111827}.article-toc a{background:#fff;border:1px solid #dfe8f4;border-radius:999px;padding:6px 10px;color:#0b52d9;font-weight:850;text-decoration:none}.mini-job-list{display:grid;gap:9px}.mini-job{display:block;border:1px solid #e1e9f4;border-radius:14px;background:#fff;padding:11px 12px;text-decoration:none}.mini-job strong{display:block;color:#111827}.mini-job span{display:block;color:#667085;font-size:13px;font-weight:850}

/* Auth, dashboard, employer forms */
.narrow{max-width:560px}.narrow .panel,.pro-form,.dashboard-grid .panel{border-radius:22px!important;border:1px solid #e0e8f3!important;box-shadow:var(--v22-shadow-sm)!important;background:#fff!important}.narrow .panel{padding:26px!important}.narrow h1,.pro-form h1{font-size:30px!important;margin:0 0 16px!important}.stack{display:grid;gap:14px}.stack label,.pro-form label,.apply-box label{display:grid;gap:7px;color:#344054;font-weight:900}.stack input,.stack select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d8e4f3!important;border-radius:14px!important;min-height:48px!important;padding:10px 13px!important;font-size:15.5px!important;background:#fff;color:#132238}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:span 2}.checkline{display:flex!important;align-items:center;gap:10px;background:#f8fbff;border:1px solid #e0e8f3;border-radius:14px;padding:12px}.checkline input{width:auto!important;min-height:auto!important}.pro-form .btn{margin-top:14px;min-width:150px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dashboard-grid .panel h2{font-size:22px!important;margin-top:0}.clean-list{display:grid;gap:10px;padding:0;margin:12px 0 0;list-style:none}.clean-list li{border:1px solid #e4edf8;background:#f8fbff;border-radius:13px;padding:10px 12px}.clean-list a{color:#0b52d9;font-weight:900;text-decoration:none}.clean-list small{display:block;color:#667085;margin-top:4px}

/* Footer */
.site-footer{background:#071c39!important;color:#dce8ff!important;border-top:0!important;margin-top:40px}.footer-grid{gap:22px}.site-footer a{color:#dce8ff}.site-footer a:hover{color:#fff}.site-footer .brand-text{color:#fff}.site-footer .brand-sub{color:#b8c8e6}

/* Spacing and responsive */
.section{padding:34px 0}.panel,.detail-card,.career-card,.tool-card{border-radius:20px!important}.muted{color:#667085!important}.empty-state{padding:22px;text-align:center;color:#667085;font-weight:850}
@media(max-width:1100px){.home-tq-search-shell .search-card{grid-template-columns:1.2fr 1fr 1fr!important}.home-tq-search-shell .search-main{grid-column:1/-1!important}.search-submit{grid-column:auto}.results-layout,.job-detail-layout,.article-layout{grid-template-columns:1fr}.results-aside,.contact-side-card{position:static}.article-hero-grid,.job-hero-grid{grid-template-columns:1fr}.editorial-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-pro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{font-size:15.5px}.page-hero.compact{padding:28px 0 22px!important}.page-hero.compact h1{font-size:28px!important}.page-hero.compact p{font-size:15px!important}.home-tq-search-shell .search-card,.search-card{grid-template-columns:1fr!important}.search-card input,.search-card select,.select-trigger{font-size:15.2px!important}.home-tq-title h1{font-size:30px!important}.home-tq-title p{font-size:15.5px!important}.home-tq-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tq-quick-grid,.home-tq-link-grid.three,.home-tq-directory.split,.home-tq-combo-grid,.home-tq-article-row,.editorial-grid,.dashboard-grid,.form-grid{grid-template-columns:1fr!important}.form-grid .span-2{grid-column:auto}.results-head{display:block}.job-card{grid-template-columns:1fr;padding:15px!important}.card-actions{min-width:0;flex-direction:row}.facts-pro{grid-template-columns:1fr}.career-strip.authority-strip{grid-template-columns:1fr}.article-toc{display:grid}.article-toc strong{flex:auto}.main-nav{max-width:100%;overflow-x:auto}.header-inner{min-height:66px}.top-strip{display:none}}
@media(max-width:480px){.job-card-main{gap:10px}.company-avatar{width:42px!important;height:42px!important;flex-basis:42px}.job-card h3{font-size:18px!important}.card-actions{flex-direction:column}.home-tq-country-row{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.home-tq-country-row a{white-space:nowrap}.select-panel{max-height:255px!important}.container{width:min(94%,1180px)}}
/* Keep phrase parts close: وظائف الكويت / Jobs in Kuwait */
.home-tq-link-grid a,.home-tq-link-list a{justify-content:flex-start!important}.home-tq-link-grid span,.home-tq-link-list span{margin-inline-end:2px}.home-tq-link-grid strong,.home-tq-link-list strong{margin-inline-start:2px}


/* v2.2.1 header/search/footer/job detail refinements */
.top-strip{display:none!important}
.site-header.clean-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e4ebf5!important;box-shadow:0 8px 28px rgba(15,23,42,.055)!important;backdrop-filter:blur(14px)}
.clean-header .nav{min-height:70px!important}.clean-header .main-nav{gap:7px!important}.clean-header .main-nav>a,.clean-header .nav-link-btn{min-height:40px!important;padding:8px 11px!important;border-radius:12px!important;font-size:14.7px!important;color:#243247!important}.clean-header .main-nav>a:hover,.clean-header .nav-link-btn:hover{background:#edf5ff!important;color:#0b52d9!important}.clean-header .header-post-btn{order:99;margin-inline-start:4px!important;background:linear-gradient(135deg,#0fbf8f,#24d1a6)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px rgba(15,191,143,.20)!important}.clean-header .lang-switch{background:#f8fbff!important;border:1px solid #cfddf1!important;color:#0b52d9!important;font-weight:950!important}.brand-text{font-size:24px!important}.brand-sub{font-size:11px!important;letter-spacing:.1px!important}.brand-mark{width:44px!important;height:44px!important;border-radius:15px!important}
.site-footer .footer-buttons{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important}.site-footer .footer-buttons a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:8px 13px!important;border-radius:13px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;color:#eaf2ff!important;font-weight:900!important}.site-footer .footer-buttons a:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}.site-footer .footer-buttons .footer-post{background:linear-gradient(135deg,#0fbf8f,#22d3a3)!important;border:0!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}
.page-hero .search-card:not(.home-tq-search-shell .search-card){grid-template-columns:1.35fr 1fr 1fr .9fr 1fr 1fr auto!important;align-items:end!important}.page-hero .search-card .search-main{grid-column:auto!important}.page-hero .search-card .search-type-field{order:4}.page-hero .search-card .search-submit{min-width:132px!important}.search-card .select-trigger,.search-card input,.search-card select{font-size:15.6px!important}.search-field label{font-size:13px!important}.detail-actions .btn.soft.full + .btn.soft.full,.detail-actions .btn.full + .btn.soft.full{margin-top:0}.contact-link-spacer{margin-top:10px!important}.facts-pro dd{font-weight:900;color:#172033}.tags span{font-size:13.2px!important}
@media(max-width:1180px){.page-hero .search-card:not(.home-tq-search-shell .search-card){grid-template-columns:repeat(3,minmax(0,1fr))!important}.page-hero .search-card .search-main{grid-column:1/-1!important}.page-hero .search-card .search-submit{grid-column:1/-1!important;width:100%!important}.clean-header .main-nav{position:absolute;inset:100% 4% auto 4%;display:none;background:#fff;border:1px solid #e2ebf6;border-radius:18px;padding:12px;box-shadow:0 18px 46px rgba(15,23,42,.14);z-index:500}.clean-header .main-nav.open{display:flex}.nav-toggle{display:inline-grid!important;place-items:center}}
@media(max-width:760px){.clean-header .nav{min-height:64px!important}.brand-text{font-size:21px!important}.brand-sub{font-size:10px!important}.page-hero .search-card:not(.home-tq-search-shell .search-card){grid-template-columns:1fr!important}.site-footer .footer-buttons{justify-content:flex-start!important}.site-footer .footer-buttons a{width:auto!important}.search-card .select-trigger,.search-card input,.search-card select{font-size:15.2px!important}}

/* v2.2.2: wider readable search layout on search/results pages */
.page-hero .search-card{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:end !important;
  overflow:visible !important;
}
.page-hero .search-card > .search-main{grid-column:span 4 !important}
.page-hero .search-card > .search-field:nth-of-type(2){grid-column:span 2 !important}
.page-hero .search-card > .search-field:nth-of-type(3){grid-column:span 2 !important}
.page-hero .search-card > .search-type-field{grid-column:span 2 !important}
.page-hero .search-card > .search-submit{grid-column:span 2 !important;width:100% !important;min-width:0 !important}
.page-hero .search-card > .search-field:nth-of-type(5){grid-column:span 6 !important}
.page-hero .search-card > .search-field:nth-of-type(6){grid-column:span 6 !important}
.page-hero .search-card input,
.page-hero .search-card .select-trigger{
  min-height:50px !important;
  height:50px !important;
  font-size:15.6px !important;
  padding-inline:13px !important;
}
.page-hero .search-card input::placeholder{font-size:14.6px !important}
.page-hero .search-card .select-trigger-text{max-width:calc(100% - 22px) !important}
.page-hero .search-card .select-panel{width:max(100%,260px) !important;max-width:min(390px,92vw) !important}
.page-hero .search-card label{font-size:13.4px !important}

/* Keep home search compact but with readable values */
.home-tq-search-shell .select-trigger-text{max-width:calc(100% - 22px) !important}
.home-tq-search-shell .search-card input,
.home-tq-search-shell .search-card .select-trigger{font-size:15.6px !important}

@media(max-width:1100px){
  .page-hero .search-card{grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  .page-hero .search-card > .search-main{grid-column:span 6 !important}
  .page-hero .search-card > .search-field:nth-of-type(2),
  .page-hero .search-card > .search-field:nth-of-type(3),
  .page-hero .search-card > .search-type-field,
  .page-hero .search-card > .search-submit{grid-column:span 3 !important}
  .page-hero .search-card > .search-field:nth-of-type(5),
  .page-hero .search-card > .search-field:nth-of-type(6){grid-column:span 3 !important}
}
@media(max-width:640px){
  .page-hero .search-card{grid-template-columns:1fr !important;gap:10px !important}
  .page-hero .search-card > .search-main,
  .page-hero .search-card > .search-field,
  .page-hero .search-card > .search-submit{grid-column:1/-1 !important}
  .page-hero .search-card input,
  .page-hero .search-card .select-trigger{font-size:15.4px !important;min-height:48px !important;height:48px !important}
}

/* v2.2.3: cleaner two-row search, balanced home search and footer CTA */
.search-card input,
.search-card .select-trigger,
.search-card select{
  font-size:15.9px!important;
  min-height:50px!important;
  height:50px!important;
  padding-inline:14px!important;
}
.search-card input::placeholder{font-size:14.8px!important}
.search-field label{font-size:13.3px!important;color:#5d6d82!important}
.select-trigger-text{max-width:calc(100% - 24px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Results/search page: two clean rows
   Row 1: keyword / country / city
   Row 2: job title / functional role / type / submit */
.page-hero .search-card{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:13px!important;
  align-items:end!important;
  padding:0!important;
  overflow:visible!important;
}
.page-hero .search-card > .search-main{grid-column:span 6!important}
.page-hero .search-card > .search-field:nth-of-type(2){grid-column:span 3!important}
.page-hero .search-card > .search-field:nth-of-type(3){grid-column:span 3!important}
.page-hero .search-card > .search-field:nth-of-type(4){grid-column:span 3!important}
.page-hero .search-card > .search-field:nth-of-type(5){grid-column:span 3!important}
.page-hero .search-card > .search-type-field{grid-column:span 3!important}
.page-hero .search-card > .search-submit{grid-column:span 3!important;width:100%!important;min-width:0!important;height:50px!important;margin:0!important}
.page-hero .search-card .select-panel{width:max(100%,280px)!important;max-width:min(430px,92vw)!important}

/* Home search: compact but readable, no awkward oversized button */
.home-tq-search-shell .search-card{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
.home-tq-search-shell .search-main{grid-column:1/-1!important}
.home-tq-search-shell .search-type-field{grid-column:auto!important}
.home-tq-search-shell .search-submit{
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  margin:0!important;
  box-shadow:0 12px 26px rgba(11,82,217,.16)!important;
}
.home-tq-search-shell .popular-searches{font-size:15px!important}
.home-tq-quick-card span{font-size:14px!important;color:#496079!important;font-weight:850!important}
.home-tq-quick-card strong{font-size:18px!important;line-height:1.35!important}

/* Header CTA: clearer but calmer */
.clean-header .header-post-btn{
  background:#0b52d9!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(11,82,217,.18)!important;
  padding-inline:14px!important;
}
.clean-header .header-post-btn:hover{background:#0947bd!important;transform:translateY(-1px)}

/* Footer: put the employer CTA in a natural card, not floating among links */
.footer-grid-v223{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(180px,.7fr) minmax(260px,.95fr)!important;
  gap:26px!important;
  align-items:start!important;
}
.footer-col>strong{display:block;color:#fff;font-size:16px;font-weight:1000;margin-bottom:12px}
.clean-footer-links{display:grid!important;gap:8px!important}
.clean-footer-links a{display:inline-flex!important;width:max-content!important;max-width:100%;padding:0!important;background:transparent!important;border:0!important;color:#dce8ff!important;font-weight:850!important}
.clean-footer-links a:hover{color:#fff!important;background:transparent!important}
.footer-employer-box{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:16px;
}
.footer-employer-box p{margin:0 0 13px;color:#b9c8e5;font-size:14px;line-height:1.75}
.footer-post-v223{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:9px 15px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#0b52d9,#118df5)!important;
  color:#fff!important;
  font-weight:950!important;
  border:0!important;
  box-shadow:none!important;
}
.footer-post-v223:hover{filter:brightness(1.05);color:#fff!important}

@media(max-width:1100px){
  .page-hero .search-card{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .page-hero .search-card > .search-main{grid-column:span 6!important}
  .page-hero .search-card > .search-field:nth-of-type(2),
  .page-hero .search-card > .search-field:nth-of-type(3),
  .page-hero .search-card > .search-field:nth-of-type(4),
  .page-hero .search-card > .search-field:nth-of-type(5),
  .page-hero .search-card > .search-type-field,
  .page-hero .search-card > .search-submit{grid-column:span 3!important}
  .footer-grid-v223{grid-template-columns:1fr 1fr!important}
  .footer-about{grid-column:1/-1}
}
@media(max-width:760px){
  .page-hero .search-card,
  .home-tq-search-shell .search-card{grid-template-columns:1fr!important;gap:10px!important}
  .page-hero .search-card > .search-main,
  .page-hero .search-card > .search-field,
  .page-hero .search-card > .search-submit,
  .home-tq-search-shell .search-card > *{grid-column:1/-1!important}
  .search-card input,.search-card .select-trigger,.search-card select{font-size:15.5px!important;height:49px!important;min-height:49px!important}
  .footer-grid-v223{grid-template-columns:1fr!important}
}

/* v2.2.4: unified search order for home and results pages
   Row 1: keyword
   Row 2: country / city / job title / functional role
   Row 3: job type / submit button */
.home-tq-search-shell .search-card,
.page-hero .search-card{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:13px!important;
  align-items:end!important;
  overflow:visible!important;
}
.home-tq-search-shell .search-card > .search-main,
.page-hero .search-card > .search-main{
  grid-column:1/-1!important;
}
.home-tq-search-shell .search-card > .search-field:nth-of-type(2),
.home-tq-search-shell .search-card > .search-field:nth-of-type(3),
.home-tq-search-shell .search-card > .search-field:nth-of-type(4),
.home-tq-search-shell .search-card > .search-field:nth-of-type(5),
.page-hero .search-card > .search-field:nth-of-type(2),
.page-hero .search-card > .search-field:nth-of-type(3),
.page-hero .search-card > .search-field:nth-of-type(4),
.page-hero .search-card > .search-field:nth-of-type(5){
  grid-column:span 3!important;
}
.home-tq-search-shell .search-card > .search-type-field,
.page-hero .search-card > .search-type-field{
  grid-column:span 6!important;
}
.home-tq-search-shell .search-card > .search-submit,
.page-hero .search-card > .search-submit{
  grid-column:span 6!important;
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
}
.home-tq-search-shell .search-card input,
.home-tq-search-shell .search-card .select-trigger,
.page-hero .search-card input,
.page-hero .search-card .select-trigger{
  min-width:0!important;
  width:100%!important;
  font-size:15.8px!important;
  height:50px!important;
  min-height:50px!important;
}
.home-tq-search-shell .search-card input::placeholder,
.page-hero .search-card input::placeholder{
  font-size:14.7px!important;
}
.home-tq-search-shell .search-card label,
.page-hero .search-card label{
  font-size:13.2px!important;
  margin-bottom:3px!important;
}
.home-tq-search-shell .select-trigger-text,
.page-hero .select-trigger-text{
  max-width:calc(100% - 25px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.home-tq-search-shell .select-panel,
.page-hero .select-panel{
  width:max(100%,285px)!important;
  max-width:min(430px,92vw)!important;
  z-index:9999999!important;
}

@media(max-width:1050px){
  .home-tq-search-shell .search-card,
  .page-hero .search-card{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  .home-tq-search-shell .search-card > .search-main,
  .page-hero .search-card > .search-main{grid-column:1/-1!important}
  .home-tq-search-shell .search-card > .search-field:nth-of-type(2),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(3),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(4),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(5),
  .home-tq-search-shell .search-card > .search-type-field,
  .home-tq-search-shell .search-card > .search-submit,
  .page-hero .search-card > .search-field:nth-of-type(2),
  .page-hero .search-card > .search-field:nth-of-type(3),
  .page-hero .search-card > .search-field:nth-of-type(4),
  .page-hero .search-card > .search-field:nth-of-type(5),
  .page-hero .search-card > .search-type-field,
  .page-hero .search-card > .search-submit{grid-column:span 3!important}
}
@media(max-width:640px){
  .home-tq-search-shell .search-card,
  .page-hero .search-card{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .home-tq-search-shell .search-card > *,
  .page-hero .search-card > *{
    grid-column:1/-1!important;
  }
  .home-tq-search-shell .search-card input,
  .home-tq-search-shell .search-card .select-trigger,
  .page-hero .search-card input,
  .page-hero .search-card .select-trigger{
    font-size:15.4px!important;
    height:49px!important;
    min-height:49px!important;
  }
}

/* v2.2.6: unified search layout, single-scroll dropdowns, and CTA color refinement */
.home-tq-search-shell,
.page-hero .container{
  overflow:visible!important;
}
.home-tq-search-shell .search-card,
.page-hero .search-card{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
.home-tq-search-shell .search-card > .search-main,
.page-hero .search-card > .search-main{
  grid-column:1/-1!important;
}
.home-tq-search-shell .search-card > .search-field:nth-of-type(2),
.home-tq-search-shell .search-card > .search-field:nth-of-type(3),
.home-tq-search-shell .search-card > .search-field:nth-of-type(4),
.home-tq-search-shell .search-card > .search-field:nth-of-type(5),
.page-hero .search-card > .search-field:nth-of-type(2),
.page-hero .search-card > .search-field:nth-of-type(3),
.page-hero .search-card > .search-field:nth-of-type(4),
.page-hero .search-card > .search-field:nth-of-type(5){
  grid-column:span 3!important;
}
.home-tq-search-shell .search-card > .search-type-field,
.page-hero .search-card > .search-type-field{
  grid-column:span 4!important;
}
.home-tq-search-shell .search-card > .search-submit,
.page-hero .search-card > .search-submit{
  grid-column:span 8!important;
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  color:#fff!important;
}
.home-tq-search-shell .search-card input,
.home-tq-search-shell .search-card .select-trigger,
.page-hero .search-card input,
.page-hero .search-card .select-trigger,
.search-card select{
  min-width:0!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  padding:11px 14px!important;
  font-size:15.85px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.home-tq-search-shell .search-card input::placeholder,
.page-hero .search-card input::placeholder{
  font-size:14.9px!important;
  font-weight:650!important;
}
.home-tq-search-shell .search-card label,
.page-hero .search-card label{
  font-size:13.2px!important;
  line-height:1.25!important;
  margin-bottom:3px!important;
  color:#5d6b81!important;
}
.select-enhanced,
.select-field-open{
  overflow:visible!important;
}
.select-enhanced.open{
  z-index:9999999!important;
}
.select-panel{
  overflow:hidden!important;
  max-height:none!important;
  z-index:9999999!important;
  border-radius:16px!important;
  box-shadow:0 20px 48px rgba(15,23,42,.18)!important;
  overscroll-behavior:contain!important;
}
.select-search-inside{
  display:block!important;
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:#fff!important;
  margin:0 0 6px!important;
}
.select-options{
  display:block!important;
  max-height:228px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  margin:0!important;
  padding:4px!important;
}
.select-options::-webkit-scrollbar{width:8px!important}
.select-options::-webkit-scrollbar-track{background:#eef3fb!important;border-radius:999px!important}
.select-options::-webkit-scrollbar-thumb{background:#b5c2d6!important;border-radius:999px!important}
.select-option{
  padding:9px 12px!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
}
.select-trigger-text{
  min-width:0!important;
  max-width:calc(100% - 24px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.header-post-btn,
.post-btn,
.main-nav .post-btn,
.footer-post,
.footer-post-v223,
.footer-employer-box .footer-post,
a.footer-post{
  color:#fff!important;
  background:linear-gradient(135deg,#1358ff,#0aa2ff)!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(19,88,255,.22)!important;
}
.header-post-btn:hover,
.footer-post:hover{
  color:#fff!important;
}
@media(max-width:1060px){
  .home-tq-search-shell .search-card,
  .page-hero .search-card{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  .home-tq-search-shell .search-card > .search-main,
  .page-hero .search-card > .search-main{grid-column:1/-1!important}
  .home-tq-search-shell .search-card > .search-field:nth-of-type(2),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(3),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(4),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(5),
  .home-tq-search-shell .search-card > .search-type-field,
  .home-tq-search-shell .search-card > .search-submit,
  .page-hero .search-card > .search-field:nth-of-type(2),
  .page-hero .search-card > .search-field:nth-of-type(3),
  .page-hero .search-card > .search-field:nth-of-type(4),
  .page-hero .search-card > .search-field:nth-of-type(5),
  .page-hero .search-card > .search-type-field,
  .page-hero .search-card > .search-submit{grid-column:span 3!important}
}
@media(max-width:640px){
  .home-tq-search-shell .search-card,
  .page-hero .search-card{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .home-tq-search-shell .search-card > *,
  .page-hero .search-card > *{
    grid-column:1/-1!important;
  }
  .home-tq-search-shell .search-card input,
  .home-tq-search-shell .search-card .select-trigger,
  .page-hero .search-card input,
  .page-hero .search-card .select-trigger{
    height:49px!important;
    min-height:49px!important;
    font-size:15.4px!important;
  }
  .select-options{max-height:205px!important}
}

/* v2.2.7: unify home/results search sizing, fix mobile country chips, and enforce CTA contrast */
.home-tq-search-shell .search-card,
.page-hero .search-card{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:12px!important;
}
.home-tq-search-shell .search-card > .search-main,
.page-hero .search-card > .search-main{
  grid-column:1/-1!important;
}
.home-tq-search-shell .search-card > .search-field:nth-of-type(2),
.home-tq-search-shell .search-card > .search-field:nth-of-type(3),
.home-tq-search-shell .search-card > .search-field:nth-of-type(4),
.home-tq-search-shell .search-card > .search-field:nth-of-type(5),
.page-hero .search-card > .search-field:nth-of-type(2),
.page-hero .search-card > .search-field:nth-of-type(3),
.page-hero .search-card > .search-field:nth-of-type(4),
.page-hero .search-card > .search-field:nth-of-type(5){
  grid-column:span 3!important;
}
.home-tq-search-shell .search-card > .search-type-field,
.home-tq-search-shell .search-card > .search-submit,
.page-hero .search-card > .search-type-field,
.page-hero .search-card > .search-submit{
  grid-column:span 6!important;
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
}
.home-tq-search-shell .search-card > .search-submit,
.page-hero .search-card > .search-submit{
  color:#fff!important;
  font-size:15.8px!important;
  font-weight:1000!important;
}

/* Same search shape on results page and homepage */
.page-hero .search-card{
  max-width:1180px!important;
  margin-inline:auto!important;
  padding:18px!important;
  border:1px solid #dbe7f5!important;
  background:#fff!important;
  border-radius:22px!important;
  box-shadow:0 18px 42px rgba(15,23,42,.06)!important;
}
.page-hero.compact{padding-bottom:28px!important}
.page-hero.compact h1{font-size:clamp(25px,3.1vw,38px)!important;line-height:1.25!important;margin-bottom:8px!important}
.page-hero.compact p{font-size:15px!important;margin-bottom:18px!important;color:#536579!important}

/* Mobile country chips: wrap instead of horizontal scroll */
.home-tq-country-row{
  overflow:visible!important;
  overflow-x:visible!important;
  flex-wrap:wrap!important;
  white-space:normal!important;
  justify-content:center!important;
  row-gap:8px!important;
}
.home-tq-country-row a{
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

/* Add job buttons: always white text */
.site-header .header-post-btn,
.site-header .post-btn,
.site-header a.post-btn,
.main-nav .post-btn,
.footer-post,
.footer-post-v223,
.footer-employer-box .footer-post,
a.footer-post,
a.footer-post-v223{
  color:#fff!important;
  background:linear-gradient(135deg,#1358ff,#0aa2ff)!important;
  border-color:transparent!important;
}
.site-header .header-post-btn *,
.site-header .post-btn *,
.footer-post *,
.footer-post-v223 *{
  color:#fff!important;
}

@media(max-width:1060px){
  .home-tq-search-shell .search-card,
  .page-hero .search-card{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .home-tq-search-shell .search-card > .search-main,
  .page-hero .search-card > .search-main{grid-column:1/-1!important}
  .home-tq-search-shell .search-card > .search-field:nth-of-type(2),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(3),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(4),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(5),
  .page-hero .search-card > .search-field:nth-of-type(2),
  .page-hero .search-card > .search-field:nth-of-type(3),
  .page-hero .search-card > .search-field:nth-of-type(4),
  .page-hero .search-card > .search-field:nth-of-type(5){grid-column:span 3!important}
  .home-tq-search-shell .search-card > .search-type-field,
  .home-tq-search-shell .search-card > .search-submit,
  .page-hero .search-card > .search-type-field,
  .page-hero .search-card > .search-submit{grid-column:span 3!important}
}
@media(max-width:640px){
  .home-tq-search-shell .search-card,
  .page-hero .search-card{grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}
  .home-tq-search-shell .search-card > *,
  .page-hero .search-card > *{grid-column:1/-1!important}
  .home-tq-country-row{justify-content:flex-start!important;gap:7px!important;padding-bottom:0!important}
  .home-tq-country-row a{font-size:13.4px!important;padding:7px 10px!important}
}

/* v2.2.8: Keep job type and search button equal width, same row on non-mobile */
@media (min-width: 641px){
  .home-tq-search-shell .search-card,
  .page-hero .search-card{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    align-items:end!important;
    gap:12px!important;
  }
  .home-tq-search-shell .search-card > .search-main,
  .page-hero .search-card > .search-main{
    grid-column:1 / -1!important;
  }
  .home-tq-search-shell .search-card > .search-field:nth-of-type(2),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(3),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(4),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(5),
  .page-hero .search-card > .search-field:nth-of-type(2),
  .page-hero .search-card > .search-field:nth-of-type(3),
  .page-hero .search-card > .search-field:nth-of-type(4),
  .page-hero .search-card > .search-field:nth-of-type(5){
    grid-column:span 3!important;
  }
  .home-tq-search-shell .search-card > .search-type-field,
  .page-hero .search-card > .search-type-field{
    grid-column:1 / 7!important;
    width:100%!important;
    min-width:0!important;
    align-self:end!important;
  }
  .home-tq-search-shell .search-card > .search-submit,
  .page-hero .search-card > .search-submit{
    grid-column:7 / 13!important;
    width:100%!important;
    min-width:0!important;
    align-self:end!important;
  }
  .home-tq-search-shell .search-card > .search-type-field .select-trigger,
  .page-hero .search-card > .search-type-field .select-trigger,
  .home-tq-search-shell .search-card > .search-submit,
  .page-hero .search-card > .search-submit{
    height:52px!important;
    min-height:52px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
  }
  .home-tq-search-shell .search-card > .search-type-field label,
  .page-hero .search-card > .search-type-field label,
  .home-tq-search-shell .search-card > .search-submit,
  .page-hero .search-card > .search-submit{
    line-height:1.2!important;
  }
}
@media (min-width:641px) and (max-width:1060px){
  .home-tq-search-shell .search-card > .search-type-field,
  .page-hero .search-card > .search-type-field{
    grid-column:1 / 7!important;
  }
  .home-tq-search-shell .search-card > .search-submit,
  .page-hero .search-card > .search-submit{
    grid-column:7 / 13!important;
  }
}
@media (max-width:640px){
  .home-tq-search-shell .search-card > .search-type-field,
  .home-tq-search-shell .search-card > .search-submit,
  .page-hero .search-card > .search-type-field,
  .page-hero .search-card > .search-submit{
    grid-column:1 / -1!important;
    width:100%!important;
  }
  .home-tq-search-shell .search-card > .search-type-field .select-trigger,
  .page-hero .search-card > .search-type-field .select-trigger,
  .home-tq-search-shell .search-card > .search-submit,
  .page-hero .search-card > .search-submit{
    height:50px!important;
    min-height:50px!important;
  }
}

/* v2.2.9: definitive desktop alignment for job type + submit button in home and jobs search */
@media (min-width: 641px){
  .home-tq-search-shell .search-card,
  .page-hero .search-card{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:end!important;
    direction:ltr!important;
  }
  html[dir="rtl"] .home-tq-search-shell .search-card > *,
  html[dir="rtl"] .page-hero .search-card > *{
    direction:rtl!important;
  }
  html[dir="ltr"] .home-tq-search-shell .search-card > *,
  html[dir="ltr"] .page-hero .search-card > *{
    direction:ltr!important;
  }
  .home-tq-search-shell .search-card > .search-main,
  .page-hero .search-card > .search-main{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
  }
  .home-tq-search-shell .search-card > .search-field:nth-of-type(2),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(3),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(4),
  .home-tq-search-shell .search-card > .search-field:nth-of-type(5),
  .page-hero .search-card > .search-field:nth-of-type(2),
  .page-hero .search-card > .search-field:nth-of-type(3),
  .page-hero .search-card > .search-field:nth-of-type(4),
  .page-hero .search-card > .search-field:nth-of-type(5){
    grid-column:span 3!important;
    width:100%!important;
    min-width:0!important;
  }
  /* Arabic: type on the right, search button on the left. English: type on the left, search button on the right. */
  html[dir="rtl"] .home-tq-search-shell .search-card > .search-type-field,
  html[dir="rtl"] .page-hero .search-card > .search-type-field{
    grid-column:7 / 13!important;
  }
  html[dir="rtl"] .home-tq-search-shell .search-card > .search-submit,
  html[dir="rtl"] .page-hero .search-card > .search-submit{
    grid-column:1 / 7!important;
  }
  html[dir="ltr"] .home-tq-search-shell .search-card > .search-type-field,
  html[dir="ltr"] .page-hero .search-card > .search-type-field{
    grid-column:1 / 7!important;
  }
  html[dir="ltr"] .home-tq-search-shell .search-card > .search-submit,
  html[dir="ltr"] .page-hero .search-card > .search-submit{
    grid-column:7 / 13!important;
  }
  .home-tq-search-shell .search-card > .search-type-field,
  .page-hero .search-card > .search-type-field,
  .home-tq-search-shell .search-card > .search-submit,
  .page-hero .search-card > .search-submit{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    align-self:end!important;
    margin:0!important;
  }
  .home-tq-search-shell .search-type-field,
  .page-hero .search-type-field{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
  }
  .home-tq-search-shell .search-type-field select,
  .page-hero .search-type-field select,
  .home-tq-search-shell .search-type-field .select-enhanced,
  .page-hero .search-type-field .select-enhanced,
  .home-tq-search-shell .search-type-field .select-trigger,
  .page-hero .search-type-field .select-trigger,
  .home-tq-search-shell .search-submit,
  .page-hero .search-submit{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    min-height:52px!important;
    box-sizing:border-box!important;
  }
  .home-tq-search-shell .search-type-field .select-trigger,
  .page-hero .search-type-field .select-trigger,
  .home-tq-search-shell .search-submit,
  .page-hero .search-submit{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:16px!important;
    padding-block:0!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  .home-tq-search-shell .search-type-field .native-select-hidden,
  .page-hero .search-type-field .native-select-hidden{
    position:absolute!important;
    inline-size:1px!important;
    block-size:1px!important;
    opacity:0!important;
    pointer-events:none!important;
    overflow:hidden!important;
  }
}
@media (max-width:640px){
  .home-tq-search-shell .search-card,
  .page-hero .search-card{
    direction:inherit!important;
    grid-template-columns:1fr!important;
  }
  .home-tq-search-shell .search-card > *,
  .page-hero .search-card > *{
    grid-column:1 / -1!important;
    width:100%!important;
  }
}

/* v2.3.0: hard reset for search form layout. This replaces all previous grid experiments. */
.search-card.search-card-v230,
.home-tq-search-shell .search-card.search-card-v230,
.page-hero .search-card.search-card-v230{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  direction:inherit!important;
}
.search-card-v230 .search-row{
  display:grid!important;
  gap:12px!important;
  align-items:end!important;
  width:100%!important;
  min-width:0!important;
  direction:inherit!important;
}
.search-card-v230 .search-row-main{grid-template-columns:minmax(0,1fr)!important;}
.search-card-v230 .search-row-filters{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.search-card-v230 .search-row-action{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.search-card-v230 .search-row > *,
.search-card-v230 .search-field,
.search-card-v230 .search-type-field,
.search-card-v230 .search-submit{
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.search-card-v230 .search-field{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;}
.search-card-v230 input,
.search-card-v230 select,
.search-card-v230 .select-enhanced,
.search-card-v230 .select-trigger,
.search-card-v230 .search-submit{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:52px!important;
  min-height:52px!important;
  box-sizing:border-box!important;
}
.search-card-v230 .select-trigger,
.search-card-v230 .search-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:16px!important;
  padding:0 14px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.search-card-v230 .select-trigger-text{
  min-width:0!important;
  max-width:calc(100% - 24px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.search-card-v230 .native-select-hidden{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.search-card-v230 .select-panel{
  z-index:9999!important;
}
.search-card-v230 .search-submit,
a.btn[href*="post-job"],
.nav .btn-primary,
.footer-employer .btn{
  color:#fff!important;
}
@media (max-width:900px){
  .search-card-v230 .search-row-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .search-card-v230 .search-row-action{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:640px){
  .search-card-v230 .search-row,
  .search-card-v230 .search-row-filters,
  .search-card-v230 .search-row-action{grid-template-columns:1fr!important;}
  .search-card-v230 input,
  .search-card-v230 select,
  .search-card-v230 .select-enhanced,
  .search-card-v230 .select-trigger,
  .search-card-v230 .search-submit{height:50px!important;min-height:50px!important;}
}

/* v2.4.0: control panels restored from legacy employer/job-seeker/admin modules */
.panel-page{padding-top:34px;padding-bottom:54px}.panel-hero{background:linear-gradient(135deg,#fff,#f3f8ff);border:1px solid #dce7f5;border-radius:24px;padding:24px 26px;margin-bottom:16px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.panel-hero span{display:inline-flex;background:#edf5ff;color:#0b52d9;border:1px solid #d6e7ff;border-radius:999px;padding:6px 12px;font-weight:900;font-size:13px}.panel-hero h1{margin:12px 0 8px;font-size:clamp(25px,3vw,38px);line-height:1.25}.panel-hero p{margin:0;color:#5f6d82;font-weight:650}.panel-nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.panel-nav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;border-radius:13px;background:#fff;border:1px solid #dbe7f5;color:#20304a;font-weight:900;box-shadow:0 8px 22px rgba(15,23,42,.035)}.panel-nav a:hover{background:#0b52d9;color:#fff;border-color:#0b52d9}.panel-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.panel-stats div{background:#fff;border:1px solid #dfe8f5;border-radius:18px;padding:16px;text-align:center;box-shadow:0 12px 30px rgba(15,23,42,.05)}.panel-stats strong{display:block;color:#0b52d9;font-size:28px;line-height:1.1}.panel-stats span{display:block;color:#5f6d82;font-weight:800;font-size:13px;margin-top:4px}.panel-grid{display:grid;gap:16px}.panel-grid.two{grid-template-columns:1fr 1fr}.panel-card{background:#fff;border:1px solid #dfe8f5;border-radius:20px;padding:20px;box-shadow:0 18px 45px rgba(15,23,42,.055);overflow:visible}.narrow-card{max-width:920px;margin-inline:auto}.panel-card h1,.panel-card h2{margin:0 0 14px}.panel-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.panel-list li{display:grid;gap:4px;padding:12px;border:1px solid #edf2f8;border-radius:14px;background:#fbfdff}.panel-list li strong{font-weight:950;color:#172033}.panel-list li span,.panel-list li small{color:#667085;font-size:13px}.panel-list li a{color:#0b52d9;font-weight:900}.panel-filter{display:flex;gap:10px;align-items:center;margin:0 0 14px}.panel-filter input,.panel-filter select{min-height:42px;border:1px solid #d8e4f3;border-radius:13px;padding:9px 12px;background:#fff;min-width:220px}.table-wrap{overflow:auto}.panel-table{width:100%;border-collapse:separate;border-spacing:0 10px;min-width:780px}.panel-table th{font-size:13px;color:#64748b;text-align:inherit;padding:0 12px}.panel-table td{background:#fbfdff;border-top:1px solid #e4edf7;border-bottom:1px solid #e4edf7;padding:13px 12px;vertical-align:top}.panel-table td:first-child{border-inline-start:1px solid #e4edf7;border-start-start-radius:14px;border-end-start-radius:14px}.panel-table td:last-child{border-inline-end:1px solid #e4edf7;border-start-end-radius:14px;border-end-end-radius:14px}.panel-table strong{display:block;font-weight:950}.panel-table small{display:block;color:#667085;font-size:12.5px;margin-top:3px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions a,.panel-table a{color:#0b52d9;font-weight:900}.actions a.danger,.danger{color:#b42318!important}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:900}.status-pill.ok{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.status-pill.wait{background:#fff7ed;color:#b54708;border:1px solid #fed7aa}.panel-form label{font-weight:850;color:#344054}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;min-height:auto!important}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tabs a{background:#eef5ff;color:#0b52d9;border:1px solid #d8e8ff;border-radius:999px;padding:7px 13px;font-weight:900}.mini-form{display:grid;gap:7px;min-width:220px}.mini-form textarea{width:100%;border:1px solid #d8e4f3;border-radius:12px;padding:8px}.resume-view{max-width:780px}.resume-view h2{font-size:30px;margin:0 0 8px}.resume-view h3{margin-top:22px}
@media(max-width:900px){.panel-stats,.panel-grid.two,.form-row{grid-template-columns:1fr}.panel-card-head,.panel-filter{align-items:stretch;flex-direction:column}.panel-filter input,.panel-filter select{min-width:0;width:100%}.panel-table{min-width:680px}.panel-page{padding-top:22px}.panel-hero{padding:18px}.panel-nav a{flex:1 1 auto;justify-content:center}}

/* v2.4.1 phase 1: secure POST action buttons */
.inline-action-form{display:inline;margin:0}.link-button{appearance:none;background:transparent;border:0;padding:0;margin:0;color:#0b52d9;font:inherit;font-weight:900;cursor:pointer;text-decoration:none}.link-button:hover{text-decoration:underline}.link-button.danger{color:#b42318!important}.actions .inline-action-form{display:inline-flex;align-items:center}

/* v3.0.0 phase 3: complete job seeker resume editor */
.panel-kicker{display:inline-flex;background:#edf5ff;color:#0b52d9;border:1px solid #d6e7ff;border-radius:999px;padding:5px 10px;font-weight:950;font-size:12px;margin-bottom:8px}.resume-editor-card{max-width:1120px;margin-inline:auto}.resume-editor-head{align-items:flex-start}.resume-form{gap:18px}.resume-section{border:1px solid #e4edf7;background:#fbfdff;border-radius:18px;padding:18px;display:grid;gap:14px}.resume-section h2{font-size:20px;margin:0;color:#172033}.resume-form-grid{display:grid;gap:12px}.resume-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.resume-form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.resume-form input,.resume-form select,.resume-form textarea{width:100%;border:1px solid #d8e4f3;border-radius:13px;background:#fff;padding:10px 12px;min-height:43px;box-sizing:border-box;font:inherit}.resume-form textarea{resize:vertical;line-height:1.7}.resume-checks{display:flex;gap:14px;flex-wrap:wrap}.in-grid{align-self:end;min-height:43px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.repeat-list{display:grid;gap:12px}.repeat-item{border:1px dashed #d3e0ef;background:#fff;border-radius:16px;padding:14px;display:grid;gap:12px}.repeat-item.compact{padding:12px}.repeat-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.repeat-remove-inline{align-self:end;min-height:42px}.uploaded-files{display:flex;gap:8px;flex-wrap:wrap}.file-chip{display:inline-flex;align-items:center;border:1px solid #d8e8ff;background:#eef5ff;color:#0b52d9;border-radius:999px;padding:7px 12px;font-weight:900}.sticky-save-bar{position:sticky;bottom:12px;z-index:20;display:flex;gap:10px;justify-content:flex-end;background:rgba(255,255,255,.92);border:1px solid #dfe8f5;border-radius:18px;padding:12px;box-shadow:0 18px 45px rgba(15,23,42,.12);backdrop-filter:blur(10px)}.resume-completion{height:10px;border-radius:999px;background:#edf2f7;overflow:hidden;margin:12px 0}.resume-completion span{display:block;height:100%;background:#0b52d9;border-radius:999px}.resume-public-head{display:flex;gap:18px;align-items:center;border-bottom:1px solid #e4edf7;padding-bottom:18px;margin-bottom:18px}.resume-photo{width:98px;height:98px;border-radius:22px;object-fit:cover;border:1px solid #dfe8f5;background:#f4f7fb}.resume-public-head h1{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0}.resume-name{font-weight:900;color:#344054;margin:5px 0 0}.resume-contact-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.resume-contact-line span{display:inline-flex;background:#f2f6fb;border:1px solid #e4edf7;border-radius:999px;padding:6px 10px;font-weight:800;color:#475467}.resume-view-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.resume-side{display:grid;gap:12px}.resume-side-box,.resume-print-section{border:1px solid #e4edf7;background:#fbfdff;border-radius:18px;padding:16px}.resume-side-box h3,.resume-print-section h2{margin:0 0 12px}.resume-side-box dl{display:grid;gap:10px;margin:0}.resume-side-box dt{font-weight:950;color:#172033}.resume-side-box dd{margin:0;color:#5f6d82}.resume-main{display:grid;gap:14px}.resume-print-section p{line-height:1.8}.resume-timeline-item{border-top:1px solid #e9f0f8;padding-top:12px;margin-top:12px}.resume-timeline-item:first-of-type{border-top:0;padding-top:0;margin-top:0}.resume-timeline-item h3{margin:0 0 6px;font-size:18px}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag-list span{display:inline-flex;border:1px solid #d8e8ff;background:#eef5ff;color:#0b52d9;border-radius:999px;padding:6px 10px;font-weight:850}.resume-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resume-mini-grid>div{border:1px solid #e4edf7;background:#fff;border-radius:14px;padding:12px;display:grid;gap:4px}.resume-mini-grid span,.resume-mini-grid small{color:#667085}
@media(max-width:980px){.resume-form-grid.three,.resume-form-grid.four,.resume-view-grid{grid-template-columns:1fr}.resume-public-head{align-items:flex-start}.resume-form-grid.two{grid-template-columns:1fr}.section-title-row,.sticky-save-bar{align-items:stretch;flex-direction:column}.sticky-save-bar .btn{width:100%;justify-content:center}.resume-mini-grid{grid-template-columns:1fr}}
@media(max-width:640px){.resume-section{padding:14px}.resume-public-head{flex-direction:column}.resume-photo{width:84px;height:84px}.resume-checks{display:grid}.resume-contact-line span{width:100%;justify-content:center}}

/* v2.5 — Professional dashboard/control panel redesign */
:root{
  --panel-bg:#eef3fb;
  --panel-surface:#ffffff;
  --panel-ink:#101828;
  --panel-muted:#667085;
  --panel-line:#dbe5f2;
  --panel-brand:#1457d9;
  --panel-brand-2:#0f8ad8;
  --panel-success:#079455;
  --panel-warning:#b54708;
  --panel-danger:#b42318;
  --panel-shadow:0 22px 55px rgba(16,24,40,.08);
  --panel-shadow-soft:0 10px 30px rgba(16,24,40,.055);
}
body:has(.panel-page){background:
  radial-gradient(circle at 12% -5%,rgba(20,87,217,.14),transparent 30%),
  radial-gradient(circle at 88% 0%,rgba(0,182,134,.10),transparent 26%),
  linear-gradient(180deg,#f7faff 0,#eef3fb 420px,#eef3fb 100%);
}
.panel-page{
  width:min(1240px,94%);
  padding-top:30px!important;
  padding-bottom:70px!important;
}
.panel-page.container{width:min(1240px,94%)}
.panel-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.24),transparent 30%),
    linear-gradient(135deg,#0b2b75 0%,#1457d9 50%,#0e9bd8 100%)!important;
  color:#fff;
  border-radius:30px!important;
  padding:28px 30px!important;
  margin-bottom:18px!important;
  box-shadow:0 28px 70px rgba(20,87,217,.24)!important;
}
.panel-hero:before{
  content:"";
  position:absolute;
  inset:auto -60px -90px auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
}
.panel-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(135deg,#000,transparent 82%);
  pointer-events:none;
}
.panel-hero>*{position:relative;z-index:2}
.panel-hero span{
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.panel-hero h1{
  color:#fff;
  font-size:clamp(26px,3.3vw,42px)!important;
  letter-spacing:-.3px;
  margin:13px 0 8px!important;
}
.panel-hero p{color:#e7f0ff!important;font-size:16px;max-width:850px;line-height:1.8}
.panel-nav{
  position:sticky;
  top:86px;
  z-index:80;
  margin:16px 0 20px!important;
  display:block!important;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(219,229,242,.86);
  border-radius:24px;
  box-shadow:0 16px 42px rgba(16,24,40,.07);
  backdrop-filter:blur(18px);
  padding:8px;
  overflow:auto;
  scrollbar-width:thin;
}
.panel-nav-inner{display:flex;gap:8px;align-items:center;min-width:max-content}
.panel-nav a.panel-nav-link,
.panel-nav a{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px!important;
  padding:9px 13px!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  background:transparent!important;
  color:#344054!important;
  font-weight:900!important;
  box-shadow:none!important;
  white-space:nowrap;
  transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease;
}
.panel-nav a.panel-nav-link:hover,
.panel-nav a:hover{
  transform:translateY(-1px);
  background:#eef5ff!important;
  border-color:#d8e8ff!important;
  color:var(--panel-brand)!important;
}
.panel-nav a.panel-nav-link.active{
  color:#fff!important;
  background:linear-gradient(135deg,var(--panel-brand),#0ea5e9)!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:0 12px 24px rgba(20,87,217,.22)!important;
}
.panel-nav-icon{
  width:25px;
  height:25px;
  border-radius:9px;
  display:inline-grid;
  place-items:center;
  background:rgba(20,87,217,.10);
  color:var(--panel-brand);
  font-size:13px;
  line-height:1;
  font-weight:1000;
}
.panel-nav a.active .panel-nav-icon{background:rgba(255,255,255,.20);color:#fff}
.panel-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 20px!important;
}
.panel-stat-card,
.panel-stats>div{
  position:relative;
  text-align:initial!important;
  min-height:132px;
  padding:18px!important;
  border:1px solid rgba(219,229,242,.92)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:var(--panel-shadow-soft)!important;
  overflow:hidden;
}
.panel-stat-card:after,
.panel-stats>div:after{
  content:"";
  position:absolute;
  inset:auto -35px -42px auto;
  width:112px;
  height:112px;
  border-radius:50%;
  background:rgba(20,87,217,.065);
}
.panel-stat-icon{
  display:inline-grid!important;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:14px;
  margin-bottom:12px;
  color:var(--panel-brand);
  background:#eef5ff;
  border:1px solid #dbeafe;
  font-weight:1000;
}
.panel-stats strong{
  position:relative;
  z-index:1;
  display:block!important;
  color:var(--panel-ink)!important;
  font-size:32px!important;
  line-height:1!important;
  letter-spacing:-.5px;
}
.panel-stats span:last-child,
.panel-stats>div>span:not(.panel-stat-icon){
  position:relative;
  z-index:1;
  display:block;
  margin-top:8px!important;
  color:var(--panel-muted)!important;
  font-weight:850!important;
  font-size:13px!important;
}
.panel-grid{gap:18px!important}.panel-grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.panel-card,
.resume-editor-card,
.resume-view-card{
  position:relative;
  border:1px solid rgba(219,229,242,.95)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--panel-shadow)!important;
  padding:22px!important;
  overflow:hidden;
}
.panel-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--panel-brand),#0ea5e9,#22c55e);
  opacity:.92;
}
.panel-card h1,
.panel-card h2{
  color:var(--panel-ink);
  letter-spacing:-.2px;
}
.panel-card h1{font-size:clamp(23px,2.2vw,32px)!important;margin:0 0 18px!important}
.panel-card h2{font-size:22px!important;margin:0 0 14px!important}
.panel-card-head{
  min-height:44px;
  padding-bottom:14px;
  margin-bottom:16px!important;
  border-bottom:1px solid #eef2f7;
}
.panel-card-head h1,.panel-card-head h2{margin:0!important}
.panel-list{gap:11px!important}
.panel-list li{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:6px 12px!important;
  padding:14px 15px!important;
  border:1px solid #e8eef7!important;
  border-radius:18px!important;
  background:#f9fbff!important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.panel-list li:hover{transform:translateY(-1px);border-color:#cfe0ff!important;background:#fff!important}
.panel-list li strong{font-size:15px;color:#101828!important;min-width:0;overflow:hidden;text-overflow:ellipsis}
.panel-list li span,.panel-list li small{font-size:12.5px!important;color:#667085!important;font-weight:800}
.panel-filter{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px;
  border:1px solid #e6edf7;
  border-radius:20px;
  background:#f8fbff;
  margin:0 0 16px!important;
}
.panel-filter input,.panel-filter select,
.panel-form input,.panel-form select,.panel-form textarea,
.resume-form input,.resume-form select,.resume-form textarea,
.mini-form textarea{
  border-color:#d9e4f2!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(16,24,40,.02);
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.panel-filter input:focus,.panel-filter select:focus,
.panel-form input:focus,.panel-form select:focus,.panel-form textarea:focus,
.resume-form input:focus,.resume-form select:focus,.resume-form textarea:focus,
.mini-form textarea:focus{
  outline:none;
  border-color:#8db3ff!important;
  box-shadow:0 0 0 4px rgba(20,87,217,.10)!important;
}
.table-wrap{
  border-radius:22px;
  border:1px solid #e4ecf6;
  background:#f8fbff;
  padding:8px;
}
.panel-table{
  border-spacing:0 8px!important;
  min-width:860px;
}
.panel-table th{
  padding:8px 14px!important;
  color:#667085!important;
  font-weight:950!important;
  font-size:12px!important;
  text-transform:none;
  white-space:nowrap;
}
.panel-table td{
  background:#fff!important;
  border-top:1px solid #e5edf7!important;
  border-bottom:1px solid #e5edf7!important;
  padding:15px 14px!important;
  color:#344054;
}
.panel-table tr:hover td{background:#fbfdff!important;border-color:#cfe0ff!important}
.panel-table td:first-child{border-start-start-radius:16px!important;border-end-start-radius:16px!important}
.panel-table td:last-child{border-start-end-radius:16px!important;border-end-end-radius:16px!important}
.panel-table strong{font-size:14.5px;color:#101828!important}.panel-table small{color:#667085!important;font-weight:750!important}
.status-pill{
  min-height:30px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  font-size:12px!important;
  letter-spacing:0;
}
.status-pill.ok{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important}
.status-pill.wait{background:#fffaeb!important;color:#b54708!important;border-color:#fedf89!important}
.actions{gap:7px!important;align-items:center}.actions a,.panel-table a{font-weight:950!important}
.inline-action-form{display:inline-flex;margin:0}.link-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  border:1px solid #d8e8ff;
  border-radius:999px;
  background:#eef5ff;
  color:var(--panel-brand);
  padding:5px 10px;
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:950;
}
.link-button:hover{background:#e4efff}.link-button.danger,.form-danger .link-button{background:#fff1f3;border-color:#ffd0d8;color:var(--panel-danger)!important}
.btn{border-radius:15px!important}.btn.small{border-radius:13px!important}.btn.soft{background:#eef5ff!important;color:#1747d8!important;border-color:#dce7ff!important}
.resume-section{
  border-radius:22px!important;
  background:linear-gradient(180deg,#fbfdff,#fff)!important;
  border:1px solid #e3ebf6!important;
  padding:20px!important;
}
.resume-section h2{font-size:20px!important;display:flex;align-items:center;gap:8px}.resume-section h2:before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--panel-brand),#0ea5e9)}
.repeat-item{border:1px solid #dfe8f5!important;border-radius:19px!important;background:#fff!important;box-shadow:0 8px 18px rgba(16,24,40,.035)}
.sticky-save-bar{border-radius:22px!important;border-color:rgba(219,229,242,.86)!important;background:rgba(255,255,255,.88)!important;box-shadow:0 22px 60px rgba(16,24,40,.14)!important}
.resume-completion{height:12px!important;background:#e9eef7!important}.resume-completion span{background:linear-gradient(90deg,var(--panel-brand),#0ea5e9,#22c55e)!important}
.resume-public-head{
  border:1px solid #e3ebf6;
  border-radius:24px;
  padding:18px!important;
  background:linear-gradient(135deg,#f8fbff,#fff);
}
.resume-photo{width:110px!important;height:110px!important;border-radius:26px!important;box-shadow:0 14px 32px rgba(16,24,40,.12)}
.resume-view-grid{grid-template-columns:310px minmax(0,1fr)!important}.resume-side-box,.resume-print-section{border-radius:22px!important;border-color:#e3ebf6!important;box-shadow:0 10px 24px rgba(16,24,40,.04)}
.tag-list span,.file-chip{border-radius:999px!important;background:#eef5ff!important;border-color:#d8e8ff!important;color:var(--panel-brand)!important}
.tabs a{border-radius:999px!important;background:#eef5ff!important}.tabs a:hover{background:#e4efff!important;color:var(--panel-brand)!important}
@media(max-width:1100px){.panel-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.panel-grid.two,.resume-view-grid{grid-template-columns:1fr!important}.panel-nav{top:76px}.panel-card-head{align-items:flex-start!important}}
@media(max-width:760px){
  .panel-page,.panel-page.container{width:min(100% - 24px,1240px)}
  .panel-page{padding-top:18px!important;padding-bottom:42px!important}
  .panel-hero{border-radius:24px!important;padding:22px!important}.panel-hero h1{font-size:27px!important}
  .panel-nav{top:72px;border-radius:20px;margin-inline:-2px!important;padding:7px}
  .panel-nav a.panel-nav-link,.panel-nav a{flex:0 0 auto!important;min-height:42px!important;font-size:13px!important;padding:8px 11px!important}
  .panel-stats{grid-template-columns:1fr!important;gap:10px!important}.panel-stat-card,.panel-stats>div{min-height:108px!important}
  .panel-card{border-radius:22px!important;padding:18px!important}.panel-card-head{flex-direction:column!important;align-items:stretch!important}
  .panel-filter{flex-direction:column!important;align-items:stretch!important}.panel-filter input,.panel-filter select{width:100%!important;min-width:0!important}
  .form-row,.resume-form-grid.two,.resume-form-grid.three,.resume-form-grid.four,.resume-mini-grid{grid-template-columns:1fr!important}
  .resume-public-head{display:grid!important;text-align:center}.resume-photo{margin-inline:auto}.sticky-save-bar{justify-content:stretch!important;display:grid!important}.sticky-save-bar .btn{width:100%}
}

/* Phase 3.5 finalization: managed resume file chips and dynamic panel selects */
.file-chip-managed{gap:8px;padding-inline:8px 10px!important}
.file-chip-managed a{color:inherit!important;text-decoration:none;font-weight:950}
.chip-delete{border:0;border-radius:999px;background:#fff1f3;color:#b42318;font:inherit;font-size:12px;font-weight:950;padding:5px 8px;cursor:pointer;line-height:1}
.chip-delete:hover{background:#ffe4e8}
.panel-form .select-enhanced,.resume-form .select-enhanced{margin-top:6px}
.panel-form .native-select-hidden,.resume-form .native-select-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}
.resume-view-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px;flex-wrap:wrap}
@media print{
  .site-header,.site-footer,.panel-nav,.no-print,.skip-link{display:none!important}
  body{background:#fff!important;color:#111!important}
  .container,.panel-page{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  .panel-card,.resume-side-box,.resume-print-section,.resume-public-head{box-shadow:none!important;border-color:#ddd!important;background:#fff!important}
  .resume-view-grid{grid-template-columns:240px minmax(0,1fr)!important;gap:14px!important}
  a{color:#111!important;text-decoration:none!important}
}

/* Phase 3.6: Resume Wizard UX */
.resume-wizard-shell{
  border:1px solid #dfe8f5;
  background:linear-gradient(135deg,#f7fbff,#ffffff);
  border-radius:24px;
  padding:16px;
  box-shadow:0 14px 35px rgba(16,24,40,.06);
  margin-bottom:18px;
}
.resume-wizard-progress{display:grid;gap:10px;margin-bottom:14px}
.resume-wizard-progress-text{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#344054;font-weight:900}
.resume-wizard-progress-text strong{font-size:18px;color:#101828}
.resume-wizard-progress-text span{font-size:13px;color:#667085}
.resume-wizard-track{height:10px;border-radius:999px;background:#e9eef7;overflow:hidden}
.resume-wizard-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--panel-brand),#0ea5e9,#22c55e);transition:width .25s ease}
.resume-wizard-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.resume-wizard-tab{
  appearance:none;
  border:1px solid #dbe7f7;
  border-radius:18px;
  background:#fff;
  padding:10px 8px;
  text-align:start;
  cursor:pointer;
  min-height:84px;
  display:grid;
  gap:3px;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
  font:inherit;
}
.resume-wizard-tab:hover{transform:translateY(-1px);border-color:#bcd4ff;box-shadow:0 10px 22px rgba(16,24,40,.08)}
.resume-wizard-tab.active{background:linear-gradient(135deg,#eef5ff,#ffffff);border-color:#99bdff;box-shadow:0 12px 28px rgba(23,71,216,.12)}
.resume-wizard-tab span{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eef5ff;color:#1747d8;font-weight:950;font-size:13px}
.resume-wizard-tab.active span{background:var(--panel-brand);color:#fff}
.resume-wizard-tab strong{font-size:13.5px;color:#101828;line-height:1.25}
.resume-wizard-tab em{font-style:normal;font-size:11.5px;color:#667085;line-height:1.25}
.resume-wizard-panel[hidden]{display:none!important}
.resume-wizard-panel.active{animation:resumeWizardIn .18s ease both}
@keyframes resumeWizardIn{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}
.resume-wizard-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.resume-wizard-actions .btn.primary{background:linear-gradient(135deg,var(--panel-brand),#0ea5e9)!important;color:#fff!important;border-color:transparent!important}
.resume-wizard-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.resume-wizard-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){
  .resume-wizard-shell{padding:12px;border-radius:20px}
  .resume-wizard-progress-text{align-items:flex-start;flex-direction:column;gap:4px}
  .resume-wizard-tabs{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
  .resume-wizard-tab{min-width:142px;scroll-snap-align:start;min-height:76px}
  .resume-wizard-actions{display:grid!important;grid-template-columns:1fr!important}
}

/* Phase 4 — employer control panel workflow */
.employer-action-strip{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.panel-alert{border-radius:22px;border:1px solid var(--panel-line);background:#fff;padding:18px 20px;margin:0 0 18px;box-shadow:var(--panel-shadow-soft);display:grid;gap:8px}.panel-alert strong{font-size:18px;color:var(--panel-ink)}.panel-alert p{margin:0;color:var(--panel-muted)}.panel-alert.warn{background:linear-gradient(180deg,#fff,#fffbeb);border-color:#fedf89}.panel-alert.info{background:linear-gradient(180deg,#fff,#eef6ff);border-color:#bfdbfe}.employer-workspace-card{padding:24px!important}.workspace-head{align-items:flex-start!important}.panel-tabs-strong a.active{background:linear-gradient(135deg,var(--panel-brand),#0ea5e9)!important;color:#fff!important;border-color:transparent!important}.advanced-filter{display:grid!important;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(150px,.8fr)) auto auto;align-items:end!important}.advanced-filter input,.advanced-filter select{width:100%;min-width:0!important}.empty-state-box{border:1px dashed #c9d8ea;background:#f8fbff;border-radius:20px;padding:28px;text-align:center;color:var(--panel-muted)}.empty-state-box strong{display:block;color:var(--panel-ink);font-size:20px;margin-bottom:6px}.mini-metrics{display:flex;gap:7px;flex-wrap:wrap}.mini-metrics span{display:inline-flex!important;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#f2f6fb;border:1px solid #e4edf7;color:#475467;font-weight:900;font-size:12.5px}.mini-metrics span.hot{background:#fff1f3;border-color:#ffd0d8;color:#b42318}.status-pill.neutral{background:#f2f4f7;color:#475467;border:1px solid #e4e7ec}.status-pill.info{background:#eef5ff;color:#1457d9;border:1px solid #cfe0ff}.status-pill.danger{background:#fff1f3;color:#b42318;border:1px solid #ffd0d8}.action-stack{gap:6px!important}.link-button.success,.form-success .link-button{background:#ecfdf3!important;border-color:#abefc6!important;color:#067647!important}.link-button.warn,.form-warn .link-button{background:#fff7ed!important;border-color:#fed7aa!important;color:#b54708!important}.link-button.info,.form-info .link-button{background:#eef5ff!important;border-color:#cfe0ff!important;color:#1457d9!important}.employer-job-list li,.company-status-list li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.applicant-cards{display:grid;gap:14px}.applicant-card{border:1px solid var(--panel-line);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--panel-shadow-soft);padding:18px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.75fr);gap:14px;align-items:start}.applicant-main{display:flex;gap:13px;min-width:0}.applicant-avatar{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#eef5ff,#fff);border:1px solid #d8e8ff;color:var(--panel-brand);display:grid;place-items:center;font-size:23px;font-weight:1000;flex:0 0 52px}.applicant-main h2{font-size:21px;margin:0 0 3px}.applicant-main p{margin:0;color:var(--panel-muted);font-weight:800}.applicant-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.applicant-meta span{display:inline-flex;border:1px solid #e4edf7;background:#fff;border-radius:999px;padding:5px 9px;color:#475467;font-size:12.5px;font-weight:850}.applicant-job-box{border:1px solid #e4edf7;background:#fff;border-radius:18px;padding:13px;display:grid;gap:7px}.applicant-job-box strong{font-size:15px}.applicant-job-box span:not(.status-pill){color:var(--panel-muted);font-size:13px;font-weight:800}.applicant-actions{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.applicant-note-form{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.applicant-note-form label{display:grid;gap:7px;font-weight:900;color:#344054}.applicant-note-form textarea{width:100%;border:1px solid #d8e4f3;border-radius:14px;padding:10px 12px;background:#fff;resize:vertical;box-sizing:border-box}.employer-table .actions .link-button{padding:7px 10px!important;border:1px solid #d8e4f3;border-radius:999px}.employer-table .actions a{display:inline-flex;align-items:center;min-height:31px;padding:6px 10px;border-radius:999px;background:#eef5ff;border:1px solid #d8e8ff}
@media(max-width:1060px){.advanced-filter{grid-template-columns:1fr 1fr}.applicant-card{grid-template-columns:1fr}.applicant-note-form{grid-template-columns:1fr}.employer-job-list li,.company-status-list li{grid-template-columns:1fr}.employer-action-strip .btn{width:100%;justify-content:center}}
@media(max-width:720px){.advanced-filter{grid-template-columns:1fr}.applicant-main{display:grid;text-align:center}.applicant-avatar{margin-inline:auto}.applicant-meta,.applicant-actions{justify-content:center}.workspace-head .btn{width:100%}}

/* Phase 4.1 — employer panel UX refinements */
.employer-job-wizard-card{overflow:visible}.quality-meter{min-width:170px;border:1px solid #dbe7f7;background:#fff;border-radius:20px;padding:12px 14px;box-shadow:0 10px 22px rgba(16,24,40,.06)}.quality-meter strong{display:block;font-size:24px;color:var(--panel-brand);line-height:1}.quality-meter span{display:block;font-size:12px;font-weight:900;color:#667085;margin:4px 0 8px}.quality-meter div{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}.quality-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--panel-brand),#0ea5e9,#22c55e)}.employer-job-wizard-shell{border:1px solid #dfe8f5;background:linear-gradient(135deg,#f7fbff,#fff);border-radius:24px;padding:16px;box-shadow:0 14px 35px rgba(16,24,40,.06)}.employer-job-wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px}.employer-job-wizard-steps button{appearance:none;border:1px solid #dbe7f7;background:#fff;border-radius:18px;padding:12px;text-align:start;display:flex;gap:9px;align-items:center;cursor:pointer;font:inherit;transition:.16s ease}.employer-job-wizard-steps button:hover{transform:translateY(-1px);border-color:#bdd4ff;box-shadow:0 10px 22px rgba(16,24,40,.08)}.employer-job-wizard-steps button.active{background:linear-gradient(135deg,#eef5ff,#fff);border-color:#99bdff;box-shadow:0 12px 28px rgba(23,71,216,.12)}.employer-job-wizard-steps span{width:30px;height:30px;border-radius:999px;background:#eef5ff;color:#1747d8;display:inline-grid;place-items:center;font-weight:1000;flex:0 0 30px}.employer-job-wizard-steps button.active span{background:var(--panel-brand);color:#fff}.employer-job-wizard-steps strong{font-size:13.5px;color:#101828}.job-wizard-panel[hidden]{display:none!important}.job-wizard-panel.active{animation:resumeWizardIn .18s ease both}.wizard-section-title{display:grid;gap:4px;margin-bottom:15px}.wizard-section-title h2{margin:0!important;font-size:22px!important}.wizard-section-title p{margin:0;color:#667085;font-weight:750}.job-wizard-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px;padding-top:14px;border-top:1px solid #e6edf7}.job-wizard-actions .btn.primary{background:linear-gradient(135deg,var(--panel-brand),#0ea5e9)!important;color:#fff!important;border-color:transparent!important}.job-wizard-actions button:disabled{opacity:.45;cursor:not-allowed}.form-row-checks{align-items:center!important}.listing-quality-tips{border:1px solid #dce8f7;background:#fff;border-radius:20px;padding:15px;margin-top:10px}.listing-quality-tips strong{display:block;margin-bottom:8px;color:#101828}.listing-quality-tips ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}.listing-quality-tips li{position:relative;padding-inline-start:28px;color:#667085;font-weight:850}.listing-quality-tips li:before{content:'•';position:absolute;inset-inline-start:9px;color:#98a2b3;font-weight:1000}.listing-quality-tips li.done{color:#067647}.listing-quality-tips li.done:before{content:'✓';color:#12b76a}
.company-filter{grid-template-columns:minmax(260px,1fr) auto auto!important}.company-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.company-profile-card{border:1px solid var(--panel-line);background:linear-gradient(180deg,#fff,#f8fbff);border-radius:24px;padding:18px;box-shadow:var(--panel-shadow-soft);display:grid;gap:14px}.company-profile-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.company-logo-fallback{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#eef5ff,#fff);border:1px solid #d8e8ff;color:var(--panel-brand);display:grid;place-items:center;font-size:24px;font-weight:1000}.company-profile-top h2{margin:0!important;font-size:21px!important;overflow:hidden;text-overflow:ellipsis}.company-profile-top p{margin:2px 0 0;color:#667085;font-weight:850}.company-progress-line{display:grid;gap:7px}.company-progress-line div{display:flex;justify-content:space-between;color:#667085;font-size:12px;font-weight:900}.company-progress-line strong{color:#101828}.company-progress-line i{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}.company-progress-line b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--panel-brand),#0ea5e9,#22c55e)}.company-profile-meta{display:flex;gap:7px;flex-wrap:wrap}.company-profile-meta span{display:inline-flex;border:1px solid #e4edf7;background:#fff;border-radius:999px;padding:5px 9px;color:#475467;font-size:12.5px;font-weight:850;max-width:100%;overflow:hidden;text-overflow:ellipsis}.company-review-note{border:1px solid #fedf89;background:#fffbeb;border-radius:16px;padding:10px 12px;margin:0;color:#92400e;font-weight:850}.company-profile-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.company-profile-actions .inline-action-form{margin:0}.applicants-link{font-weight:1000!important}.mini-metrics.expanded span{white-space:nowrap}
.applicant-detail-page{padding:24px!important}.applicant-detail-grid{display:grid;grid-template-columns:315px minmax(0,1fr);gap:16px;align-items:start}.applicant-detail-sidebar{display:grid;gap:14px;position:sticky;top:96px}.applicant-profile-summary,.detail-box{border:1px solid var(--panel-line);border-radius:24px;background:#fff;box-shadow:var(--panel-shadow-soft);padding:18px}.applicant-profile-summary{text-align:center;background:linear-gradient(180deg,#fff,#f8fbff)}.applicant-avatar.large{width:70px;height:70px;border-radius:24px;font-size:31px;margin:0 auto 10px}.applicant-profile-summary h2{margin:0 0 4px!important;font-size:22px!important}.applicant-profile-summary p{margin:0 0 10px;color:#667085;font-weight:850}.detail-box h2,.detail-box h3{margin:0 0 10px!important}.detail-box dl{display:grid;gap:8px;margin:0}.detail-box dt{font-size:12px;color:#667085;font-weight:950}.detail-box dd{margin:0;color:#101828;font-weight:900;overflow-wrap:anywhere}.detail-action-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.status-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-action-grid .inline-action-form{margin:0}.status-action-grid .link-button{width:100%;justify-content:center}.applicant-detail-main{display:grid;gap:14px}.detail-box.highlight{background:linear-gradient(135deg,#eef5ff,#fff)}.detail-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.detail-section-head h2{margin:0!important}.detail-section-head p{margin:3px 0 0;color:#667085;font-weight:850}.detail-section-head span{font-size:12px;font-weight:900;color:#667085;background:#f2f6fb;border:1px solid #e4edf7;padding:6px 9px;border-radius:999px;white-space:nowrap}.detail-note-form{grid-template-columns:1fr auto!important}.compact-timeline{display:grid;gap:10px}.compact-timeline article{border-inline-start:3px solid #b9d2ff;padding-inline-start:12px}.compact-timeline strong{display:block;color:#101828}.compact-timeline span{display:block;color:#667085;font-size:13px;font-weight:850}.quick-resume-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-resume-grid h3{font-size:15px!important}.quick-resume-grid p{margin:0 0 9px;color:#667085}.quick-resume-grid span.status-pill{margin:0 5px 5px 0}.link-button.neutral,.form-neutral .link-button{background:#f2f4f7!important;border-color:#e4e7ec!important;color:#475467!important}
@media(max-width:1060px){.employer-job-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.company-card-grid{grid-template-columns:1fr}.applicant-detail-grid{grid-template-columns:1fr}.applicant-detail-sidebar{position:static}.quick-resume-grid{grid-template-columns:1fr!important}.company-filter{grid-template-columns:1fr!important}}
@media(max-width:720px){.quality-meter{width:100%}.employer-job-wizard-steps{display:flex;overflow-x:auto;padding-bottom:4px}.employer-job-wizard-steps button{min-width:168px}.job-wizard-actions{display:grid;grid-template-columns:1fr}.company-profile-top{grid-template-columns:auto minmax(0,1fr);align-items:start}.company-profile-top .status-pill{grid-column:1 / -1;justify-self:start}.detail-section-head{display:grid}.detail-note-form{grid-template-columns:1fr!important}.status-action-grid{grid-template-columns:1fr}.applicant-detail-page{padding:18px!important}}

/* Phase 5 admin control panel refinements */
.admin-dashboard .admin-hero{position:relative;overflow:hidden}
.admin-health{margin-top:1rem;display:inline-flex;gap:.75rem;align-items:center;padding:.75rem 1rem;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 12px 30px rgba(15,23,42,.08)}
.admin-health strong{font-size:1.75rem;line-height:1;color:var(--brand,#0f766e)}
.admin-health span{font-size:.9rem;color:var(--muted,#64748b)}
.admin-stats{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin-top:1rem}
.admin-stats .stat-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(15,118,110,.1);margin-bottom:.45rem}
.admin-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:1rem 0 1.25rem}
.quick-card{display:block;padding:1.1rem;border:1px solid rgba(148,163,184,.24);border-radius:22px;background:linear-gradient(180deg,#fff,rgba(248,250,252,.86));box-shadow:0 14px 40px rgba(15,23,42,.07);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.quick-card:hover{transform:translateY(-2px);border-color:rgba(15,118,110,.3);box-shadow:0 18px 46px rgba(15,23,42,.1)}
.quick-card strong{display:block;margin-bottom:.35rem;font-size:1.02rem}
.quick-card span,.card-head span{color:var(--muted,#64748b);font-size:.9rem}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.card-head h1,.card-head h2{margin:0}
.card-head a{font-weight:700;text-decoration:none;color:var(--brand,#0f766e)}
.rich-list li{align-items:flex-start}
.rich-list span{display:block;margin-top:.2rem;color:var(--muted,#64748b);font-size:.88rem}
.admin-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:1rem 0}
.admin-filter input,.admin-filter select,.stack-form input,.stack-form select{width:100%;border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:.75rem .85rem;background:#fff;color:inherit}
.admin-filter button{min-height:42px}
.admin-table td small{display:block;color:var(--muted,#64748b);margin-top:.25rem;line-height:1.5}
.stacked-actions{display:flex;flex-wrap:wrap;gap:.35rem;min-width:190px}
.stacked-actions .inline-action-form{display:inline-flex;margin:0}
.stacked-actions a,.stacked-actions .link-button,.actions .link-button.soft,.form-soft .link-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.28);border-radius:999px;padding:.4rem .65rem;background:#fff;text-decoration:none;font-size:.82rem;line-height:1;color:inherit}
.status-pill.info{background:rgba(59,130,246,.1);color:#1d4ed8}
.status-pill.danger{background:rgba(239,68,68,.12);color:#b91c1c}
.taxonomy-tabs .tab-links{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}
.taxonomy-tabs .tab-links a{padding:.55rem .8rem;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.26);text-decoration:none;color:inherit;font-weight:700;font-size:.9rem}
.taxonomy-tabs .tab-links a.active{background:rgba(15,118,110,.1);border-color:rgba(15,118,110,.25);color:var(--brand,#0f766e)}
.admin-taxonomy-grid{align-items:start}
.stack-form{display:grid;gap:.85rem}
.stack-form label{display:grid;gap:.35rem;font-weight:700;color:#334155}
.stack-form .check-row{display:flex;align-items:center;gap:.5rem;font-weight:700}
.stack-form .check-row input{width:auto}
.form-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:.25rem}
@media (max-width:760px){.card-head{display:block}.admin-filter{grid-template-columns:1fr}.stacked-actions{min-width:0}.admin-health{display:flex;width:100%}.panel-table.admin-table{min-width:760px}}

/* Phase 5.1: admin detail refinements */
.admin-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-detail-hero h1{margin:8px 0 6px!important}.detail-actions{justify-content:flex-end}.detail-actions .inline-action-form{display:inline-flex}.detail-stats{margin-top:0}.admin-detail-grid{align-items:start}.detail-dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 14px;margin:0}.detail-dl dt{font-weight:950;color:#172033}.detail-dl dd{margin:0;color:#5f6d82;word-break:break-word}.detail-dl small{display:block;color:#667085;margin-top:3px}.quality-check-grid{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.quality-check{border-radius:999px;padding:7px 11px;font-weight:900;border:1px solid #e4edf7;background:#f8fafc;color:#475467}.quality-check.ok{background:#ecfdf3;color:#067647;border-color:#abefc6}.quality-check.bad{background:#fff7ed;color:#b54708;border-color:#fed7aa}.rich-preview{line-height:1.85;color:#344054;background:#fbfdff;border:1px solid #e4edf7;border-radius:16px;padding:14px;min-height:42px}.usage-chip{display:inline-flex;min-width:32px;justify-content:center;border-radius:999px;background:#eef5ff;color:#0b52d9;border:1px solid #d8e8ff;padding:5px 10px;font-weight:950}.taxonomy-warning{color:#b54708!important;font-weight:900}.compact-bar{height:7px;margin:6px 0 0}.resume-admin-filter{flex-wrap:wrap}.resume-admin-filter input,.resume-admin-filter select{min-width:170px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card-head span{color:#667085;font-weight:800}@media(max-width:900px){.admin-detail-hero{flex-direction:column}.detail-actions{justify-content:flex-start}.detail-dl{grid-template-columns:1fr}.resume-admin-filter input,.resume-admin-filter select{min-width:0;width:100%}}

/* Phase 8.1: final functional corrections */
.section-help{margin:.35rem 0 1rem;color:#667085;font-weight:750;line-height:1.7}
.danger-outline{background:#fff!important;color:#b42318!important;border:1px solid #fecdca!important}
.danger-outline:hover{background:#fff1f3!important}
.report-listing-box{margin-top:18px;border-color:#fedf89;background:linear-gradient(180deg,#fff,#fffbeb)}
.locked-lite{display:grid;gap:8px;border:1px solid #e4edf7;background:#fff;border-radius:16px;padding:14px}
.header-user-menu{position:relative;display:inline-flex;align-items:center}
.header-user-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.3);background:#fff;border-radius:999px;padding:5px 8px 5px 6px;cursor:pointer;font:inherit;color:inherit;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.header-avatar{width:30px;height:30px;border-radius:999px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#eef5ff,#e0f2fe);color:#1457d9;font-weight:1000}
.header-user-name{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900}
.header-user-dropdown{position:absolute;inset-inline-end:0;top:calc(100% + 10px);min-width:210px;background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:18px;padding:8px;box-shadow:0 22px 60px rgba(15,23,42,.15);display:none;z-index:80}
.header-user-menu:hover .header-user-dropdown,.header-user-menu:focus-within .header-user-dropdown{display:grid;gap:3px}
.header-user-dropdown a,.header-user-dropdown button{width:100%;display:flex;text-align:start;align-items:center;border:0;background:transparent;border-radius:12px;padding:10px 12px;text-decoration:none;color:#172033;font-weight:850;font:inherit;cursor:pointer}
.header-user-dropdown a:hover,.header-user-dropdown button:hover{background:#f2f6fb;color:#1457d9}
.header-user-dropdown form{margin:0}
@media print{
  .no-print,.site-header,.site-footer,.panel-nav,.resume-view-actions{display:none!important}
  body{background:#fff!important;color:#111!important}
  .container,.section{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}
  .panel-card,.resume-view-card{box-shadow:none!important;border:0!important;padding:0!important}
  .resume-public-head{break-inside:avoid;page-break-inside:avoid;margin-bottom:16px!important}
  .resume-view-grid{display:block!important}
  .resume-side,.resume-main{display:block!important;width:100%!important}
  .resume-side{margin-bottom:14px!important}
  .resume-side-box,.resume-print-section,.resume-timeline-item{break-inside:avoid;page-break-inside:avoid}
  .resume-side-box{border:1px solid #ddd!important;margin-bottom:10px!important}
  .resume-print-section{margin-bottom:14px!important}
  a{color:#111!important;text-decoration:none!important}
}

/* Phase 8.2: AI listing rewrite assistant */
.ai-rewrite-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border:1px solid #cfe0ff;
  background:linear-gradient(135deg,#f5f9ff,#ffffff);
  border-radius:20px;
  padding:14px 16px;
  margin:0 0 14px;
  box-shadow:0 12px 30px rgba(23,71,216,.07);
}
.ai-rewrite-card strong{display:block;color:#172033;font-size:16px;margin-bottom:4px}
.ai-rewrite-card p{margin:0;color:#667085;line-height:1.7;font-weight:750}
.ai-rewrite-card small{display:inline-flex;margin-top:8px;color:#1457d9;background:#eef5ff;border:1px solid #d8e8ff;border-radius:999px;padding:5px 9px;font-weight:900}
.ai-rewrite-card .btn{white-space:nowrap}
.ai-rewrite-message{grid-column:1 / -1;font-weight:900;font-size:13.5px;min-height:18px;color:#667085}
.ai-rewrite-message.ok{color:#067647}
.ai-rewrite-message.error{color:#b42318}
@media(max-width:760px){.ai-rewrite-card{grid-template-columns:1fr}.ai-rewrite-card .btn{width:100%;justify-content:center}}

/* Phase 3 — employer panel restored legacy applicant filters */
.applicant-advanced-filter{
  grid-template-columns:minmax(240px,1.35fr) repeat(5,minmax(145px,.75fr));
}
.applicant-advanced-filter .filter-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1260px){.applicant-advanced-filter{grid-template-columns:1fr 1fr 1fr!important}}
@media(max-width:820px){.applicant-advanced-filter{grid-template-columns:1fr!important}}

/* Phase 4 - Job seeker panel, resume specialties, and application tracking */
.jobseeker-dashboard-grid{align-items:stretch}.resume-dashboard-card,.applications-summary-card,.recommended-jobs-card{overflow:hidden}.resume-score-row{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin:14px 0}.resume-score-row strong{font-size:30px;color:#1747d8}.resume-quality-card{border:1px solid #d9e6fb;background:linear-gradient(135deg,#f8fbff,#fff);border-radius:22px;padding:16px;display:grid;gap:10px;margin-bottom:16px}.resume-quality-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}.resume-quality-card strong{font-size:28px;color:#1747d8}.application-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.application-status-grid.wide{grid-template-columns:repeat(5,minmax(0,1fr))}.application-status-grid span{border:1px solid #e5edf8;background:#f8fbff;border-radius:16px;padding:12px;display:grid;gap:3px;color:#667085;font-size:12.5px;font-weight:800}.application-status-grid strong{display:block;color:#101828;font-size:24px}.applications-mini-list li{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.applications-mini-list small{display:block;color:#667085;margin-top:2px}.recommended-jobs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.recommendation-card{position:relative;border:1px solid #e5edf8;background:#fff;border-radius:20px;padding:16px;box-shadow:0 10px 24px rgba(16,24,40,.06);display:grid;gap:8px}.recommendation-card h3{font-size:17px;margin:0;padding-inline-end:58px}.recommendation-card p{margin:0;color:#667085;font-weight:800}.match-score{position:absolute;top:12px;inset-inline-end:12px;background:#eef5ff;color:#1747d8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950}.applications-filter-bar{align-items:end}.applications-table td small{display:block;color:#667085;margin-top:4px}.tag-list span{word-break:break-word}@media(max-width:900px){.recommended-jobs-grid{grid-template-columns:1fr}.application-status-grid,.application-status-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-score-row{grid-template-columns:1fr}.applications-mini-list li{align-items:flex-start;flex-direction:column}}

/* Phase 5 admin review center */
.admin-quick-actions .quick-card{position:relative;overflow:hidden}
.admin-quick-actions .quick-card.urgent{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#fed7aa}
.admin-quick-actions .quick-card em{position:absolute;top:12px;inset-inline-end:12px;min-width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#b54708;border:1px solid #fed7aa;font-style:normal;font-weight:1000}
.admin-review-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.mini-review{text-decoration:none!important;display:grid;gap:4px}.mini-review strong{font-size:30px;color:#1747d8}.mini-review span{color:#667085;font-weight:850}.review-stats .stat-card span{font-weight:1000}.review-card .panel-list li{align-items:flex-start}.action-list li{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px}.action-list li strong,.action-list li span{grid-column:1}.mini-actions{grid-row:1 / span 2;grid-column:2;align-self:center;display:flex;gap:8px;white-space:nowrap}.mini-actions a{font-weight:950;color:#1747d8}.role-action-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-user-detail-page .role-action-grid .inline-action-form{display:inline-flex}.panel-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-review-page .compact-bar{max-width:190px}@media(max-width:900px){.panel-grid.three,.admin-review-summary{grid-template-columns:1fr}.action-list li{grid-template-columns:1fr}.mini-actions{grid-column:1;grid-row:auto;align-self:start}.admin-review-page .compact-bar{max-width:none}}

/* Phase 6: Admin AI settings */
.admin-ai-page .ai-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.ai-settings-layout{align-items:start;grid-template-columns:minmax(0,1fr) 360px}.ai-settings-form textarea{font-family:inherit;line-height:1.7}.ai-settings-form .form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.check-row{display:flex!important;align-items:center;gap:10px;font-weight:700}.check-row input{width:auto!important}.ai-side-card{position:sticky;top:94px}.health-list{display:grid;gap:10px;margin:12px 0}.health-list>div,.mini-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(15,23,42,.08)}.mini-kv b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted-note{color:#64748b;font-size:.9rem;line-height:1.7}.compact-table code{background:#eef4ff;border:1px solid #d8e6ff;border-radius:8px;padding:3px 7px;font-size:.82rem}.compact-table small{display:block;color:#64748b;margin-top:2px}.admin-ai-page hr{border:0;border-top:1px solid rgba(15,23,42,.1);margin:18px 0}@media (max-width:980px){.admin-ai-page .ai-stats-grid,.ai-settings-layout,.ai-settings-form .form-grid.four{grid-template-columns:1fr}.ai-side-card{position:static}}

/* Phase 7: Complete admin dashboard redesign */
body:has(.admin-command-center){
  background:
    radial-gradient(circle at 8% -7%,rgba(37,99,235,.18),transparent 30%),
    radial-gradient(circle at 92% 2%,rgba(14,165,233,.14),transparent 28%),
    linear-gradient(180deg,#f8fbff 0,#eef3fb 440px,#eef3fb 100%)!important;
}
.admin-command-center{width:min(1320px,95%)!important;padding-top:24px!important}.admin-command-center a{text-decoration:none}.admin-command-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) 380px;gap:22px;align-items:stretch;border:1px solid rgba(255,255,255,.62);border-radius:34px;padding:28px;background:linear-gradient(135deg,#061225 0%,#0b2b75 44%,#1457d9 100%);box-shadow:0 30px 80px rgba(8,28,74,.24);color:#fff}.admin-command-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(34,211,238,.28),transparent 32%),radial-gradient(circle at 88% 0%,rgba(255,255,255,.18),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:auto,auto,46px 46px,46px 46px;mask-image:linear-gradient(135deg,#000 0%,rgba(0,0,0,.92) 56%,transparent 100%);pointer-events:none}.admin-command-hero:after{content:"";position:absolute;inset:auto -70px -110px auto;width:300px;height:300px;border-radius:999px;background:rgba(255,255,255,.11);pointer-events:none}.admin-command-hero>*{position:relative;z-index:2}.admin-hero-copy{display:grid;align-content:center}.admin-kicker{display:inline-flex;width:max-content;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;color:#ddecff;font-weight:950;font-size:13px}.admin-kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:#22d3ee;box-shadow:0 0 0 6px rgba(34,211,238,.15)}.admin-command-hero h1{max-width:880px;margin:14px 0 10px;color:#fff;font-size:clamp(28px,3.6vw,48px);line-height:1.16;font-weight:1000;letter-spacing:-.6px}.rtl .admin-command-hero h1{letter-spacing:-.2px}.admin-command-hero p{max-width:820px;margin:0;color:#e6f0ff;font-weight:720;line-height:1.9;font-size:16.5px}.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.admin-command-hero .btn.ghost-white{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:none!important}.admin-hero-status{display:grid;gap:14px}.admin-health-ring{min-height:220px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));border-radius:30px;display:grid;place-items:center;text-align:center;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.admin-health-ring strong{display:grid;place-items:center;width:146px;height:146px;border-radius:999px;border:12px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);font-size:36px;line-height:1;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.12)}.admin-health-ring.ok strong{border-color:rgba(34,197,94,.62)}.admin-health-ring.warn strong{border-color:rgba(251,191,36,.70)}.admin-health-ring.danger strong{border-color:rgba(248,113,113,.72)}.admin-health-ring span{display:block;margin-top:12px;color:#e6f0ff;font-weight:950}.admin-hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-hero-mini-grid a{display:grid;gap:2px;min-height:92px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.11);border-radius:22px;padding:14px;color:#fff}.admin-hero-mini-grid a:hover{background:rgba(255,255,255,.16)}.admin-hero-mini-grid strong{font-size:29px;line-height:1}.admin-hero-mini-grid span{color:#ddecff;font-size:12.5px;font-weight:850;line-height:1.5}.admin-panel-nav{background:rgba(255,255,255,.88)!important;border-color:rgba(205,219,239,.92)!important;box-shadow:0 18px 46px rgba(15,23,42,.08)!important}.admin-panel-nav a.panel-nav-link{border-radius:14px!important}.admin-panel-nav a.panel-nav-link.active{background:linear-gradient(135deg,#061225,#1457d9)!important}.admin-priority-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.priority-item{position:relative;overflow:hidden;min-height:94px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;border:1px solid #dfe8f5;background:#fff;border-radius:24px;padding:16px;box-shadow:0 15px 40px rgba(15,23,42,.055);transition:.16s ease}.priority-item:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(15,23,42,.09)}.priority-item:after{content:"";position:absolute;inset:auto -32px -40px auto;width:105px;height:105px;border-radius:50%;opacity:.55}.priority-item b{position:relative;z-index:2;display:grid;place-items:center;width:52px;height:52px;border-radius:18px;font-size:24px;line-height:1;background:#eef5ff;color:#1457d9}.priority-item span{position:relative;z-index:2;color:#344054;font-weight:950;line-height:1.45}.priority-item.hot b{background:#fff7ed;color:#b54708}.priority-item.hot:after{background:#fed7aa}.priority-item.warn b{background:#fffbeb;color:#a15c07}.priority-item.warn:after{background:#fde68a}.priority-item.info b{background:#eef5ff;color:#1457d9}.priority-item.info:after{background:#bfdbfe}.priority-item.danger b{background:#fff1f3;color:#b42318}.priority-item.danger:after{background:#fecdd3}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-kpi-card{position:relative;overflow:hidden;display:grid;gap:7px;border:1px solid rgba(219,229,242,.95);background:linear-gradient(180deg,#fff,#f8fbff);border-radius:26px;padding:18px;min-height:168px;box-shadow:0 17px 48px rgba(15,23,42,.06);transition:.16s ease}.admin-kpi-card:hover{transform:translateY(-2px);border-color:#bdd3ff}.admin-kpi-card:after{content:"";position:absolute;inset:auto -45px -50px auto;width:130px;height:130px;border-radius:999px;background:rgba(20,87,217,.07)}.admin-kpi-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#eef5ff;border:1px solid #dbeafe;color:#1457d9;font-style:normal;font-weight:1000}.admin-kpi-card span{color:#64748b;font-size:13px;font-weight:900}.admin-kpi-card strong{color:#101828;font-size:35px;line-height:1;font-weight:1000}.admin-kpi-card small{color:#667085;font-weight:760;line-height:1.6}.admin-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.admin-main-column,.admin-side-column{display:grid;gap:16px}.admin-side-column{position:sticky;top:172px}.admin-section-head,.admin-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px}.admin-section-head span{display:inline-flex;color:#1457d9;background:#eef5ff;border:1px solid #dbeafe;border-radius:999px;padding:5px 10px;font-weight:950;font-size:12px}.admin-section-head h2,.admin-card-head h2{margin:5px 0 0;color:#101828;font-size:24px;line-height:1.3}.admin-section-head a,.admin-card-head a{color:#1457d9;font-weight:1000}.admin-review-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.review-board-card{display:grid;grid-template-rows:auto 1fr auto;gap:12px;border:1px solid #dfe8f5;background:#fff;border-radius:26px;padding:18px;box-shadow:0 17px 45px rgba(15,23,42,.055)}.review-board-card header{display:flex;align-items:center;gap:12px}.review-board-card header b{display:grid;place-items:center;min-width:54px;height:54px;border-radius:18px;background:#061225;color:#fff;font-size:25px}.review-board-card header span{font-weight:1000;color:#101828}.review-board-card ul,.admin-activity-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.review-board-card li{display:grid;gap:3px;border:1px solid #edf2f8;background:#fbfdff;border-radius:16px;padding:11px}.review-board-card li strong{font-weight:1000;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-board-card li small{color:#667085;font-weight:780;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-board-card>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:14px;background:#eef5ff;color:#1457d9;border:1px solid #dbeafe;font-weight:1000}.review-board-card>a:hover{background:#1457d9;color:#fff}.admin-two-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-panel-card{border:1px solid #dfe8f5;background:#fff;border-radius:26px;padding:18px;box-shadow:0 17px 45px rgba(15,23,42,.055);overflow:hidden}.compact-head{margin-bottom:12px}.compact-head h2{font-size:20px!important}.admin-activity-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #edf2f8;background:#fbfdff;border-radius:17px;padding:11px}.activity-avatar{width:42px;height:42px;border-radius:15px;background:#eef5ff;border:1px solid #dbeafe;color:#1457d9;display:grid;place-items:center;font-weight:1000;text-transform:uppercase}.activity-avatar.job{background:#ecfdf3;border-color:#bbf7d0;color:#047857}.admin-activity-list strong{display:block;color:#101828;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-activity-list small{display:block;color:#667085;font-size:12.5px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-activity-list a{color:#1457d9;background:#eef5ff;border:1px solid #dbeafe;border-radius:999px;padding:7px 10px;font-size:12.5px;font-weight:1000}.admin-shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-shortcut-grid a{display:grid;gap:8px;align-content:center;min-height:88px;border:1px solid #edf2f8;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:20px;padding:13px;color:#172033}.admin-shortcut-grid a:hover{border-color:#bdd3ff;transform:translateY(-1px)}.admin-shortcut-grid i{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:#eef5ff;color:#1457d9;font-style:normal;font-weight:1000}.admin-shortcut-grid span{font-weight:950}.admin-progress-list{display:grid;gap:13px}.admin-progress-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.admin-progress-list span{color:#475467;font-weight:900}.admin-progress-list b{color:#101828;font-size:18px}.admin-progress-list i{grid-column:1 / -1;height:9px;border-radius:999px;background:#eef2f7;overflow:hidden}.admin-progress-list em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1457d9,#0ea5e9,#22c55e)}.admin-health-list{display:grid;gap:10px}.admin-health-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf2f8;background:#fbfdff;border-radius:16px;padding:12px}.admin-health-list span{color:#667085;font-weight:900}.admin-health-list strong{color:#101828;font-size:18px}@media(max-width:1180px){.admin-command-hero{grid-template-columns:1fr}.admin-hero-status{grid-template-columns:280px minmax(0,1fr);align-items:stretch}.admin-health-ring{min-height:180px}.admin-health-ring strong{width:120px;height:120px;font-size:30px}.admin-main-layout{grid-template-columns:1fr}.admin-side-column{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-actions-card{grid-column:1 / -1}.admin-shortcut-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:980px){.admin-priority-bar,.admin-kpi-grid,.admin-review-board,.admin-two-panels{grid-template-columns:1fr 1fr}.admin-side-column{grid-template-columns:1fr}.admin-shortcut-grid{grid-template-columns:1fr 1fr 1fr}.admin-hero-status{grid-template-columns:1fr}}@media(max-width:680px){.admin-command-center{width:min(100%,94%)!important}.admin-command-hero{padding:20px;border-radius:26px}.admin-command-hero h1{font-size:27px}.admin-hero-actions .btn{width:100%}.admin-hero-mini-grid,.admin-priority-bar,.admin-kpi-grid,.admin-review-board,.admin-two-panels,.admin-shortcut-grid{grid-template-columns:1fr}.admin-activity-list li{grid-template-columns:auto minmax(0,1fr)}.admin-activity-list li>a{grid-column:1 / -1;text-align:center}.priority-item{min-height:82px}.admin-section-head,.admin-card-head{display:grid}.admin-command-center .panel-nav{top:72px}}

/* Phase 8: Employer + Jobseeker workspace redesign */
.workspace-page{width:min(1320px,95%)!important;padding-top:24px!important}.workspace-page a{text-decoration:none}.workspace-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.42fr) 360px;gap:22px;align-items:stretch;border-radius:34px;padding:28px;margin-bottom:16px;color:#fff;box-shadow:0 30px 80px rgba(8,28,74,.20)}.workspace-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.20),transparent 30%),radial-gradient(circle at 84% 15%,rgba(34,211,238,.24),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;pointer-events:none}.workspace-hero:after{content:"";position:absolute;inset:auto -80px -110px auto;width:310px;height:310px;border-radius:999px;background:rgba(255,255,255,.10)}.employer-workspace-hero{background:linear-gradient(135deg,#071a2f 0%,#0b4b87 48%,#0ea5e9 100%)}.jobseeker-workspace-hero{background:linear-gradient(135deg,#111827 0%,#21447c 50%,#2563eb 100%)}.workspace-hero>*{position:relative;z-index:2}.workspace-hero-copy{display:grid;align-content:center}.workspace-kicker{display:inline-flex;width:max-content;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.11);border-radius:999px;padding:7px 12px;color:#e7f0ff;font-weight:950;font-size:13px}.workspace-kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:#22d3ee;box-shadow:0 0 0 6px rgba(34,211,238,.16)}.workspace-hero h1{max-width:880px;margin:14px 0 10px;color:#fff;font-size:clamp(28px,3.5vw,48px);line-height:1.16;font-weight:1000;letter-spacing:-.55px}.rtl .workspace-hero h1{letter-spacing:-.2px}.workspace-hero p{max-width:820px;margin:0;color:#e7f0ff;font-weight:720;line-height:1.8}.workspace-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.workspace-hero-actions .btn.ghost{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.26);color:#fff}.workspace-health-card{display:grid;align-content:center;gap:14px;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.11);backdrop-filter:blur(14px);border-radius:28px;padding:18px}.workspace-health-card p{margin:0;text-align:center;color:#f3f7ff;font-weight:900}.workspace-ring{display:grid;place-items:center;width:158px;height:158px;margin-inline:auto;border-radius:50%;background:conic-gradient(#22d3ee var(--score),rgba(255,255,255,.20) 0);position:relative}.workspace-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:rgba(7,26,47,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}.jobseeker-workspace .workspace-ring:after{background:rgba(17,24,39,.88)}.workspace-ring strong,.workspace-ring span{position:relative;z-index:2}.workspace-ring strong{color:#fff;font-size:34px;font-weight:1000}.workspace-ring span{display:block;margin-top:50px;position:absolute;color:#ddecff;font-size:12px;font-weight:950}.workspace-health-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.workspace-health-list span{display:flex;align-items:center;gap:7px;min-height:38px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);border-radius:14px;padding:8px;color:#e8f1ff;font-weight:900;font-size:12.5px}.workspace-health-list span:before{content:"";width:9px;height:9px;border-radius:999px;background:#fbbf24}.workspace-health-list span.done:before{background:#22c55e}.workspace-health-list span.todo:before{background:#f97316}.employer-panel-nav,.jobseeker-panel-nav{background:rgba(255,255,255,.90)!important;border:1px solid rgba(205,219,239,.96)!important;box-shadow:0 18px 46px rgba(15,23,42,.08)!important;border-radius:22px!important;padding:8px!important;position:sticky;top:84px;z-index:30;overflow:auto;scrollbar-width:thin}.employer-panel-nav a.panel-nav-link.active{background:linear-gradient(135deg,#06314e,#0ea5e9)!important;color:#fff!important}.jobseeker-panel-nav a.panel-nav-link.active{background:linear-gradient(135deg,#111827,#2563eb)!important;color:#fff!important}.workspace-priority-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.workspace-priority-card{position:relative;overflow:hidden;min-height:112px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;border:1px solid #dfe8f5;background:#fff;border-radius:24px;padding:16px;box-shadow:0 15px 40px rgba(15,23,42,.055);transition:.16s ease;color:#172033}.workspace-priority-card:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(15,23,42,.09)}.workspace-priority-card:after{content:"";position:absolute;inset:auto -38px -44px auto;width:116px;height:116px;border-radius:50%;opacity:.55}.workspace-priority-card b{position:relative;z-index:2;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;font-size:24px;background:#eef5ff;color:#1457d9}.workspace-priority-card span{position:relative;z-index:2;display:grid;gap:4px;min-width:0}.workspace-priority-card strong{font-weight:1000;color:#101828;line-height:1.35}.workspace-priority-card small{color:#667085;font-weight:760;line-height:1.55}.workspace-priority-card em{font-style:normal;color:#1457d9;font-weight:1000;font-size:12.5px}.workspace-priority-card.hot b{background:#fff7ed;color:#b54708}.workspace-priority-card.hot:after{background:#fed7aa}.workspace-priority-card.warn b{background:#fffbeb;color:#a15c07}.workspace-priority-card.warn:after{background:#fde68a}.workspace-priority-card.info b{background:#eef5ff;color:#1457d9}.workspace-priority-card.info:after{background:#bfdbfe}.workspace-priority-card.danger b{background:#fff1f3;color:#b42318}.workspace-priority-card.danger:after{background:#fecdd3}.workspace-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.workspace-kpi-card{position:relative;overflow:hidden;display:grid;gap:7px;border:1px solid rgba(219,229,242,.95);background:linear-gradient(180deg,#fff,#f8fbff);border-radius:26px;padding:18px;min-height:164px;box-shadow:0 17px 48px rgba(15,23,42,.06);transition:.16s ease;color:#172033}.workspace-kpi-card:hover{transform:translateY(-2px);border-color:#bdd3ff}.workspace-kpi-card:after{content:"";position:absolute;inset:auto -45px -50px auto;width:130px;height:130px;border-radius:999px;background:rgba(20,87,217,.07)}.workspace-kpi-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#eef5ff;border:1px solid #dbeafe;color:#1457d9;font-style:normal;font-weight:1000}.employer-kpi-grid .workspace-kpi-card i{background:#ecfeff;border-color:#cffafe;color:#0891b2}.workspace-kpi-card span{color:#64748b;font-size:13px;font-weight:900}.workspace-kpi-card strong{color:#101828;font-size:35px;line-height:1;font-weight:1000}.workspace-kpi-card small{color:#667085;font-weight:760;line-height:1.6}.workspace-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.workspace-main-column,.workspace-side-column{display:grid;gap:16px}.workspace-side-column{position:sticky;top:172px}.workspace-card{border:1px solid #dfe8f5;background:#fff;border-radius:26px;padding:18px;box-shadow:0 17px 45px rgba(15,23,42,.055);overflow:hidden}.workspace-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.workspace-card-head span{display:inline-flex;color:#1457d9;background:#eef5ff;border:1px solid #dbeafe;border-radius:999px;padding:5px 10px;font-weight:950;font-size:12px}.workspace-card-head h2{margin:5px 0 0;color:#101828;font-size:24px;line-height:1.3}.workspace-card-head.compact h2{font-size:20px}.workspace-card-head a{color:#1457d9;font-weight:1000}.hiring-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hiring-funnel div{position:relative;overflow:hidden;min-height:106px;border:1px solid #e5edf8;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:20px;padding:15px}.hiring-funnel div:after{content:"";position:absolute;inset:auto -32px -38px auto;width:95px;height:95px;border-radius:999px;background:rgba(14,165,233,.09)}.hiring-funnel b{display:block;color:#101828;font-size:32px;line-height:1;font-weight:1000}.hiring-funnel span{display:block;margin-top:8px;color:#667085;font-weight:900}.workspace-list{display:grid;gap:10px}.workspace-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid #edf2f8;background:#fbfdff;border-radius:18px;padding:13px}.workspace-list strong{display:block;color:#101828;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-list small{display:block;color:#667085;font-size:12.5px;font-weight:780;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-metrics{display:flex;gap:8px}.item-metrics span{min-width:84px;border:1px solid #e5edf8;background:#fff;border-radius:14px;padding:8px 10px;text-align:center;color:#667085;font-size:12px;font-weight:850}.item-metrics b{display:block;color:#101828;font-size:18px}.item-actions{display:flex;gap:8px;flex-wrap:wrap}.item-actions a{color:#1457d9;background:#eef5ff;border:1px solid #dbeafe;border-radius:999px;padding:7px 10px;font-size:12.5px;font-weight:1000}.workspace-empty{display:grid;gap:8px;border:1px dashed #c9d7ea;background:#f8fbff;border-radius:20px;padding:18px}.workspace-empty b{color:#101828;font-size:18px}.workspace-empty p{margin:0;color:#667085;font-weight:760;line-height:1.75}.workspace-empty.mini{padding:14px}.workspace-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workspace-shortcuts a{display:grid;gap:8px;align-content:center;min-height:88px;border:1px solid #edf2f8;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:20px;padding:13px;color:#172033}.workspace-shortcuts a:hover{border-color:#bdd3ff;transform:translateY(-1px)}.workspace-shortcuts i{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:#eef5ff;color:#1457d9;font-style:normal;font-weight:1000}.workspace-shortcuts span{font-weight:950}.company-status-stack{display:grid;gap:10px}.company-status-stack a{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf2f8;background:#fbfdff;border-radius:17px;padding:12px;color:#172033}.company-status-stack strong{display:block;font-weight:1000}.company-status-stack small{display:block;color:#667085;font-size:12px;font-weight:780;margin-top:2px}.status-pill.neutral{background:#f2f4f7;color:#475467;border:1px solid #e4e7ec}.status-pill.info{background:#eef5ff;color:#1457d9;border:1px solid #dbeafe}.status-pill.danger{background:#fff1f3;color:#b42318;border:1px solid #fecdd3}.tip-card p{margin:0 0 12px;color:#475467;font-weight:780;line-height:1.8}.resume-profile-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}.profile-avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-size:27px;font-weight:1000;text-transform:uppercase}.resume-profile-row strong{display:block;color:#101828;font-size:22px;font-weight:1000}.resume-profile-row small{display:block;color:#667085;font-weight:760;margin:4px 0 10px}.compact-tags{margin-top:8px}.resume-readiness-bars{display:grid;gap:13px;margin-top:18px}.resume-readiness-bars>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.resume-readiness-bars span{color:#475467;font-weight:900}.resume-readiness-bars b{color:#101828;font-size:18px}.resume-readiness-bars i{grid-column:1 / -1;height:9px;border-radius:999px;background:#eef2f7;overflow:hidden}.resume-readiness-bars em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#0ea5e9,#22c55e)}.workspace-recommendations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.redesigned-applications-card .application-status-grid{margin-top:0}.compact-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.clean-mini-list li{background:#fbfdff!important;border-radius:16px!important}.jobseeker-priorities{grid-template-columns:1fr}.jobseeker-priorities .workspace-priority-card{min-height:96px}.resume-health-card .workspace-health-list{margin-top:2px}@media(max-width:1180px){.workspace-hero{grid-template-columns:1fr}.workspace-health-card{grid-template-columns:260px minmax(0,1fr);align-items:center}.workspace-main-grid{grid-template-columns:1fr}.workspace-side-column{position:static;grid-template-columns:1fr 1fr}.workspace-actions-card{grid-column:1 / -1}.workspace-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-priority-grid,.workspace-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.workspace-page{width:min(100%,94%)!important}.workspace-health-card{grid-template-columns:1fr}.workspace-priority-grid,.workspace-kpi-grid,.hiring-funnel,.workspace-recommendations-grid{grid-template-columns:1fr 1fr}.workspace-list article{grid-template-columns:1fr}.item-metrics{flex-wrap:wrap}.workspace-side-column{grid-template-columns:1fr}.workspace-shortcuts{grid-template-columns:1fr 1fr}.workspace-card-head{display:grid}.employer-panel-nav,.jobseeker-panel-nav{top:72px}}@media(max-width:620px){.workspace-hero{padding:20px;border-radius:26px}.workspace-hero h1{font-size:27px}.workspace-hero-actions .btn{width:100%}.workspace-priority-grid,.workspace-kpi-grid,.hiring-funnel,.workspace-recommendations-grid,.workspace-shortcuts,.workspace-health-list{grid-template-columns:1fr}.workspace-ring{width:138px;height:138px}.workspace-list small{white-space:normal}.company-status-stack a{display:grid}.workspace-kpi-card{min-height:138px}.workspace-card{border-radius:22px;padding:15px}}

/* Phase 9: Resume editor dropdown layer fix
   Keep searchable select menus above sticky action bars and every resume form container. */
.resume-editor-card,
.panel-card.resume-editor-card,
.resume-form,
.resume-wizard-shell,
.resume-wizard-panel,
.resume-wizard-panel.active,
.resume-section,
.resume-form-grid,
.repeat-list,
.repeat-item,
.resume-form label{
  overflow:visible!important;
}
.resume-editor-card,
.resume-form,
.resume-wizard-panel,
.resume-section,
.repeat-item,
.resume-form label{
  position:relative;
}
.resume-form .select-enhanced,
.resume-form .select-field-open{
  position:relative!important;
  z-index:50!important;
  overflow:visible!important;
}
.resume-form .select-enhanced.open,
.resume-form .select-field-open:has(.select-enhanced.open){
  z-index:2147483600!important;
}
.resume-form .select-enhanced.open .select-panel,
.resume-form .select-panel{
  z-index:2147483640!important;
  max-height:min(360px,62vh)!important;
  overflow:hidden!important;
}
.resume-form .select-options{
  max-height:min(270px,48vh)!important;
  overflow-y:auto!important;
}
body.select-layer-active .resume-form.select-layer-active .sticky-save-bar,
body.select-layer-active .resume-form.select-layer-active .resume-wizard-actions{
  z-index:1!important;
  pointer-events:none;
  opacity:.34;
}
body.select-layer-active .resume-form.select-layer-active .select-panel,
body.select-layer-active .resume-form.select-layer-active .select-enhanced.open{
  pointer-events:auto;
}
@media(max-width:760px){
  body.select-layer-active .resume-form.select-layer-active .sticky-save-bar,
  body.select-layer-active .resume-form.select-layer-active .resume-wizard-actions{
    opacity:.18;
  }
  .resume-form .select-panel{
    z-index:2147483640!important;
    max-height:min(72vh,470px)!important;
  }
  .resume-form .select-options{max-height:calc(min(72vh,470px) - 88px)!important}
}

/* Phase 10: Resume dropdown must be fully opaque and appear without translucent action buttons over it */
.resume-form .select-panel,
.resume-form .select-panel *{
  opacity:1!important;
}
.resume-form .select-panel{
  background:#fff!important;
  border-color:#cfe0ff!important;
  box-shadow:0 30px 90px rgba(11,18,32,.28)!important;
  isolation:isolate!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.resume-form .select-search-inside,
.resume-form .select-options,
.resume-form .select-option{
  background:#fff!important;
}
.resume-form .select-option:hover,
.resume-form .select-option:focus{
  background:#eef5ff!important;
}
.resume-form .select-option.selected{
  background:#eaf2ff!important;
}
body.select-layer-active .resume-form.select-layer-active .sticky-save-bar.resume-wizard-actions{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(130%)!important;
  z-index:-1!important;
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease!important;
}

/* Phase 11: premium practical header redesign + resume education Arabic labels */
.site-header.premium-header{z-index:2200!important;background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(214,226,244,.92)!important;box-shadow:0 18px 55px rgba(15,23,42,.075)!important;backdrop-filter:saturate(145%) blur(18px)!important}
.premium-header:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#0b52d9,#16a6ff,#12b886,#0b52d9);opacity:.9}.premium-header .premium-header-inner{position:relative;min-height:78px!important;gap:18px}.premium-brand{min-width:max-content;padding:6px 8px 6px 0;border-radius:22px}.rtl .premium-brand{padding:6px 0 6px 8px}.premium-brand:hover{background:rgba(238,245,255,.7)}.premium-brand .brand-copy{display:grid;gap:2px}.premium-brand-mark{width:48px!important;height:48px!important;border-radius:18px!important;background:linear-gradient(135deg,#061225 0%,#0b52d9 50%,#19c79c 100%)!important;box-shadow:0 18px 38px rgba(11,82,217,.22)!important}.premium-header .brand-text{font-size:24px!important;line-height:1!important;color:#071327!important}.premium-header .brand-sub{font-size:11px!important;color:#667085!important;font-weight:900!important}.premium-main-nav{display:flex!important;align-items:center;justify-content:space-between;gap:14px;flex:1;min-width:0}.nav-links-primary{display:flex;align-items:center;gap:5px;min-width:0}.nav-actions{display:flex;align-items:center;gap:8px;min-width:max-content}.premium-header .nav-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px!important;border-radius:15px!important;color:#26364f!important;font-weight:900!important;font-size:14.5px!important;border:1px solid transparent;white-space:nowrap}.premium-header .nav-pill:hover{background:#eef5ff!important;color:#0b52d9!important;border-color:#dbeafe!important;transform:translateY(-1px)}.header-search-chip{display:inline-flex!important;align-items:center;gap:7px;min-height:42px;padding:8px 12px!important;border-radius:999px!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;border:1px solid #dbe7f6!important;color:#0b52d9!important;font-weight:950!important;font-size:13.5px!important;box-shadow:0 10px 24px rgba(15,23,42,.045)}.header-search-chip:hover{background:#eaf3ff!important;border-color:#bdd4ff!important}.chip-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:#edf5ff;color:#0b52d9;font-size:17px;line-height:1}.auth-actions{display:flex;align-items:center;gap:7px}.auth-actions a{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;border-radius:14px!important;padding:8px 12px!important;font-weight:950!important}.auth-actions .login-link{color:#0b52d9!important;background:#f7fbff!important;border:1px solid #dbe7f6!important}.auth-actions .register-link{color:#fff!important;background:linear-gradient(135deg,#061225,#0b52d9)!important;border:1px solid transparent!important;box-shadow:0 12px 24px rgba(11,82,217,.18)}.premium-lang-switch{min-height:40px!important;border-radius:14px!important;background:#fff!important;border:1px solid #dbe7f6!important;color:#0b52d9!important;padding:8px 11px!important}.premium-post-btn{min-height:42px!important;border-radius:15px!important;background:linear-gradient(135deg,#0b52d9,#0ea5ff)!important;box-shadow:0 14px 28px rgba(11,82,217,.22)!important;padding-inline:15px!important}.premium-user-menu{position:relative;z-index:2300}.premium-user-trigger{min-height:44px!important;border-radius:999px!important;border:1px solid #dbe7f6!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;padding:5px 8px!important;box-shadow:0 12px 26px rgba(15,23,42,.06)!important}.premium-avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#0b52d9,#19c79c);color:#fff;display:grid;place-items:center;font-weight:1000}.premium-user-copy{display:grid;text-align:start;line-height:1.15;min-width:0}.premium-user-copy small{font-size:10.5px;color:#667085;font-weight:900;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-user-copy .header-user-name{max-width:126px;font-size:13.5px;color:#101828}.dropdown-caret{color:#667085;font-weight:1000}.premium-user-dropdown{z-index:2400!important;border-radius:20px!important;border:1px solid #dbe7f6!important;box-shadow:0 30px 70px rgba(15,23,42,.18)!important;padding:9px!important}.premium-user-dropdown:before{content:"";position:absolute;inset:auto 18px 100% auto;border:9px solid transparent;border-bottom-color:#fff}.rtl .premium-user-dropdown:before{inset:auto auto 100% 18px}.premium-user-dropdown a,.premium-user-dropdown button{font-weight:900!important;border-radius:14px!important}.premium-menu-toggle{display:none!important;position:relative;border-radius:16px!important;background:#fff!important;border:1px solid #dbe7f6!important;box-shadow:0 10px 24px rgba(15,23,42,.06)}.premium-menu-toggle span{display:block;width:20px;height:2px;border-radius:99px;background:#0b52d9;margin:3px 0}
@media(max-width:1240px){.premium-header .nav-pill{padding-inline:10px!important;font-size:14px!important}.header-search-chip span:not(.chip-icon){display:none}.premium-user-copy .header-user-name{max-width:92px}.premium-post-btn{padding-inline:12px!important}}
@media(max-width:1120px){.premium-header .premium-menu-toggle{display:inline-grid!important;place-items:center}.premium-header .premium-main-nav{position:absolute!important;inset:calc(100% + 10px) 3% auto 3%!important;display:none!important;background:rgba(255,255,255,.98)!important;border:1px solid #dbe7f6!important;border-radius:24px!important;padding:14px!important;box-shadow:0 26px 80px rgba(15,23,42,.18)!important;z-index:2300!important}.premium-header .premium-main-nav.open{display:grid!important;gap:12px}.nav-links-primary,.nav-actions{display:grid!important;grid-template-columns:1fr;gap:8px;min-width:0}.premium-header .nav-pill,.header-search-chip,.auth-actions a,.premium-lang-switch,.premium-post-btn{width:100%!important;justify-content:center!important}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.premium-user-menu,.premium-user-trigger{width:100%}.premium-user-trigger{justify-content:flex-start!important}.premium-user-dropdown{position:static!important;display:none;margin-top:8px}.premium-user-menu:hover .premium-user-dropdown,.premium-user-menu:focus-within .premium-user-dropdown{display:grid!important}.premium-user-dropdown:before{display:none}.premium-user-copy .header-user-name,.premium-user-copy small{max-width:none}.header-search-chip span:not(.chip-icon){display:inline}.premium-header .header-inner{min-height:66px!important}}
@media(max-width:640px){.premium-brand-mark{width:42px!important;height:42px!important;border-radius:15px!important}.premium-header .brand-text{font-size:21px!important}.premium-header .brand-sub{display:none!important}.premium-header .premium-main-nav{inset-inline:2%!important;border-radius:20px!important}.auth-actions{grid-template-columns:1fr}.premium-post-btn{white-space:normal!important}.premium-header .container{width:min(100%,94%)}}


/* Phase 12: keep header user menu open while moving from trigger to dropdown */
.header-user-menu{position:relative}
.header-user-menu::after{
  content:"";
  position:absolute;
  inset-inline-end:0;
  top:100%;
  width:100%;
  min-width:230px;
  height:18px;
  z-index:2399;
  pointer-events:auto;
}
.header-user-menu:hover .header-user-dropdown,
.header-user-menu:focus-within .header-user-dropdown,
.header-user-menu.is-open .header-user-dropdown{
  display:grid!important;
  gap:3px;
}
.premium-user-dropdown,
.header-user-dropdown{
  top:calc(100% + 8px)!important;
}
@media(max-width:1120px){
  .header-user-menu::after{display:none!important}
  .premium-user-dropdown,
  .header-user-dropdown{top:auto!important}
}

/* Phase 23: AI Job Creation Wizard */
.ai-job-wizard-page .panel-nav,
.ai-job-preview-page .panel-nav{margin-bottom:1rem}.aiw-hero,.aiw-preview-hero{display:flex;justify-content:space-between;gap:1.2rem;align-items:center;background:linear-gradient(135deg,#ffffff,#eef5ff)}.aiw-hero h1,.aiw-preview-hero h1{margin:.2rem 0 .45rem;font-size:clamp(1.6rem,3vw,2.4rem)}.aiw-usage{min-width:150px;padding:1rem;border-radius:22px;background:#0b52d9;color:#fff;text-align:center;box-shadow:0 18px 40px rgba(11,82,217,.22)}.aiw-usage strong{display:block;font-size:2rem;line-height:1}.aiw-usage span{font-size:.9rem;opacity:.92}.aiw-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem;align-items:start}.aiw-steps{position:sticky;top:92px;display:grid;gap:.7rem}.aiw-steps button{border:1px solid rgba(15,45,90,.1);background:#fff;border-radius:18px;padding:.9rem 1rem;display:flex;gap:.75rem;align-items:center;text-align:start;color:#334155;cursor:pointer;box-shadow:0 12px 28px rgba(30,55,90,.06)}.aiw-steps button span{display:grid;place-items:center;width:32px;height:32px;border-radius:12px;background:#eef4ff;color:#0b52d9;font-weight:800}.aiw-steps button.active{border-color:#0b52d9;background:#f7fbff;color:#0b52d9;transform:translateY(-1px)}.aiw-form{overflow:visible}.aiw-step{display:grid;gap:1rem}.aiw-step[hidden]{display:none}.aiw-title-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:-.4rem}.aiw-title-chip,.aiw-select-chip{border:1px solid rgba(15,45,90,.12);background:#fff;border-radius:999px;padding:.55rem .8rem;cursor:pointer;color:#334155;font-weight:650;transition:.18s ease}.aiw-title-chip:hover,.aiw-select-chip:hover{border-color:#0b52d9;color:#0b52d9;background:#f4f8ff}.aiw-select-chip{display:inline-flex;align-items:center;gap:.45rem}.aiw-select-chip input{position:absolute;opacity:0;pointer-events:none}.aiw-select-chip.selected{background:#0b52d9;color:#fff;border-color:#0b52d9;box-shadow:0 12px 24px rgba(11,82,217,.2)}.aiw-suggestion-block{border:1px solid rgba(15,45,90,.1);border-radius:22px;padding:1rem;background:#fbfdff}.aiw-suggestion-block h3{margin:0 0 .75rem;font-size:1rem}.aiw-chip-grid{display:flex;flex-wrap:wrap;gap:.55rem}.aiw-add-other{margin-top:.8rem;display:grid;gap:.35rem}.aiw-add-other span{font-size:.9rem;color:#64748b}.aiw-salary-extra[hidden]{display:none}.aiw-final-note{border-radius:20px;background:#f0f7ff;border:1px solid rgba(11,82,217,.12);padding:1rem}.aiw-final-note p{margin:.25rem 0 0;color:#526276}.aiw-actions{position:sticky;bottom:12px;z-index:20;margin-top:1rem;display:flex;justify-content:flex-end;gap:.65rem;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid rgba(15,45,90,.1);padding:.75rem;border-radius:20px;box-shadow:0 16px 36px rgba(25,45,80,.12)}.aiw-inline-launch{margin-top:.8rem;display:inline-flex}.aiw-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}.aiw-preview-card h2{font-size:clamp(1.35rem,2.4vw,2rem);margin:0 0 1rem;color:#0f2445}.aiw-preview-section{padding:1rem 0;border-top:1px solid rgba(15,45,90,.1)}.aiw-preview-section h3{margin:0 0 .55rem;color:#0b52d9}.aiw-preview-text{line-height:1.9;color:#26364d}.aiw-preview-side{position:sticky;top:92px}.aiw-preview-side .full{width:100%;justify-content:center}.aiw-regenerate-form{margin-block:1rem;padding-block:1rem;border-top:1px solid rgba(15,45,90,.1);border-bottom:1px solid rgba(15,45,90,.1)}.aiw-quality-notes{margin-top:1rem;padding:1rem;border-radius:18px;background:#f8fafc}.aiw-quality-notes ul{margin:.65rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}.aiw-quality-notes li:before{content:'○';color:#94a3b8;margin-inline-end:.45rem}.aiw-quality-notes li.done:before{content:'✓';color:#16a34a}.aiw-preview-score{min-width:160px}@media(max-width:900px){.aiw-shell,.aiw-preview-grid{grid-template-columns:1fr}.aiw-steps,.aiw-preview-side{position:static}.aiw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.aiw-hero,.aiw-preview-hero{align-items:flex-start;flex-direction:column}.aiw-actions{flex-wrap:wrap;justify-content:stretch}.aiw-actions .btn{flex:1 1 45%}}@media(max-width:560px){.aiw-steps{grid-template-columns:1fr}.aiw-actions .btn{flex:1 1 100%}.aiw-usage{width:100%}}

/* Phase 24: Professional step-by-step AI Job Wizard */
.ai-job-wizard-pro .aiw-pro-hero{border:1px solid rgba(11,82,217,.12);background:radial-gradient(circle at top right,rgba(11,82,217,.13),transparent 38%),linear-gradient(135deg,#fff,#f5f9ff)}
.ai-job-wizard-pro .aiw-pro-hero h1{max-width:780px}.ai-job-wizard-pro .aiw-pro-hero .muted{max-width:850px}.aiw-pro-shell{display:block!important}.aiw-pro-form{display:grid;gap:1rem}.aiw-pro-progress-card{display:grid;gap:.9rem;padding:1rem 1.15rem}.aiw-progress-meta{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.aiw-current-badge{display:inline-flex;align-items:center;gap:.45rem;background:#0b52d9;color:#fff;border-radius:999px;padding:.45rem .8rem;font-weight:800;font-size:.9rem}.aiw-estimate{color:#64748b;font-weight:650;font-size:.92rem}.aiw-progress-bar{height:10px;background:#eaf1fb;border-radius:999px;overflow:hidden}.aiw-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#0b52d9,#20a7ff);border-radius:999px;transition:width .25s ease}.aiw-current-copy h2{margin:.1rem 0 .25rem;font-size:clamp(1.25rem,2.2vw,1.8rem);color:#0f2445}.aiw-current-copy p{margin:0;color:#64748b}.aiw-pro-track{position:static!important;top:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.aiw-pro-track button{box-shadow:none!important;border-radius:16px!important;min-height:58px;background:#fff!important;position:relative;overflow:hidden}.aiw-pro-track button b{font-size:.9rem;line-height:1.25}.aiw-pro-track button span{flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:10px!important}.aiw-pro-track button.active{background:#f4f8ff!important;border-color:#0b52d9!important;color:#0b52d9!important}.aiw-pro-track button.done{border-color:rgba(22,163,74,.3)!important;background:#f0fdf4!important;color:#166534!important}.aiw-pro-track button.done span{background:#16a34a!important;color:#fff!important}.aiw-pro-track button.locked{opacity:.55;cursor:not-allowed}.aiw-pro-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem;align-items:start}.aiw-form-card{overflow:visible;min-height:520px;padding:1.2rem}.aiw-form-card .aiw-step{display:none!important;animation:aiwStepIn .22s ease}.aiw-form-card .aiw-step.active{display:grid!important;gap:1rem}.aiw-form-card .aiw-step[hidden]{display:none!important}.aiw-step-kicker{display:inline-flex;margin-bottom:.4rem;color:#0b52d9;background:#eef5ff;padding:.3rem .65rem;border-radius:999px;font-size:.82rem;font-weight:800}.aiw-smart-suggestions{display:grid;gap:.55rem;border:1px dashed rgba(11,82,217,.22);border-radius:18px;padding:.8rem;background:#fbfdff}.aiw-smart-suggestions>span{font-size:.9rem;color:#64748b;font-weight:750}.aiw-helper-card{position:sticky;top:92px;display:grid;gap:1rem}.aiw-helper-card h3{margin:.15rem 0 0;color:#0f2445}.aiw-live-summary{display:grid;gap:.7rem;margin:0}.aiw-live-summary div{padding:.75rem;border:1px solid rgba(15,45,90,.08);border-radius:16px;background:#fbfdff}.aiw-live-summary dt{font-size:.78rem;color:#64748b;margin-bottom:.2rem;font-weight:800}.aiw-live-summary dd{margin:0;color:#0f2445;font-weight:800;line-height:1.45}.aiw-helper-tip{border-radius:18px;padding:.9rem;background:#fff7ed;border:1px solid rgba(245,158,11,.25);color:#7c2d12}.aiw-helper-tip p{margin:.3rem 0 0;line-height:1.65}.aiw-pro-actions{position:sticky;bottom:12px;z-index:30;margin-top:0}.aiw-pro-actions [data-aiw-next],.aiw-pro-actions [data-aiw-submit]{min-width:150px}.aiw-step-error{border:1px solid rgba(220,38,38,.22)!important;box-shadow:0 0 0 4px rgba(220,38,38,.07)!important}.aiw-inline-error{display:none;margin:.35rem 0 0;color:#b91c1c;font-size:.88rem;font-weight:700}.aiw-inline-error.show{display:block}.aiw-suggestion-block{transition:box-shadow .18s ease,transform .18s ease}.aiw-suggestion-block:focus-within{box-shadow:0 12px 30px rgba(11,82,217,.08);transform:translateY(-1px)}@keyframes aiwStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.aiw-pro-grid{grid-template-columns:1fr}.aiw-helper-card{position:static;order:-1}.aiw-live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.aiw-pro-track{grid-template-columns:1fr 1fr}.aiw-progress-meta{align-items:flex-start}.aiw-pro-actions{flex-wrap:wrap;justify-content:stretch}.aiw-pro-actions .btn{flex:1 1 45%}.aiw-form-card{min-height:auto;padding:1rem}}@media(max-width:520px){.aiw-pro-track{grid-template-columns:1fr}.aiw-live-summary{grid-template-columns:1fr}.aiw-pro-actions .btn{flex:1 1 100%}}

/* Phase 25: Focused card-based AI Job Wizard */
.ai-job-wizard-focus .panel-nav{margin-bottom:1rem}
.aiw-focus-hero{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;border:1px solid rgba(11,82,217,.12);background:radial-gradient(circle at top right,rgba(11,82,217,.14),transparent 35%),linear-gradient(135deg,#fff,#f5f9ff)}
.aiw-focus-hero h1{margin:.2rem 0 .45rem;font-size:clamp(1.7rem,3vw,2.5rem);color:#0f2445}.aiw-focus-hero p{max-width:850px}.aiw-focus-usage{min-width:150px;padding:1rem;border-radius:24px;text-align:center;color:#fff;background:linear-gradient(135deg,#0b52d9,#178bff);box-shadow:0 22px 50px rgba(11,82,217,.22)}.aiw-focus-usage strong{display:block;font-size:2rem;line-height:1}.aiw-focus-usage span{font-size:.88rem;opacity:.92}.aiw-focus-shell{margin-top:1rem}.aiw-focus-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem;align-items:start}.aiw-focus-side{position:sticky;top:92px;display:grid;gap:1rem}.aiw-focus-progress-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:850;color:#0f2445}.aiw-focus-progress-head span{display:inline-flex;background:#eef5ff;color:#0b52d9;border-radius:999px;padding:.45rem .75rem}.aiw-focus-mini-steps{list-style:none;padding:0;margin:0;display:grid;gap:.45rem;max-height:360px;overflow:auto}.aiw-focus-mini-steps li{display:flex;align-items:center;gap:.6rem;border:1px solid rgba(15,45,90,.08);border-radius:14px;padding:.55rem .65rem;color:#64748b;background:#fff}.aiw-focus-mini-steps li span{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#eef4ff;color:#0b52d9;font-size:.8rem;font-weight:900}.aiw-focus-mini-steps li.active{border-color:#0b52d9;background:#f6f9ff;color:#0b52d9}.aiw-focus-mini-steps li.done{background:#f0fdf4;border-color:rgba(22,163,74,.25);color:#166534}.aiw-focus-mini-steps li.done span{background:#16a34a;color:#fff}.aiw-focus-mini-steps li b{font-size:.88rem;line-height:1.25}.aiw-focus-summary{display:grid;gap:.75rem}.aiw-focus-summary dl{display:grid;gap:.55rem;margin:0}.aiw-focus-summary div{border:1px solid rgba(15,45,90,.08);border-radius:16px;background:#fbfdff;padding:.72rem}.aiw-focus-summary dt{font-size:.76rem;color:#64748b;font-weight:850;margin-bottom:.2rem}.aiw-focus-summary dd{margin:0;color:#0f2445;font-weight:850;line-height:1.4}.aiw-focus-main{min-height:650px;display:grid;grid-template-rows:1fr auto;overflow:visible;padding:1.25rem}.aiw-focus-step{display:none;animation:aiwStepIn .22s ease}.aiw-focus-step.active{display:grid;gap:1rem}.aiw-focus-step[hidden]{display:none!important}.aiw-focus-question{text-align:center;max-width:760px;margin:0 auto .35rem}.aiw-focus-question span{display:inline-flex;border-radius:999px;background:#eef5ff;color:#0b52d9;padding:.33rem .7rem;font-weight:900;font-size:.83rem}.aiw-focus-question h2{font-size:clamp(1.45rem,2.7vw,2.25rem);margin:.65rem 0 .35rem;color:#0f2445}.aiw-focus-question p{margin:0;color:#64748b;line-height:1.7}.aiw-choice-search-wrap{display:flex;gap:.6rem;max-width:760px;margin:0 auto;width:100%}.aiw-choice-search-wrap input,.aiw-single-input-card input,.aiw-final-fields input,.aiw-final-fields textarea,.aiw-salary-panel input{width:100%;border:1px solid rgba(15,45,90,.12);background:#fff;border-radius:18px;padding:.9rem 1rem;outline:none;box-shadow:0 12px 28px rgba(30,55,90,.05)}.aiw-choice-search-wrap input:focus,.aiw-single-input-card input:focus,.aiw-final-fields input:focus,.aiw-final-fields textarea:focus,.aiw-salary-panel input:focus{border-color:#0b52d9;box-shadow:0 0 0 4px rgba(11,82,217,.08)}.aiw-title-search-wrap .btn{white-space:nowrap}.aiw-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;align-content:start;max-height:430px;overflow:auto;padding:.15rem}.aiw-choice-card{border:1px solid rgba(15,45,90,.1);background:linear-gradient(180deg,#fff,#fbfdff);border-radius:20px;padding:1rem;min-height:76px;text-align:start;cursor:pointer;color:#0f2445;box-shadow:0 14px 30px rgba(30,55,90,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.aiw-choice-card:hover,.aiw-choice-card:focus{transform:translateY(-2px);border-color:#0b52d9;box-shadow:0 18px 44px rgba(11,82,217,.12);outline:none}.aiw-choice-card.selected{background:linear-gradient(135deg,#0b52d9,#1687ff);border-color:#0b52d9;color:#fff;box-shadow:0 18px 44px rgba(11,82,217,.24)}.aiw-choice-card .aiw-card-title{display:block;font-weight:900;line-height:1.35}.aiw-choice-card small{display:block;margin-top:.35rem;color:inherit;opacity:.72;line-height:1.45}.aiw-empty-state{grid-column:1/-1;border:1px dashed rgba(15,45,90,.18);border-radius:20px;background:#fbfdff;padding:1.2rem;text-align:center;color:#64748b;font-weight:750}.aiw-single-input-card,.aiw-add-custom-card{max-width:720px;margin:0 auto;width:100%}.aiw-multi-grid .aiw-multi-card{position:relative;padding-inline-start:2.8rem}.aiw-multi-card input{position:absolute;inset-inline-start:1rem;top:1.15rem;width:18px;height:18px;accent-color:#0b52d9}.aiw-multi-card.selected input{accent-color:#fff}.aiw-salary-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;max-width:760px;margin:0 auto}.aiw-salary-panel[hidden]{display:none!important}.aiw-final-fields{display:grid;gap:.75rem;max-width:780px;margin:0 auto;width:100%}.aiw-final-fields textarea{resize:vertical}.aiw-final-note{max-width:780px;margin:0 auto;border-radius:20px;background:#f0f7ff;border:1px solid rgba(11,82,217,.12);padding:1rem}.aiw-final-note p{margin:.25rem 0 0;color:#526276}.aiw-step-alert{display:none;max-width:760px;margin:0 auto;border:1px solid rgba(220,38,38,.22);background:#fff1f2;color:#b91c1c;border-radius:16px;padding:.75rem 1rem;font-weight:850}.aiw-step-alert.show{display:block}.aiw-focus-actions{position:sticky;bottom:12px;z-index:35;display:flex;gap:.65rem;justify-content:flex-end;align-items:center;margin-top:1rem;padding:.75rem;border:1px solid rgba(15,45,90,.1);border-radius:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 16px 36px rgba(25,45,80,.12)}.aiw-focus-actions .btn{min-width:112px}.aiw-focus-actions [data-aiw-next],.aiw-focus-actions [data-aiw-submit]{min-width:150px}.aiw-focus-step .check{max-width:780px;margin:0 auto;width:100%;display:flex;align-items:center;gap:.5rem}.aiw-focus-step .check input{width:auto}.aiw-choice-card[hidden]{display:none!important}@media(max-width:1120px){.aiw-focus-layout{grid-template-columns:1fr}.aiw-focus-side{position:static;order:2}.aiw-focus-main{min-height:auto}.aiw-focus-mini-steps{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;max-height:none}.aiw-focus-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.aiw-focus-hero{flex-direction:column;align-items:flex-start}.aiw-focus-usage{width:100%}}@media(max-width:720px){.aiw-focus-main{padding:1rem}.aiw-card-grid{grid-template-columns:1fr;max-height:none}.aiw-choice-search-wrap{flex-direction:column}.aiw-focus-actions{flex-wrap:wrap;justify-content:stretch}.aiw-focus-actions .btn{flex:1 1 45%;min-width:0}.aiw-focus-mini-steps,.aiw-focus-summary dl,.aiw-salary-panel{grid-template-columns:1fr}.aiw-focus-question{text-align:start}.aiw-focus-hero h1{font-size:1.55rem}}@media(max-width:460px){.aiw-focus-actions .btn{flex:1 1 100%}}

/* Phase 26: Smart AI job templates */
.aiw-template-insight{margin-top:16px;padding:14px;border:1px solid rgba(37,99,235,.18);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(16,185,129,.08));box-shadow:0 10px 30px rgba(15,23,42,.05)}
.aiw-template-insight span{display:block;font-size:.78rem;color:#2563eb;font-weight:800;margin-bottom:4px}
.aiw-template-insight strong{display:block;font-size:1.02rem;color:#0f172a;margin-bottom:5px}
.aiw-template-insight p{margin:0;color:#64748b;font-size:.86rem;line-height:1.65}
.ai-template-layout{align-items:start;grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr)}
.ai-template-form-card textarea{min-height:150px;resize:vertical;line-height:1.65}
.ai-template-form-card select,.ai-template-form-card input,.ai-template-form-card textarea,.ai-template-filter input,.ai-template-filter select{width:100%}
.ai-template-help-card{position:sticky;top:96px}
.ai-template-help-card p{color:#64748b;line-height:1.8}
.clean-list{margin:12px 0 0;padding-inline-start:20px;color:#475569;line-height:1.9}
.template-active-check{align-self:end;min-height:44px;padding:10px 12px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#f8fafc}
.template-textareas{margin-top:8px}
.ai-template-table .actions-cell{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ai-template-table .actions-cell form{display:inline-flex;margin:0}
.btn.tiny{padding:6px 10px;font-size:.78rem;border-radius:999px}
.btn.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}
@media(max-width:980px){.ai-template-layout{grid-template-columns:1fr}.ai-template-help-card{position:static}.ai-template-table .actions-cell{display:block}.ai-template-table .actions-cell>*{margin:3px 0}}

/* Phase 27: AI wizard autosave and drafts UX */
.aiw-resume-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;border:1px solid rgba(37,99,235,.14);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.06));}
.aiw-resume-banner.active{background:linear-gradient(135deg,rgba(16,185,129,.10),rgba(37,99,235,.05));}
.aiw-resume-banner h2{margin:.25rem 0 .35rem;font-size:1.25rem;}
.aiw-resume-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.aiw-autosave-status{margin:10px 0 12px;padding:8px 10px;border-radius:14px;background:rgba(15,23,42,.05);font-size:.82rem;color:var(--muted,#64748b);}
.aiw-autosave-status[data-state="saving"],.aiw-autosave-status[data-state="pending"]{background:rgba(245,158,11,.12);color:#92400e;}
.aiw-autosave-status[data-state="saved"]{background:rgba(16,185,129,.12);color:#047857;}
.aiw-autosave-status[data-state="error"]{background:rgba(239,68,68,.10);color:#b91c1c;}
.ai-job-drafts-page .aiw-drafts-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;}
.aiw-drafts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;}
.aiw-draft-card{display:flex;flex-direction:column;gap:12px;min-height:230px;}
.aiw-draft-card h2{font-size:1.1rem;line-height:1.45;margin:0;}
.aiw-draft-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700;background:rgba(15,23,42,.07);color:#334155;}
.status-pill.draft{background:rgba(245,158,11,.14);color:#92400e;}
.status-pill.generated,.status-pill.regenerated{background:rgba(37,99,235,.12);color:#1d4ed8;}
.status-pill.used{background:rgba(16,185,129,.13);color:#047857;}
.aiw-draft-meta{display:grid;gap:4px;font-size:.82rem;color:var(--muted,#64748b);margin-top:auto;}
.aiw-draft-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.aiw-draft-actions form{margin:0;}
@media (max-width:760px){.aiw-resume-banner,.ai-job-drafts-page .aiw-drafts-hero{align-items:flex-start;flex-direction:column}.aiw-resume-actions{justify-content:flex-start}.aiw-resume-actions .btn,.ai-job-drafts-page .aiw-drafts-hero .btn{width:100%;}}

/* Phase 29: AI Wizard quality score and template admin optimization */
.aiw-readiness-card,
.aiw-final-quality-panel,
.aiw-preview-warning {
  border: 1px solid rgba(15,23,42,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 12px 28px rgba(15,23,42,.06);
}
.aiw-readiness-head,
.aiw-final-quality-score {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.aiw-readiness-head span,
.aiw-final-quality-score span {
  color:#64748b;
  font-weight:700;
  font-size:.88rem;
}
.aiw-readiness-head strong,
.aiw-final-quality-score strong {
  font-size:1.35rem;
  color:#0f172a;
}
.aiw-readiness-bar {
  height:9px;
  border-radius:999px;
  background:#e2e8f0;
  overflow:hidden;
  margin-bottom:10px;
}
.aiw-readiness-bar i {
  display:block;
  height:100%;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg,#0ea5e9,#22c55e);
  transition:width .25s ease;
}
.aiw-readiness-card ul,
.aiw-final-quality-panel ul,
.aiw-quality-notes ul {
  margin:0;
  padding-inline-start:18px;
  color:#475569;
  font-size:.9rem;
}
.aiw-final-quality-panel {
  margin-top:16px;
}
.aiw-preview-warning {
  background:linear-gradient(180deg,#fff7ed,#fff);
  border-color:rgba(249,115,22,.25);
  color:#7c2d12;
  margin:14px 0;
}
.ai-template-filter.enhanced {
  grid-template-columns: minmax(220px,2fr) repeat(5,minmax(130px,1fr)) auto;
  align-items:end;
}
.ai-template-results-meta {
  margin:10px 0 16px;
  color:#64748b;
  font-size:.92rem;
}
.ai-template-pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:16px;
}
.ai-template-pagination span {
  color:#475569;
  font-weight:700;
}
@media (max-width: 900px) {
  .ai-template-filter.enhanced { grid-template-columns:1fr; }
}

/* Phase 30: template-role wizard refinement */
.ai-job-wizard-v30 .aiw-v30-hero{background:linear-gradient(135deg,#ffffff,#f7fbff);border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 55px rgba(15,23,42,.08)}
.ai-job-wizard-v30 .aiw-v30-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:22px;align-items:start}
.ai-job-wizard-v30 .aiw-v30-main{min-height:590px;padding:0;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdff)}
.ai-job-wizard-v30 .aiw-focus-step{padding:30px;min-height:500px}
.ai-job-wizard-v30 .aiw-focus-question{max-width:920px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.18)}
.ai-job-wizard-v30 .aiw-focus-question span{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#eef6ff;color:#0b5fb3;font-weight:800;font-size:.82rem;margin-bottom:12px}
.ai-job-wizard-v30 .aiw-focus-question h2{font-size:clamp(1.45rem,2.3vw,2.35rem);line-height:1.25;margin:0 0 8px;color:#0f172a}
.ai-job-wizard-v30 .aiw-focus-question p{font-size:1rem;color:#64748b;margin:0;max-width:760px}
.ai-job-wizard-v30 .aiw-choice-search-wrap{position:relative;margin-bottom:18px;max-width:760px}
.ai-job-wizard-v30 .aiw-choice-search{width:100%;height:52px;border-radius:18px;border:1px solid #dbe7f3;background:#fff;padding:0 18px;font-size:1rem;box-shadow:0 10px 25px rgba(15,23,42,.045)}
.ai-job-wizard-v30 .aiw-v30-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;align-items:stretch}
.ai-job-wizard-v30 .aiw-choice-card{min-height:92px;text-align:inherit;border:1px solid #e2e8f0;background:#fff;border-radius:20px;padding:16px 17px;box-shadow:0 10px 24px rgba(15,23,42,.045);transition:.18s ease;display:flex;flex-direction:column;justify-content:center;gap:7px;color:#0f172a}
.ai-job-wizard-v30 .aiw-choice-card:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 16px 34px rgba(37,99,235,.12)}
.ai-job-wizard-v30 .aiw-choice-card.selected{border-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#ffffff);box-shadow:0 18px 42px rgba(37,99,235,.15)}
.ai-job-wizard-v30 .aiw-card-title{font-weight:900;font-size:1rem;line-height:1.35}
.ai-job-wizard-v30 .aiw-choice-card small{font-size:.82rem;color:#64748b;line-height:1.35}
.ai-job-wizard-v30 .aiw-empty-state{grid-column:1/-1;padding:28px;border-radius:22px;border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b;text-align:center;font-weight:800}
.ai-job-wizard-v30 .aiw-focus-side{position:sticky;top:92px;max-height:calc(100vh - 116px);overflow:auto}
.ai-job-wizard-v30 .aiw-focus-mini-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:16px 0;padding:0;list-style:none}
.ai-job-wizard-v30 .aiw-focus-mini-steps li{display:flex;align-items:center;gap:7px;border:1px solid #e2e8f0;border-radius:14px;padding:8px;background:#fff;color:#64748b;font-size:.78rem}
.ai-job-wizard-v30 .aiw-focus-mini-steps li span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#334155;font-weight:900;font-size:.75rem;flex:none}
.ai-job-wizard-v30 .aiw-focus-mini-steps li.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.ai-job-wizard-v30 .aiw-focus-mini-steps li.done span{background:#16a34a;color:white}
.ai-job-wizard-v30 .aiw-template-insight{border-radius:18px;background:#ecfdf5;border:1px solid #bbf7d0;padding:14px;margin-top:14px;color:#166534}
.ai-job-wizard-v30 .aiw-template-insight span{font-weight:800;font-size:.82rem;display:block;margin-bottom:4px}.ai-job-wizard-v30 .aiw-template-insight strong{display:block;font-size:1rem;color:#14532d}.ai-job-wizard-v30 .aiw-template-insight p{margin:6px 0 0;color:#166534;font-size:.86rem}
.ai-job-wizard-v30 .aiw-focus-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:18px 24px;border-top:1px solid #e2e8f0;background:#fff;position:sticky;bottom:0;z-index:5;flex-wrap:wrap}
.ai-job-wizard-v30 .aiw-single-input-card textarea,.ai-job-wizard-v30 .aiw-single-input-card input{width:100%;border:1px solid #dbe7f3;border-radius:20px;padding:18px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.045);font-size:1rem}
.ai-job-wizard-v30 .aiw-multi-grid .aiw-choice-card{min-height:78px}
@media (max-width: 980px){.ai-job-wizard-v30 .aiw-v30-layout{grid-template-columns:1fr}.ai-job-wizard-v30 .aiw-focus-side{position:relative;top:auto;max-height:none}.ai-job-wizard-v30 .aiw-focus-step{padding:22px;min-height:auto}.ai-job-wizard-v30 .aiw-v30-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ai-job-wizard-v30 .aiw-focus-mini-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 560px){.ai-job-wizard-v30 .aiw-v30-card-grid{grid-template-columns:1fr}.ai-job-wizard-v30 .aiw-focus-mini-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-job-wizard-v30 .aiw-focus-actions{justify-content:stretch}.ai-job-wizard-v30 .aiw-focus-actions .btn{flex:1 1 auto}}

/* Phase 31: AI Wizard QA fallbacks and final UX polish */
.ai-job-wizard-v31 .aiw-v31-layout{
  grid-template-columns:minmax(300px,360px) minmax(0,1fr);
}
.ai-job-wizard-v31 .aiw-v31-main{
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 24px 70px rgba(15,23,42,.08);
}
.ai-job-wizard-v31 .aiw-v30-card-grid{
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  grid-auto-rows:1fr;
}
.ai-job-wizard-v31 .aiw-choice-card{
  min-height:104px;
  align-items:flex-start;
}
.ai-job-wizard-v31 .aiw-choice-card .aiw-card-title{
  font-size:1.03rem;
}
.ai-job-wizard-v31 .aiw-choice-card[hidden],
.ai-job-wizard-v31 .aiw-role-fallback[hidden],
.ai-job-wizard-v31 .aiw-empty-state[hidden]{
  display:none!important;
}
.ai-job-wizard-v31 .aiw-role-fallback{
  display:grid;
  grid-template-columns:minmax(230px,.8fr) minmax(320px,1.2fr);
  gap:18px;
  align-items:center;
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(37,99,235,.18);
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  border-radius:24px;
  box-shadow:0 16px 40px rgba(37,99,235,.10);
}
.ai-job-wizard-v31 .aiw-role-fallback strong{
  display:block;
  color:#0f172a;
  font-size:1.06rem;
  margin-bottom:6px;
}
.ai-job-wizard-v31 .aiw-role-fallback p{
  color:#64748b;
  line-height:1.7;
  margin:0;
}
.ai-job-wizard-v31 .aiw-role-fallback-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}
.ai-job-wizard-v31 .aiw-role-fallback-actions .aiw-choice-search{
  margin:0;
  max-width:none;
}
.ai-job-wizard-v31 .aiw-filter-empty{
  grid-column:1/-1;
  margin-top:4px;
}
.ai-job-wizard-v31 .aiw-step-alert{
  margin:0 0 18px;
  padding:12px 14px;
  border-radius:16px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  font-weight:800;
  display:none;
}
.ai-job-wizard-v31 .aiw-step-alert.show{display:block;}
.ai-job-preview-page .aiw-preview-facts{
  margin:14px 0;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(37,99,235,.14);
  background:linear-gradient(180deg,#f8fbff,#fff);
}
.ai-job-preview-page .aiw-preview-facts>strong{
  display:block;
  margin-bottom:10px;
  color:#0f172a;
}
.ai-job-preview-page .aiw-preview-facts dl{
  display:grid;
  gap:8px;
  margin:0 0 12px;
}
.ai-job-preview-page .aiw-preview-facts dl div{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:8px;
  align-items:start;
}
.ai-job-preview-page .aiw-preview-facts dt{
  color:#64748b;
  font-size:.84rem;
  font-weight:800;
}
.ai-job-preview-page .aiw-preview-facts dd{
  margin:0;
  color:#0f172a;
  font-weight:800;
}
.ai-job-preview-page .aiw-preview-chipline{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.ai-job-preview-page .aiw-preview-chipline span{
  border-radius:999px;
  background:#eef6ff;
  color:#1d4ed8;
  padding:6px 10px;
  font-size:.82rem;
  font-weight:800;
}
@media (min-width: 1280px){
  .ai-job-wizard-v31 .aiw-v31-layout{grid-template-columns:350px minmax(0,1fr)}
  .ai-job-wizard-v31 .aiw-focus-step{padding:34px 38px;}
  .ai-job-wizard-v31 .aiw-v30-card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
}
@media (max-width: 760px){
  .ai-job-wizard-v31 .aiw-role-fallback{grid-template-columns:1fr;}
  .ai-job-wizard-v31 .aiw-role-fallback-actions{grid-template-columns:1fr;}
  .ai-job-preview-page .aiw-preview-facts dl div{grid-template-columns:1fr;gap:2px;}
}

/* Phase 32: AI Wizard compact card width polish */
.ai-job-wizard-v31.ai-job-wizard-card-compact .aiw-v30-card-grid,
.ai-job-wizard-v31 .aiw-v30-card-grid{
  grid-template-columns:repeat(auto-fit,minmax(175px,220px));
  justify-content:center;
  align-items:stretch;
  gap:14px;
}
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="companyid"]{
  grid-template-columns:repeat(auto-fit,minmax(230px,280px));
}
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="job_title"]{
  grid-template-columns:repeat(auto-fit,minmax(210px,260px));
}
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="category"],
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="country"],
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="city"],
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="jobtype"],
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="work_mode"],
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="experienceid"],
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="education"],
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="gender"],
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="salary_mode"],
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="apply_method"]{
  grid-template-columns:repeat(auto-fit,minmax(170px,210px));
}
.ai-job-wizard-v31 .aiw-multi-grid.aiw-v30-card-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,225px));
}
.ai-job-wizard-v31 .aiw-choice-card{
  width:100%;
  min-height:86px;
  padding:13px 14px;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card,
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="job_title"] .aiw-choice-card{
  min-height:96px;
}
.ai-job-wizard-v31 .aiw-choice-card .aiw-card-title{
  width:100%;
  line-height:1.35;
}
.ai-job-wizard-v31 .aiw-choice-card small{
  width:100%;
  text-align:center;
}
.ai-job-wizard-v31 .aiw-focus-step{
  overflow:visible;
}
.ai-job-wizard-v31 .aiw-card-grid{
  padding:4px;
}
@media (min-width: 1280px){
  .ai-job-wizard-v31 .aiw-v30-card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,220px));}
  .ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="companyid"]{grid-template-columns:repeat(auto-fit,minmax(240px,290px));}
  .ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="job_title"]{grid-template-columns:repeat(auto-fit,minmax(220px,270px));}
}
@media (max-width: 760px){
  .ai-job-wizard-v31 .aiw-v30-card-grid,
  .ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group]{
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
    justify-content:stretch;
  }
  .ai-job-wizard-v31 .aiw-choice-card{min-height:78px;padding:12px;}
}
@media (max-width: 420px){
  .ai-job-wizard-v31 .aiw-v30-card-grid,
  .ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group]{grid-template-columns:1fr;}
}

/* Phase 33: AI Wizard role selection value fix + lower card height */
.ai-job-wizard-v31 .aiw-v30-card-grid{
  gap:12px;
}
.ai-job-wizard-v31 .aiw-choice-card{
  min-height:72px;
  padding:10px 12px;
  border-radius:18px;
  gap:4px;
}
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card,
.ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="job_title"] .aiw-choice-card{
  min-height:82px;
  padding:11px 13px;
}
.ai-job-wizard-v31 .aiw-choice-card .aiw-card-title{
  font-size:.96rem;
  line-height:1.28;
}
.ai-job-wizard-v31 .aiw-choice-card small{
  margin-top:2px;
  font-size:.78rem;
  line-height:1.25;
}
.ai-job-wizard-v31 .aiw-multi-grid .aiw-choice-card{
  min-height:64px;
}
.ai-job-wizard-v31 .aiw-focus-step{
  padding-top:26px;
  padding-bottom:24px;
}
.ai-job-wizard-v31 .aiw-focus-question{
  margin-bottom:16px;
  padding-bottom:14px;
}
.ai-job-wizard-v31 .aiw-choice-search-wrap{
  margin-bottom:14px;
}
@media (max-width:760px){
  .ai-job-wizard-v31 .aiw-choice-card{min-height:66px;padding:9px 10px;}
  .ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card,
  .ai-job-wizard-v31 .aiw-v30-card-grid[data-aiw-choice-group="job_title"] .aiw-choice-card{min-height:74px;}
}


/* Phase 35: AI Job Wizard visual redesign, employment type fallback, and SEO readiness polish */
.ai-job-wizard-v35 .aiw-focus-hero{
  border:1px solid rgba(37,99,235,.12);
  background:radial-gradient(circle at top right,rgba(37,99,235,.10),transparent 34%),linear-gradient(180deg,#ffffff,#f8fbff);
}
.ai-job-wizard-v35 .aiw-focus-layout.aiw-v31-layout{
  grid-template-columns:minmax(270px,330px) minmax(0,1fr);
  gap:18px;
}
.ai-job-wizard-v35 .aiw-focus-main{
  min-height:560px;
  padding:18px;
}
.ai-job-wizard-v35 .aiw-focus-step.active{
  gap:14px;
}
.ai-job-wizard-v35 .aiw-focus-question{
  max-width:820px;
  margin-bottom:8px;
  padding-bottom:8px;
}
.ai-job-wizard-v35 .aiw-focus-question h2{
  font-size:clamp(1.25rem,2.2vw,1.85rem);
}
.ai-job-wizard-v35 .aiw-focus-question p{
  max-width:720px;
  margin-inline:auto;
}
.ai-job-wizard-v35 .aiw-v30-card-grid,
.ai-job-wizard-v35 .aiw-v30-card-grid[data-aiw-choice-group]{
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
  justify-content:stretch;
  align-items:stretch;
  gap:10px;
  max-height:470px;
}
.ai-job-wizard-v35 .aiw-v30-card-grid[data-aiw-choice-group="companyid"],
.ai-job-wizard-v35 .aiw-v30-card-grid[data-aiw-choice-group="job_title"]{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
}
.ai-job-wizard-v35 .aiw-choice-card{
  min-height:68px;
  padding:10px 12px;
  border-radius:16px;
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
.ai-job-wizard-v35 .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card,
.ai-job-wizard-v35 .aiw-v30-card-grid[data-aiw-choice-group="job_title"] .aiw-choice-card{
  min-height:78px;
}
.ai-job-wizard-v35 .aiw-choice-card .aiw-card-title{
  font-size:.94rem;
  line-height:1.25;
}
.ai-job-wizard-v35 .aiw-choice-card small{
  font-size:.76rem;
  opacity:.78;
}
.ai-job-wizard-v35 .aiw-jobtype-grid .aiw-choice-card{
  min-height:86px;
  border-color:rgba(37,99,235,.16);
}
.ai-job-wizard-v35 .aiw-jobtype-grid .aiw-choice-card.selected{
  background:linear-gradient(135deg,#0b52d9,#1677ff);
  color:#fff;
}
.ai-job-wizard-v35 .aiw-choice-search-wrap{
  max-width:820px;
  margin-bottom:10px;
}
.ai-job-wizard-v35 .aiw-choice-search-wrap input{
  padding:.78rem .9rem;
  border-radius:15px;
}
.ai-job-wizard-v35 .aiw-focus-side{
  border-radius:22px;
}
.ai-job-wizard-v35 .aiw-focus-mini-steps{
  max-height:400px;
  gap:6px;
}
.ai-job-wizard-v35 .aiw-focus-mini-steps li{
  padding:7px 8px;
  border-radius:12px;
}
.ai-job-wizard-v35 .aiw-focus-mini-steps li b{
  font-size:.8rem;
}
.ai-job-wizard-v35 .aiw-focus-actions{
  border-radius:18px;
  padding:10px;
}
.ai-job-wizard-v35 .aiw-final-quality-panel{
  max-width:780px;
  margin:0 auto;
  border:1px solid rgba(37,99,235,.14);
  background:#f8fbff;
  border-radius:20px;
  padding:14px;
}
.ai-job-wizard-v35 .aiw-final-quality-score{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.ai-job-wizard-v35 .aiw-final-quality-score strong{font-size:1.4rem;color:#0b52d9}
.ai-job-wizard-v35 .aiw-final-quality-panel ul{margin:0;padding-inline-start:20px;color:#475569;line-height:1.7}
@media (max-width:1120px){
  .ai-job-wizard-v35 .aiw-focus-layout.aiw-v31-layout{grid-template-columns:1fr}
  .ai-job-wizard-v35 .aiw-focus-main{min-height:auto}
}
@media (max-width:720px){
  .ai-job-wizard-v35 .aiw-v30-card-grid,
  .ai-job-wizard-v35 .aiw-v30-card-grid[data-aiw-choice-group]{grid-template-columns:1fr;max-height:none}
  .ai-job-wizard-v35 .aiw-focus-main{padding:14px}
}

/* Phase 35.1: compact no-distraction AI wizard UX based on UAT screenshots */
.ai-job-wizard-ux-compact{overflow-x:hidden;}
.ai-job-wizard-ux-compact .panel-nav{margin-bottom:.55rem;}
.ai-job-wizard-ux-compact .aiw-focus-hero{
  min-height:0;
  padding:14px 22px;
  border-radius:24px;
  align-items:center;
  gap:14px;
  margin-bottom:.7rem;
}
.ai-job-wizard-ux-compact .aiw-focus-hero .panel-kicker{
  padding:4px 9px;
  font-size:.76rem;
}
.ai-job-wizard-ux-compact .aiw-focus-hero h1{
  font-size:clamp(1.18rem,1.8vw,1.55rem);
  line-height:1.32;
  margin:6px 0 4px;
}
.ai-job-wizard-ux-compact .aiw-focus-hero p{
  font-size:.86rem;
  line-height:1.55;
  max-width:760px;
  margin:0;
}
.ai-job-wizard-ux-compact .aiw-focus-usage{
  min-width:108px;
  padding:.65rem .75rem;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(11,82,217,.16);
}
.ai-job-wizard-ux-compact .aiw-focus-usage strong{font-size:1.45rem;}
.ai-job-wizard-ux-compact .aiw-focus-usage span{font-size:.76rem;line-height:1.3;}
.ai-job-wizard-ux-compact .aiw-resume-banner{
  padding:13px 18px;
  min-height:0;
  margin:.55rem 0 .75rem;
  border-radius:22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.ai-job-wizard-ux-compact .aiw-resume-banner h2{font-size:1.05rem;margin:4px 0 3px;}
.ai-job-wizard-ux-compact .aiw-resume-banner p{font-size:.86rem;margin:0;line-height:1.45;}
.ai-job-wizard-ux-compact .aiw-resume-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.ai-job-wizard-ux-compact .aiw-resume-actions .btn{min-height:40px;padding:8px 13px;border-radius:13px;font-size:.9rem;}
.ai-job-wizard-ux-compact .aiw-focus-shell{margin-top:.5rem;}
.ai-job-wizard-ux-compact .aiw-focus-layout.aiw-v31-layout{
  grid-template-columns:minmax(235px,282px) minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.ai-job-wizard-ux-compact .aiw-focus-side{
  top:82px;
  gap:10px;
  max-height:calc(100vh - 98px);
  overflow:auto;
}
.ai-job-wizard-ux-compact .aiw-focus-progress-head{font-size:.9rem;gap:8px;}
.ai-job-wizard-ux-compact .aiw-focus-progress-head span{padding:.32rem .55rem;font-size:.78rem;}
.ai-job-wizard-ux-compact .aiw-focus-mini-steps{max-height:255px;gap:5px;margin:8px 0;}
.ai-job-wizard-ux-compact .aiw-focus-mini-steps li{padding:6px 7px;border-radius:11px;gap:6px;}
.ai-job-wizard-ux-compact .aiw-focus-mini-steps li span{width:21px;height:21px;font-size:.7rem;}
.ai-job-wizard-ux-compact .aiw-focus-mini-steps li b{font-size:.74rem;line-height:1.2;}
.ai-job-wizard-ux-compact .aiw-focus-summary{gap:8px;}
.ai-job-wizard-ux-compact .aiw-focus-summary div{padding:8px 9px;border-radius:13px;}
.ai-job-wizard-ux-compact .aiw-focus-summary dt{font-size:.7rem;margin-bottom:1px;}
.ai-job-wizard-ux-compact .aiw-focus-summary dd{font-size:.82rem;line-height:1.25;}
.ai-job-wizard-ux-compact .aiw-focus-main{
  min-height:0;
  height:calc(100vh - 220px);
  max-height:690px;
  padding:12px;
  border-radius:24px;
  overflow:hidden;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active{
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:8px;
  min-height:0;
  overflow:hidden;
}
.ai-job-wizard-ux-compact .aiw-focus-question{
  max-width:760px;
  margin-bottom:2px;
  padding-bottom:4px;
  border-bottom:0;
}
.ai-job-wizard-ux-compact .aiw-focus-question span{font-size:.72rem;padding:4px 9px;margin-bottom:5px;}
.ai-job-wizard-ux-compact .aiw-focus-question h2{font-size:clamp(1.08rem,1.8vw,1.42rem);line-height:1.3;margin:4px 0 2px;}
.ai-job-wizard-ux-compact .aiw-focus-question p{font-size:.84rem;line-height:1.45;}
.ai-job-wizard-ux-compact .aiw-choice-search-wrap{max-width:760px;margin-bottom:6px;}
.ai-job-wizard-ux-compact .aiw-choice-search-wrap input,
.ai-job-wizard-ux-compact .aiw-single-input-card input,
.ai-job-wizard-ux-compact .aiw-single-input-card textarea,
.ai-job-wizard-ux-compact .aiw-salary-panel input{
  min-height:42px;
  padding:.65rem .8rem;
  border-radius:13px;
  box-shadow:0 7px 16px rgba(15,23,42,.035);
  font-size:.92rem;
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid,
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group]{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
  max-height:100%;
  overflow:auto;
  padding:2px 4px 6px;
  align-content:start;
  min-height:0;
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"],
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="job_title"]{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.ai-job-wizard-ux-compact .aiw-choice-card{
  min-height:54px;
  padding:8px 10px;
  border-radius:14px;
  gap:3px;
  box-shadow:0 6px 14px rgba(15,23,42,.035);
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card,
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="job_title"] .aiw-choice-card{
  min-height:62px;
}
.ai-job-wizard-ux-compact .aiw-jobtype-grid .aiw-choice-card{min-height:66px;}
.ai-job-wizard-ux-compact .aiw-choice-card .aiw-card-title{font-size:.88rem;line-height:1.22;}
.ai-job-wizard-ux-compact .aiw-choice-card small{font-size:.7rem;line-height:1.22;margin-top:1px;}
.ai-job-wizard-ux-compact .aiw-multi-grid .aiw-choice-card{min-height:52px;padding-inline-start:2.25rem;}
.ai-job-wizard-ux-compact .aiw-multi-card input{inset-inline-start:.75rem;top:.9rem;width:16px;height:16px;}
.ai-job-wizard-ux-compact .aiw-single-input-card,
.ai-job-wizard-ux-compact .aiw-add-custom-card{max-width:680px;}
.ai-job-wizard-ux-compact .aiw-salary-panel{max-width:720px;gap:8px;}
.ai-job-wizard-ux-compact .aiw-final-quality-panel{padding:10px 12px;border-radius:16px;}
.ai-job-wizard-ux-compact .aiw-final-quality-score strong{font-size:1.1rem;}
.ai-job-wizard-ux-compact .aiw-focus-actions{
  position:sticky;
  bottom:0;
  z-index:15;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:8px;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  border:1px solid #e2e8f0;
  box-shadow:0 -8px 22px rgba(15,23,42,.07);
  overflow:visible;
  flex-wrap:wrap;
}
.ai-job-wizard-ux-compact .aiw-focus-actions [hidden]{display:none!important;}
.ai-job-wizard-ux-compact .aiw-focus-actions .btn{min-height:40px;padding:8px 15px;border-radius:13px;font-size:.9rem;box-shadow:none;}
.ai-job-wizard-ux-compact .aiw-focus-actions .aiw-action-next,
.ai-job-wizard-ux-compact .aiw-focus-actions .aiw-action-submit{
  min-width:132px;
  box-shadow:0 12px 28px rgba(19,88,255,.20);
}
.ai-job-wizard-ux-compact .aiw-focus-actions .aiw-action-skip,
.ai-job-wizard-ux-compact .aiw-focus-actions .aiw-action-manual,
.ai-job-wizard-ux-compact .aiw-focus-actions .aiw-action-prev{
  background:#f5f8ff;
  color:#1747d8;
  border:1px solid #dbe7ff;
}
.ai-job-wizard-ux-compact .aiw-focus-actions .aiw-action-skip{
  background:#fff;
  color:#475569;
  border-color:#e2e8f0;
}
.ai-job-wizard-ux-compact .aiw-focus-actions .aiw-action-prev:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
}
.ai-job-wizard-ux-compact .aiw-card-grid::-webkit-scrollbar,
.ai-job-wizard-ux-compact .aiw-focus-side::-webkit-scrollbar,
.ai-job-wizard-ux-compact .aiw-focus-mini-steps::-webkit-scrollbar{width:7px;height:7px;}
.ai-job-wizard-ux-compact .aiw-card-grid::-webkit-scrollbar-thumb,
.ai-job-wizard-ux-compact .aiw-focus-side::-webkit-scrollbar-thumb,
.ai-job-wizard-ux-compact .aiw-focus-mini-steps::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
@media (min-width:1260px){
  .ai-job-wizard-ux-compact .aiw-focus-main{height:calc(100vh - 205px);}
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="category"],
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="country"],
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="city"]{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media (max-width:1120px){
  .ai-job-wizard-ux-compact .aiw-focus-layout.aiw-v31-layout{grid-template-columns:1fr;}
  .ai-job-wizard-ux-compact .aiw-focus-main{height:auto;max-height:none;overflow:visible;}
  .ai-job-wizard-ux-compact .aiw-focus-step.active{overflow:visible;}
  .ai-job-wizard-ux-compact .aiw-v30-card-grid,
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group]{max-height:430px;}
  .ai-job-wizard-ux-compact .aiw-focus-side{position:static;max-height:none;}
  .ai-job-wizard-ux-compact .aiw-focus-mini-steps{max-height:none;}
}
@media (max-width:720px){
  .ai-job-wizard-ux-compact .aiw-focus-hero{display:grid;padding:12px 14px;}
  .ai-job-wizard-ux-compact .aiw-focus-usage{width:100%;}
  .ai-job-wizard-ux-compact .aiw-resume-banner{grid-template-columns:1fr;}
  .ai-job-wizard-ux-compact .aiw-resume-actions{justify-content:stretch;}
  .ai-job-wizard-ux-compact .aiw-resume-actions .btn{flex:1 1 45%;}
  .ai-job-wizard-ux-compact .aiw-v30-card-grid,
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group]{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;}
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"],
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="job_title"]{grid-template-columns:1fr;}
  .ai-job-wizard-ux-compact .aiw-focus-actions .btn{flex:1 1 44%;}
}
@media (max-width:430px){
  .ai-job-wizard-ux-compact .aiw-v30-card-grid,
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group]{grid-template-columns:1fr;}
  .ai-job-wizard-ux-compact .aiw-focus-actions .btn{flex:1 1 100%;}
}

/* Phase 35.2: wizard layout focus pass - less empty space, clearer hierarchy, more choice area */
.ai-job-wizard-page.panel-page{
  padding-top:8px!important;
  padding-bottom:24px!important;
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav{
  position:relative!important;
  top:auto!important;
  z-index:20!important;
  margin:0 0 8px!important;
  padding:6px!important;
  border-radius:18px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav a.panel-nav-link,
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav a{
  min-height:38px!important;
  padding:7px 11px!important;
  border-radius:13px!important;
  font-size:.86rem!important;
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav-icon{
  width:22px;
  height:22px;
  border-radius:8px;
  font-size:12px;
}
.ai-job-wizard-ux-compact .aiw-focus-hero{
  padding:8px 14px!important;
  border-radius:18px!important;
  margin:0 0 8px!important;
  gap:10px!important;
  min-height:58px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-hero .panel-kicker{
  padding:3px 8px!important;
  font-size:.68rem!important;
  line-height:1.15!important;
}
.ai-job-wizard-ux-compact .aiw-focus-hero h1{
  font-size:clamp(1rem,1.35vw,1.25rem)!important;
  line-height:1.2!important;
  margin:3px 0 1px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-hero p{
  font-size:.74rem!important;
  line-height:1.28!important;
  max-width:760px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ai-job-wizard-ux-compact .aiw-focus-usage{
  min-width:92px!important;
  padding:.45rem .6rem!important;
  border-radius:14px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-usage strong{font-size:1.18rem!important;}
.ai-job-wizard-ux-compact .aiw-focus-usage span{font-size:.68rem!important;}
.ai-job-wizard-ux-compact .aiw-focus-shell{margin-top:0!important;}
.ai-job-wizard-ux-compact .aiw-focus-layout.aiw-v31-layout{
  grid-template-columns:minmax(230px,276px) minmax(0,1fr)!important;
  gap:10px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-side{
  top:10px!important;
  gap:8px!important;
  max-height:calc(100vh - 96px)!important;
  padding:12px!important;
  border-radius:20px!important;
}
.ai-job-wizard-ux-compact .aiw-side-draft{
  display:grid;
  gap:6px;
  padding:9px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:14px;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  box-shadow:0 8px 18px rgba(37,99,235,.06);
}
.ai-job-wizard-ux-compact .aiw-side-draft span{
  color:#1d4ed8;
  font-size:.68rem;
  font-weight:950;
}
.ai-job-wizard-ux-compact .aiw-side-draft strong{
  color:#0f172a;
  font-size:.82rem;
  line-height:1.3;
  font-weight:950;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.ai-job-wizard-ux-compact .aiw-side-draft-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.ai-job-wizard-ux-compact .aiw-side-draft-actions .btn.tiny{
  min-height:30px;
  padding:5px 9px;
  border-radius:999px;
  font-size:.72rem;
}
.ai-job-wizard-ux-compact .aiw-focus-progress-head span{
  padding:.25rem .46rem!important;
  font-size:.72rem!important;
}
.ai-job-wizard-ux-compact .aiw-progress-bar{height:8px!important;}
.ai-job-wizard-ux-compact .aiw-autosave-status{
  margin:4px 0 5px!important;
  padding:6px 8px!important;
  border-radius:11px!important;
  font-size:.74rem!important;
}
.ai-job-wizard-ux-compact .aiw-focus-mini-steps{
  max-height:205px!important;
  margin:5px 0!important;
}
.ai-job-wizard-ux-compact .aiw-focus-summary,
.ai-job-wizard-ux-compact .aiw-template-insight,
.ai-job-wizard-ux-compact .aiw-readiness-card{
  font-size:.82rem;
}
.ai-job-wizard-ux-compact .aiw-focus-main{
  height:calc(100vh - 150px)!important;
  min-height:620px!important;
  max-height:none!important;
  padding:10px!important;
  border-radius:22px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:5px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-question{
  max-width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  min-height:0!important;
}
.ai-job-wizard-ux-compact .aiw-focus-question span{
  font-size:.64rem!important;
  padding:2px 7px!important;
  margin-bottom:2px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-question h2{
  font-size:clamp(.98rem,1.2vw,1.15rem)!important;
  line-height:1.16!important;
  margin:2px 0 1px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-question p{
  font-size:.72rem!important;
  line-height:1.25!important;
  max-width:100%!important;
  margin:0!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ai-job-wizard-ux-compact .aiw-choice-search-wrap{
  max-width:100%!important;
  margin:1px auto 4px!important;
}
.ai-job-wizard-ux-compact .aiw-choice-search-wrap input,
.ai-job-wizard-ux-compact .aiw-single-input-card input,
.ai-job-wizard-ux-compact .aiw-single-input-card textarea,
.ai-job-wizard-ux-compact .aiw-salary-panel input{
  min-height:34px!important;
  padding:.48rem .65rem!important;
  border-radius:11px!important;
  font-size:.86rem!important;
  box-shadow:none!important;
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid,
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group]{
  gap:7px!important;
  padding:2px 3px 4px!important;
  max-height:100%!important;
}
.ai-job-wizard-ux-compact .aiw-choice-card{
  min-height:50px!important;
  padding:7px 9px!important;
  border-radius:13px!important;
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card,
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="job_title"] .aiw-choice-card{
  min-height:56px!important;
}
.ai-job-wizard-ux-compact .aiw-jobtype-grid .aiw-choice-card{min-height:58px!important;}
.ai-job-wizard-ux-compact .aiw-choice-card .aiw-card-title{font-size:.84rem!important;line-height:1.18!important;}
.ai-job-wizard-ux-compact .aiw-choice-card small{font-size:.66rem!important;line-height:1.18!important;}
.ai-job-wizard-ux-compact .aiw-focus-actions{
  padding:6px!important;
  border-radius:14px!important;
  gap:7px!important;
  margin-top:5px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-actions .btn{
  min-height:36px!important;
  padding:7px 13px!important;
  border-radius:12px!important;
  font-size:.86rem!important;
}
@media (min-width:1260px){
  .ai-job-wizard-ux-compact .aiw-focus-main{height:calc(100vh - 140px)!important;min-height:640px!important;}
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="category"],
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="country"],
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="city"]{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:1120px){
  .ai-job-wizard-ux-compact .aiw-focus-layout.aiw-v31-layout{grid-template-columns:1fr!important;}
  .ai-job-wizard-ux-compact .aiw-focus-main{height:auto!important;min-height:560px!important;overflow:visible!important;}
  .ai-job-wizard-ux-compact .aiw-focus-side{position:static!important;max-height:none!important;}
  .ai-job-wizard-ux-compact .aiw-focus-mini-steps{max-height:none!important;}
}
@media (max-width:720px){
  .ai-job-wizard-page.panel-page{padding-top:6px!important;}
  .ai-job-wizard-ux-compact .aiw-focus-hero{grid-template-columns:1fr!important;min-height:0!important;}
  .ai-job-wizard-ux-compact .aiw-focus-hero p{white-space:normal;display:block;}
  .ai-job-wizard-ux-compact .aiw-focus-main{min-height:0!important;}
  .ai-job-wizard-ux-compact .aiw-focus-question p{white-space:normal;}
}

/* Phase 35.3: final wizard spacing and compact company cards pass
   - Remove remaining empty space above control-panel navigation.
   - Stop company cards from stretching vertically/visually when there are few companies.
   - Keep the choice area large while rows stay compact and readable. */
.ai-job-wizard-page.panel-page.section,
.ai-job-wizard-page.panel-page{
  margin-top:0!important;
  padding-top:0!important;
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav{
  margin-top:0!important;
  margin-bottom:6px!important;
  transform:translateY(-2px);
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .aiw-focus-hero{
  margin-top:0!important;
}

/* Prevent single/few cards from expanding to fill the whole wizard choice area. */
.ai-job-wizard-ux-compact .aiw-card-grid,
.ai-job-wizard-ux-compact .aiw-v30-card-grid,
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group]{
  align-content:start!important;
  align-items:start!important;
  grid-auto-rows:minmax(50px,auto)!important;
}

/* The company step must feel like quick selection, not large visual tiles. */
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"]{
  grid-template-columns:repeat(auto-fill,minmax(190px,230px))!important;
  justify-content:start!important;
  gap:8px!important;
  max-height:100%!important;
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card{
  min-height:54px!important;
  height:auto!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  justify-content:center!important;
  text-align:center!important;
  box-shadow:0 7px 16px rgba(15,23,42,.045)!important;
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card .aiw-card-title{
  font-size:.82rem!important;
  line-height:1.16!important;
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card small{
  font-size:.62rem!important;
  line-height:1.12!important;
  margin-top:1px!important;
  max-height:1.2em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (min-width:1260px){
  .ai-job-wizard-page.panel-page.section,
  .ai-job-wizard-page.panel-page{padding-top:0!important;margin-top:0!important;}
  .ai-job-wizard-ux-compact .aiw-focus-main{height:calc(100vh - 128px)!important;}
}
@media (max-width:720px){
  .ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav{transform:none;}
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:460px){
  .ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"]{grid-template-columns:1fr!important;}
}

/* Phase 35.4: wizard header compression + top actions
   - Put wizard navigation buttons at the top of the working panel.
   - Compress each step header/search area into a compact two-line visual block on desktop.
   - Keep the choices grid as the dominant area of the screen. */
.ai-job-wizard-page.ai-job-wizard-ux-compact{
  padding-top:0!important;
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav{
  margin-top:-10px!important;
  margin-bottom:5px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-main{
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  padding:8px 10px 10px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-actions-top{
  position:sticky!important;
  top:0!important;
  bottom:auto!important;
  order:-1;
  margin:0!important;
  padding:6px!important;
  border-radius:14px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
  background:rgba(255,255,255,.98)!important;
  backdrop-filter:blur(10px);
}
.ai-job-wizard-ux-compact .aiw-focus-actions-top .btn{
  min-height:34px!important;
  padding:6px 13px!important;
  border-radius:12px!important;
  font-size:.84rem!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active{
  min-height:0!important;
  overflow:hidden!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  display:grid!important;
  grid-template-columns:minmax(255px,.82fr) minmax(340px,1.18fr)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  column-gap:10px!important;
  row-gap:7px!important;
  align-items:end!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-focus-question{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  align-self:end!important;
  text-align:start!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-choice-search-wrap{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  max-width:none!important;
  width:100%!important;
  align-self:end!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-card-grid,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-role-fallback,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-single-input-card,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-salary-panel,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-add-custom-card{
  grid-column:1 / -1!important;
}
.ai-job-wizard-ux-compact .aiw-focus-question{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:2px 8px!important;
  align-items:center!important;
  text-align:start!important;
}
.ai-job-wizard-ux-compact .aiw-focus-question span{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  white-space:nowrap!important;
}
.ai-job-wizard-ux-compact .aiw-focus-question h2{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  font-size:clamp(.95rem,1.08vw,1.1rem)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ai-job-wizard-ux-compact .aiw-focus-question p{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin:0!important;
  max-width:100%!important;
  font-size:.7rem!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ai-job-wizard-ux-compact .aiw-choice-search-wrap input{
  min-height:32px!important;
  padding:.42rem .62rem!important;
  font-size:.84rem!important;
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid,
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group]{
  max-height:100%!important;
  min-height:0!important;
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"]{
  grid-template-columns:repeat(auto-fill,minmax(170px,210px))!important;
}
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card{
  min-height:48px!important;
  padding:7px 9px!important;
}
@media (min-width:1260px){
  .ai-job-wizard-ux-compact .aiw-focus-main{
    height:calc(100vh - 124px)!important;
    min-height:650px!important;
  }
}
@media (max-width:1120px){
  .ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav{margin-top:0!important;}
  .ai-job-wizard-ux-compact .aiw-focus-main{
    grid-template-rows:auto minmax(0,1fr)!important;
    height:auto!important;
    overflow:visible!important;
  }
  .ai-job-wizard-ux-compact .aiw-focus-actions-top{position:sticky!important;top:0!important;}
  .ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
  }
  .ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-focus-question,
  .ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-choice-search-wrap{
    grid-column:1!important;
  }
  .ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-choice-search-wrap{grid-row:2!important;}
}
@media (max-width:720px){
  .ai-job-wizard-ux-compact .aiw-focus-question h2,
  .ai-job-wizard-ux-compact .aiw-focus-question p{white-space:normal!important;}
  .ai-job-wizard-ux-compact .aiw-focus-actions-top{flex-wrap:wrap!important;}
  .ai-job-wizard-ux-compact .aiw-focus-actions-top .btn{flex:1 1 44%!important;}
}

/* Phase 35.5: wizard top-menu compression + choice grid alignment
   - Reduce the control-panel shortcut bar footprint under the main site header.
   - Stop the active step grid from pushing choice cards to the bottom.
   - Keep the header/search row compact and force choices to start immediately below it. */
.ai-job-wizard-page.panel-page.section,
.ai-job-wizard-page.panel-page,
.ai-job-wizard-page.ai-job-wizard-ux-compact{
  margin-top:-8px!important;
  padding-top:0!important;
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav{
  margin-top:-8px!important;
  margin-bottom:4px!important;
  padding:4px 6px!important;
  min-height:36px!important;
  border-radius:15px!important;
  transform:none!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav a.panel-nav-link,
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav a{
  min-height:30px!important;
  padding:5px 9px!important;
  border-radius:11px!important;
  font-size:.78rem!important;
  line-height:1.1!important;
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav-icon{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  border-radius:7px!important;
  font-size:10px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-hero{
  min-height:48px!important;
  margin-bottom:5px!important;
  padding:6px 12px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-main{
  gap:6px!important;
  padding-top:6px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-actions-top{
  min-height:38px!important;
  padding:5px!important;
  margin-bottom:2px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-actions-top .btn{
  min-height:31px!important;
  padding:5px 12px!important;
  font-size:.8rem!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  align-items:start!important;
  align-content:start!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  row-gap:6px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-focus-question,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-choice-search-wrap{
  align-self:start!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-card-grid,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-role-fallback,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-single-input-card,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-salary-panel,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-add-custom-card{
  grid-row:2!important;
  align-self:start!important;
  margin-top:0!important;
}
.ai-job-wizard-ux-compact .aiw-card-grid,
.ai-job-wizard-ux-compact .aiw-v30-card-grid,
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group]{
  align-self:start!important;
  justify-self:stretch!important;
  align-content:start!important;
  align-items:start!important;
  margin-top:0!important;
  padding-top:1px!important;
}
.ai-job-wizard-ux-compact .aiw-focus-question{
  max-height:38px!important;
  overflow:hidden!important;
}
.ai-job-wizard-ux-compact .aiw-focus-question p{
  display:block!important;
  max-height:15px!important;
}
.ai-job-wizard-ux-compact .aiw-choice-search-wrap input{
  min-height:30px!important;
}
@media (min-width:1260px){
  .ai-job-wizard-ux-compact .aiw-focus-main{
    height:calc(100vh - 112px)!important;
    min-height:660px!important;
  }
}
@media (max-width:1120px){
  .ai-job-wizard-page.panel-page.section,
  .ai-job-wizard-page.panel-page,
  .ai-job-wizard-page.ai-job-wizard-ux-compact{
    margin-top:0!important;
  }
  .ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav{
    margin-top:0!important;
  }
  .ai-job-wizard-ux-compact .aiw-focus-question{
    max-height:none!important;
  }
}

/* Phase 35.6: fixed header overlap + force cards to start at the top
   - Do not pull the control-panel shortcut bar upward with negative margins.
   - Keep the shortcut bar below the sticky site header.
   - When the number of cards is less than the visual area, cards must stay at the top, not at the bottom.
   - Keep the working panel tall, but make the grid content top-aligned with internal scrolling only when needed. */
.ai-job-wizard-page.panel-page.section,
.ai-job-wizard-page.panel-page,
.ai-job-wizard-page.ai-job-wizard-ux-compact{
  margin-top:0!important;
  padding-top:6px!important;
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav{
  position:relative!important;
  top:auto!important;
  z-index:18!important;
  margin-top:0!important;
  margin-bottom:6px!important;
  transform:none!important;
  clear:both!important;
}
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav,
.ai-job-wizard-page.ai-job-wizard-ux-compact .panel-nav *{
  vertical-align:middle!important;
}
.ai-job-wizard-ux-compact .aiw-focus-main{
  align-items:start!important;
  align-content:start!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active{
  align-items:stretch!important;
  align-content:start!important;
  justify-content:start!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  grid-template-rows:auto auto!important;
  align-items:start!important;
  align-content:start!important;
  justify-items:stretch!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-focus-question,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-choice-search-wrap{
  align-self:start!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-card-grid,
.ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-v30-card-grid{
  grid-row:2!important;
  align-self:start!important;
  justify-self:stretch!important;
  margin-top:0!important;
  height:auto!important;
  min-height:auto!important;
  max-height:calc(100vh - 255px)!important;
  overflow:auto!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)){
  grid-template-rows:auto auto!important;
  align-content:start!important;
}
.ai-job-wizard-ux-compact .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-card-grid,
.ai-job-wizard-ux-compact .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-v30-card-grid,
.ai-job-wizard-ux-compact .aiw-focus-step.active > .aiw-salary-panel,
.ai-job-wizard-ux-compact .aiw-focus-step.active > .aiw-single-input-card,
.ai-job-wizard-ux-compact .aiw-focus-step.active > .aiw-add-custom-card,
.ai-job-wizard-ux-compact .aiw-focus-step.active > .aiw-role-fallback{
  align-self:start!important;
  justify-self:stretch!important;
  margin-top:0!important;
}
.ai-job-wizard-ux-compact .aiw-card-grid,
.ai-job-wizard-ux-compact .aiw-v30-card-grid,
.ai-job-wizard-ux-compact .aiw-v30-card-grid[data-aiw-choice-group]{
  display:grid!important;
  align-content:start!important;
  align-items:start!important;
  justify-content:stretch!important;
  justify-items:stretch!important;
  grid-auto-flow:row!important;
  grid-auto-rows:minmax(48px,max-content)!important;
  margin-top:0!important;
}
.ai-job-wizard-ux-compact .aiw-choice-card{
  align-self:start!important;
}
@media (min-width:1260px){
  .ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-card-grid,
  .ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-v30-card-grid{
    max-height:calc(100vh - 250px)!important;
  }
}
@media (max-width:1120px){
  .ai-job-wizard-page.panel-page.section,
  .ai-job-wizard-page.panel-page,
  .ai-job-wizard-page.ai-job-wizard-ux-compact{
    padding-top:6px!important;
  }
  .ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
    grid-template-rows:auto auto auto!important;
  }
  .ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-card-grid,
  .ai-job-wizard-ux-compact .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-v30-card-grid{
    max-height:none!important;
  }
}

/* Phase 35.7: full AI Job Wizard redesign pass
   Goal: one coherent, practical, compact and polished wizard layout after field testing.
   - No overlap with the main site header.
   - Panel nav remains compact and clearly below header.
   - Wizard header becomes a small status strip, not a large hero.
   - Actions live at the top of the working card.
   - Step title + hint + search consume a small area.
   - Choice cards always start at the top and never align to the bottom.
   - The main panel remains tall enough to show choices without excessive page scroll. */
.ai-job-wizard-page.ai-job-wizard-v36.panel-page,
.ai-job-wizard-page.ai-job-wizard-v36.panel-page.section{
  width:min(96vw,1440px)!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:4px 0 18px!important;
  overflow-x:hidden!important;
}
.ai-job-wizard-v36 .panel-nav{
  position:relative!important;
  top:auto!important;
  z-index:12!important;
  margin:0 0 8px!important;
  padding:5px 7px!important;
  min-height:42px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(210,224,243,.92)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
  backdrop-filter:blur(14px);
  transform:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.ai-job-wizard-v36 .panel-nav-inner{
  min-height:30px!important;
  align-items:center!important;
  gap:6px!important;
}
.ai-job-wizard-v36 .panel-nav a.panel-nav-link,
.ai-job-wizard-v36 .panel-nav a{
  min-height:31px!important;
  padding:5px 10px!important;
  border-radius:12px!important;
  font-size:.8rem!important;
  line-height:1!important;
  gap:6px!important;
}
.ai-job-wizard-v36 .panel-nav-icon{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  border-radius:7px!important;
  font-size:10px!important;
}
.ai-job-wizard-v36 .aiw-focus-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:50px!important;
  margin:0 0 8px!important;
  padding:8px 14px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 68%,#eef7ff 100%)!important;
  border:1px solid rgba(206,221,243,.95)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
}
.ai-job-wizard-v36 .aiw-focus-hero .panel-kicker{
  display:inline-flex!important;
  width:max-content!important;
  padding:3px 8px!important;
  margin:0 0 2px!important;
  font-size:.66rem!important;
  line-height:1.1!important;
  border-radius:999px!important;
}
.ai-job-wizard-v36 .aiw-focus-hero h1{
  margin:0!important;
  font-size:clamp(1rem,1.25vw,1.22rem)!important;
  line-height:1.22!important;
  color:#0f172a!important;
}
.ai-job-wizard-v36 .aiw-focus-hero p{
  margin:2px 0 0!important;
  max-width:980px!important;
  font-size:.74rem!important;
  line-height:1.25!important;
  color:#667085!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ai-job-wizard-v36 .aiw-focus-usage{
  min-width:94px!important;
  padding:6px 9px!important;
  border-radius:16px!important;
  text-align:center!important;
  box-shadow:none!important;
}
.ai-job-wizard-v36 .aiw-focus-usage strong{font-size:1.2rem!important;line-height:1!important}
.ai-job-wizard-v36 .aiw-focus-usage span{font-size:.66rem!important;line-height:1.15!important}
.ai-job-wizard-v36 .aiw-focus-shell{margin-top:0!important}
.ai-job-wizard-v36 .aiw-focus-layout.aiw-v31-layout{
  display:grid!important;
  grid-template-columns:minmax(250px,288px) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
.ai-job-wizard-v36 .aiw-focus-side{
  position:sticky!important;
  top:8px!important;
  max-height:calc(100vh - 92px)!important;
  overflow:auto!important;
  padding:12px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border-color:#dbe7f6!important;
  box-shadow:0 14px 32px rgba(15,23,42,.055)!important;
}
.ai-job-wizard-v36 .aiw-focus-progress-head{font-size:.82rem!important;gap:8px!important}
.ai-job-wizard-v36 .aiw-focus-progress-head span{padding:4px 8px!important;font-size:.72rem!important}
.ai-job-wizard-v36 .aiw-progress-bar{height:7px!important;margin:6px 0!important}
.ai-job-wizard-v36 .aiw-autosave-status{
  margin:6px 0!important;
  padding:7px 9px!important;
  border-radius:12px!important;
  font-size:.74rem!important;
}
.ai-job-wizard-v36 .aiw-side-draft{
  margin:0 0 8px!important;
  padding:9px 10px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#eef7ff,#fff)!important;
  border:1px solid #d7e8ff!important;
}
.ai-job-wizard-v36 .aiw-focus-mini-steps{
  max-height:260px!important;
  overflow:auto!important;
  gap:5px!important;
  margin:6px 0 8px!important;
  padding-inline-end:2px!important;
}
.ai-job-wizard-v36 .aiw-focus-mini-steps li{
  min-height:34px!important;
  padding:6px 8px!important;
  border-radius:12px!important;
  gap:7px!important;
  background:#fff!important;
}
.ai-job-wizard-v36 .aiw-focus-mini-steps li span{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  font-size:.7rem!important;
}
.ai-job-wizard-v36 .aiw-focus-mini-steps li b{
  font-size:.75rem!important;
  line-height:1.15!important;
}
.ai-job-wizard-v36 .aiw-focus-summary,
.ai-job-wizard-v36 .aiw-template-insight,
.ai-job-wizard-v36 .aiw-readiness-card{
  border-radius:16px!important;
  padding:9px!important;
}
.ai-job-wizard-v36 .aiw-focus-main{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  height:calc(100vh - 155px)!important;
  min-height:560px!important;
  max-height:760px!important;
  padding:9px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
  border-color:#dbe7f6!important;
  box-shadow:0 16px 38px rgba(15,23,42,.06)!important;
}
.ai-job-wizard-v36 .aiw-focus-actions-top{
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  z-index:4!important;
  order:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  margin:0!important;
  padding:5px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border:1px solid #e1eaf6!important;
  box-shadow:0 9px 22px rgba(15,23,42,.055)!important;
  overflow-x:auto!important;
}
.ai-job-wizard-v36 .aiw-focus-actions-top [hidden]{display:none!important}
.ai-job-wizard-v36 .aiw-focus-actions-top .btn{
  min-height:31px!important;
  padding:6px 13px!important;
  border-radius:12px!important;
  font-size:.8rem!important;
  line-height:1!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.ai-job-wizard-v36 .aiw-focus-actions-top .aiw-action-next,
.ai-job-wizard-v36 .aiw-focus-actions-top .aiw-action-submit{
  min-width:118px!important;
  background:linear-gradient(135deg,#1457d9,#0ea5e9)!important;
  color:#fff!important;
  border-color:rgba(20,87,217,.28)!important;
  box-shadow:0 10px 22px rgba(20,87,217,.18)!important;
}
.ai-job-wizard-v36 .aiw-focus-actions-top .aiw-action-prev,
.ai-job-wizard-v36 .aiw-focus-actions-top .aiw-action-manual{
  background:#f4f8ff!important;
  color:#1747d8!important;
  border:1px solid #dbe7ff!important;
}
.ai-job-wizard-v36 .aiw-focus-actions-top .aiw-action-skip{
  background:#fff!important;
  color:#64748b!important;
  border:1px solid #e5edf7!important;
}
.ai-job-wizard-v36 .aiw-focus-actions-top .aiw-action-prev:disabled{
  opacity:.46!important;
  cursor:not-allowed!important;
}
.ai-job-wizard-v36 .aiw-focus-step.active{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:9px!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  padding:10px 14px 12px!important;
  align-content:start!important;
  align-items:start!important;
  justify-content:stretch!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  border:1px solid #edf3fb!important;
  border-radius:18px!important;
}
.ai-job-wizard-v36 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  grid-template-columns:minmax(260px,.72fr) minmax(340px,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  column-gap:14px!important;
  row-gap:9px!important;
}
.ai-job-wizard-v36 .aiw-focus-step.active > .aiw-focus-question{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:2px 8px!important;
  align-items:center!important;
  text-align:start!important;
}
.ai-job-wizard-v36 .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-focus-question{
  max-width:760px!important;
}
.ai-job-wizard-v36 .aiw-focus-question span{
  grid-column:1!important;
  grid-row:1!important;
  width:max-content!important;
  margin:0!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  font-size:.66rem!important;
  line-height:1.1!important;
  color:#1457d9!important;
  background:#eef5ff!important;
  border:1px solid #d8e8ff!important;
  white-space:nowrap!important;
}
.ai-job-wizard-v36 .aiw-focus-question h2{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  color:#172033!important;
  font-size:clamp(.98rem,1.05vw,1.13rem)!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ai-job-wizard-v36 .aiw-focus-question p{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin:0!important;
  color:#667085!important;
  font-size:.72rem!important;
  line-height:1.22!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
  max-height:18px!important;
}
.ai-job-wizard-v36 .aiw-focus-step.active > .aiw-choice-search-wrap{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.ai-job-wizard-v36 .aiw-choice-search-wrap input,
.ai-job-wizard-v36 .aiw-single-input-card input,
.ai-job-wizard-v36 .aiw-single-input-card textarea,
.ai-job-wizard-v36 .aiw-salary-panel input{
  min-height:34px!important;
  padding:.48rem .68rem!important;
  border-radius:12px!important;
  border:1px solid #cfe0ff!important;
  font-size:.84rem!important;
  box-shadow:0 6px 14px rgba(20,87,217,.045)!important;
}
.ai-job-wizard-v36 .aiw-focus-step.active > .aiw-card-grid,
.ai-job-wizard-v36 .aiw-focus-step.active > .aiw-v30-card-grid,
.ai-job-wizard-v36 .aiw-focus-step.active > .aiw-role-fallback,
.ai-job-wizard-v36 .aiw-focus-step.active > .aiw-single-input-card,
.ai-job-wizard-v36 .aiw-focus-step.active > .aiw-salary-panel,
.ai-job-wizard-v36 .aiw-focus-step.active > .aiw-add-custom-card,
.ai-job-wizard-v36 .aiw-focus-step.active > .aiw-final-quality-panel,
.ai-job-wizard-v36 .aiw-focus-step.active > .aiw-final-note{
  grid-column:1 / -1!important;
  grid-row:2!important;
  align-self:start!important;
  justify-self:stretch!important;
  margin-top:0!important;
}
.ai-job-wizard-v36 .aiw-card-grid,
.ai-job-wizard-v36 .aiw-v30-card-grid,
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group]{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important;
  gap:9px!important;
  align-content:start!important;
  align-items:start!important;
  justify-content:stretch!important;
  justify-items:stretch!important;
  grid-auto-flow:row!important;
  grid-auto-rows:minmax(48px,max-content)!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  padding:2px 4px 8px!important;
  margin:0!important;
  overflow:auto!important;
}
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="category"],
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="country"],
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="city"],
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="jobtype"],
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="work_mode"],
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="experienceid"],
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="education"],
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="gender"],
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="salary_mode"],
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="apply_method"]{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="companyid"]{
  grid-template-columns:repeat(auto-fill,minmax(180px,220px))!important;
  justify-content:start!important;
  justify-items:stretch!important;
}
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="job_title"]{
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
}
.ai-job-wizard-v36 .aiw-multi-grid.aiw-v30-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;
}
.ai-job-wizard-v36 .aiw-choice-card{
  width:100%!important;
  min-height:48px!important;
  height:auto!important;
  align-self:start!important;
  display:grid!important;
  place-items:center!important;
  gap:2px!important;
  padding:7px 10px!important;
  border-radius:14px!important;
  border:1px solid #dfe8f5!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  color:#172033!important;
  box-shadow:0 6px 14px rgba(15,23,42,.035)!important;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease!important;
}
.ai-job-wizard-v36 .aiw-choice-card:hover{
  transform:translateY(-1px)!important;
  border-color:#bcd2ff!important;
  box-shadow:0 9px 20px rgba(20,87,217,.08)!important;
}
.ai-job-wizard-v36 .aiw-choice-card.selected{
  color:#fff!important;
  border-color:rgba(255,255,255,.32)!important;
  background:linear-gradient(135deg,#1457d9,#0ea5e9)!important;
  box-shadow:0 14px 30px rgba(20,87,217,.20)!important;
}
.ai-job-wizard-v36 .aiw-choice-card .aiw-card-title{
  width:100%!important;
  font-size:.84rem!important;
  line-height:1.15!important;
  font-weight:950!important;
  text-align:center!important;
}
.ai-job-wizard-v36 .aiw-choice-card small{
  width:100%!important;
  margin-top:0!important;
  font-size:.65rem!important;
  line-height:1.12!important;
  text-align:center!important;
  color:#667085!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ai-job-wizard-v36 .aiw-choice-card.selected small{color:rgba(255,255,255,.82)!important}
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card{
  min-height:50px!important;
  padding:7px 9px!important;
}
.ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="job_title"] .aiw-choice-card,
.ai-job-wizard-v36 .aiw-jobtype-grid .aiw-choice-card{
  min-height:54px!important;
}
.ai-job-wizard-v36 .aiw-single-input-card,
.ai-job-wizard-v36 .aiw-add-custom-card,
.ai-job-wizard-v36 .aiw-salary-panel{
  max-width:760px!important;
  align-self:start!important;
}
.ai-job-wizard-v36 .aiw-card-grid::-webkit-scrollbar,
.ai-job-wizard-v36 .aiw-focus-side::-webkit-scrollbar,
.ai-job-wizard-v36 .panel-nav::-webkit-scrollbar{width:7px;height:7px}
.ai-job-wizard-v36 .aiw-card-grid::-webkit-scrollbar-thumb,
.ai-job-wizard-v36 .aiw-focus-side::-webkit-scrollbar-thumb,
.ai-job-wizard-v36 .panel-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
@media (min-width:1260px){
  .ai-job-wizard-v36 .aiw-focus-main{height:calc(100vh - 145px)!important;min-height:585px!important;}
}
@media (max-width:1120px){
  .ai-job-wizard-v36 .aiw-focus-layout.aiw-v31-layout{grid-template-columns:1fr!important;}
  .ai-job-wizard-v36 .aiw-focus-side{position:static!important;max-height:none!important;order:2!important;}
  .ai-job-wizard-v36 .aiw-focus-main{height:auto!important;max-height:none!important;min-height:560px!important;overflow:visible!important;}
  .ai-job-wizard-v36 .aiw-focus-step.active{height:auto!important;min-height:520px!important;overflow:visible!important;}
  .ai-job-wizard-v36 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(0,1fr)!important;}
  .ai-job-wizard-v36 .aiw-focus-step.active > .aiw-choice-search-wrap{grid-column:1!important;grid-row:2!important;}
  .ai-job-wizard-v36 .aiw-focus-step.active > .aiw-card-grid,
  .ai-job-wizard-v36 .aiw-focus-step.active > .aiw-v30-card-grid{grid-row:3!important;max-height:none!important;}
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="category"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="country"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="city"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="jobtype"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="work_mode"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="experienceid"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="education"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="gender"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="salary_mode"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="apply_method"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:720px){
  .ai-job-wizard-page.ai-job-wizard-v36.panel-page{width:100%!important;padding-inline:10px!important;}
  .ai-job-wizard-v36 .aiw-focus-hero{grid-template-columns:1fr!important;}
  .ai-job-wizard-v36 .aiw-focus-hero p{white-space:normal!important;}
  .ai-job-wizard-v36 .aiw-focus-question h2,
  .ai-job-wizard-v36 .aiw-focus-question p{white-space:normal!important;}
  .ai-job-wizard-v36 .aiw-focus-actions-top{flex-wrap:wrap!important;}
  .ai-job-wizard-v36 .aiw-focus-actions-top .btn{flex:1 1 44%!important;}
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="category"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="country"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="city"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="jobtype"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="work_mode"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="experienceid"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="education"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="gender"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="salary_mode"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="apply_method"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="companyid"],
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group="job_title"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:460px){
  .ai-job-wizard-v36 .aiw-focus-actions-top .btn{flex:1 1 100%!important;}
  .ai-job-wizard-v36 .aiw-v30-card-grid[data-aiw-choice-group]{grid-template-columns:1fr!important;}
}


/* Phase 35 Step 9: Premium AI Job Builder
   A final product-grade layout: compact command bar, true 3-zone workspace,
   top-aligned cards, and a focused action model. */
.ai-job-wizard-premium-v40{
  --aiw-bg:#f3f7fc;
  --aiw-ink:#0f172a;
  --aiw-muted:#64748b;
  --aiw-border:#d9e6f7;
  --aiw-soft:#f7fbff;
  --aiw-blue:#1268f3;
  --aiw-blue2:#05a4d8;
  --aiw-shadow:0 18px 42px rgba(15,23,42,.075);
  --aiw-radius:22px;
}
.ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page,
.ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page.section{
  width:min(98vw,1500px)!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:3px 0 14px!important;
  background:transparent!important;
  overflow-x:hidden!important;
}
.ai-job-wizard-premium-v40 .panel-nav{
  margin:0 0 6px!important;
  min-height:38px!important;
  padding:4px 6px!important;
  border-radius:0 0 18px 18px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(211,225,244,.95)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
  transform:none!important;
  top:auto!important;
  overflow-x:auto!important;
}
.ai-job-wizard-premium-v40 .panel-nav-inner{min-height:29px!important;gap:5px!important;align-items:center!important;}
.ai-job-wizard-premium-v40 .panel-nav a.panel-nav-link,
.ai-job-wizard-premium-v40 .panel-nav a{
  min-height:29px!important;
  padding:4px 9px!important;
  border-radius:11px!important;
  font-size:.76rem!important;
  gap:5px!important;
  box-shadow:none!important;
}
.ai-job-wizard-premium-v40 .panel-nav-icon{width:18px!important;height:18px!important;min-width:18px!important;border-radius:7px!important;font-size:9px!important;}
.ai-job-wizard-premium-v40 .aiw-focus-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  min-height:42px!important;
  margin:0 0 6px!important;
  padding:7px 12px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 55%,#eef8ff 100%)!important;
  border:1px solid rgba(211,225,244,.96)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.045)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-hero .panel-kicker{
  padding:2px 7px!important;
  font-size:.62rem!important;
  margin:0 0 1px!important;
  border-radius:999px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-hero h1{
  margin:0!important;
  font-size:clamp(.96rem,1.05vw,1.14rem)!important;
  line-height:1.1!important;
  letter-spacing:-.01em!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-hero p{
  margin:1px 0 0!important;
  font-size:.7rem!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:var(--aiw-muted)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-usage{
  min-width:86px!important;
  padding:5px 8px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#0f5fe4,#0fb8cc)!important;
  color:#fff!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-usage strong{font-size:1.08rem!important;line-height:1!important;color:#fff!important;}
.ai-job-wizard-premium-v40 .aiw-focus-usage span{font-size:.61rem!important;line-height:1.1!important;color:rgba(255,255,255,.86)!important;}
.ai-job-wizard-premium-v40 .aiw-focus-shell{margin:0!important;}
.ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{
  display:grid!important;
  grid-template-columns:244px minmax(0,1fr) 255px!important;
  grid-template-areas:"side work summary";
  gap:10px!important;
  align-items:start!important;
  direction:ltr!important;
}
[dir="rtl"] .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{
  grid-template-areas:"summary work side";
}
.ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout > *{direction:inherit;}
[dir="rtl"] .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout > *{direction:rtl;}
.ai-job-wizard-premium-v40 .aiw-focus-side{grid-area:side!important;}
.ai-job-wizard-premium-v40 .aiw-focus-main{grid-area:work!important;}
.ai-job-wizard-premium-v40 .aiw-live-summary{grid-area:summary!important;}
.ai-job-wizard-premium-v40 .aiw-focus-side,
.ai-job-wizard-premium-v40 .aiw-live-summary{
  position:sticky!important;
  top:6px!important;
  max-height:calc(100vh - 94px)!important;
  overflow:auto!important;
  padding:10px!important;
  border-radius:20px!important;
  border:1px solid var(--aiw-border)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-progress-head{gap:6px!important;font-size:.78rem!important;}
.ai-job-wizard-premium-v40 .aiw-focus-progress-head span{font-size:.69rem!important;padding:3px 7px!important;border-radius:999px!important;}
.ai-job-wizard-premium-v40 .aiw-progress-bar{height:6px!important;margin:5px 0!important;border-radius:999px!important;}
.ai-job-wizard-premium-v40 .aiw-autosave-status{
  margin:5px 0 7px!important;
  padding:7px 9px!important;
  border-radius:12px!important;
  font-size:.72rem!important;
  color:#057a55!important;
  background:#e9fbf4!important;
}
.ai-job-wizard-premium-v40 .aiw-side-draft{
  margin:0 0 7px!important;
  padding:8px!important;
  border-radius:14px!important;
  background:#f2f7ff!important;
  border:1px solid #d8e8ff!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps{
  display:grid!important;
  gap:5px!important;
  max-height:calc(100vh - 225px)!important;
  overflow:auto!important;
  margin:6px 0 0!important;
  padding:0 2px 3px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps li{
  min-height:31px!important;
  padding:5px 7px!important;
  border-radius:11px!important;
  background:#fff!important;
  border:1px solid #e6eef8!important;
  gap:7px!important;
  box-shadow:none!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps li span{
  width:20px!important;height:20px!important;min-width:20px!important;font-size:.66rem!important;border-radius:8px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps li b{font-size:.72rem!important;line-height:1.08!important;}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps li.active{
  border-color:#bcd5ff!important;
  background:linear-gradient(135deg,#eef5ff,#fff)!important;
  box-shadow:0 8px 18px rgba(18,104,243,.08)!important;
}
.ai-job-wizard-premium-v40 .aiw-live-summary{
  display:grid!important;
  gap:9px!important;
  align-content:start!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-summary,
.ai-job-wizard-premium-v40 .aiw-template-insight,
.ai-job-wizard-premium-v40 .aiw-readiness-card{
  padding:10px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border:1px solid #e1ebf7!important;
  box-shadow:none!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-summary dl{gap:6px!important;}
.ai-job-wizard-premium-v40 .aiw-focus-summary dt{font-size:.65rem!important;color:#7c8aa0!important;}
.ai-job-wizard-premium-v40 .aiw-focus-summary dd{font-size:.78rem!important;color:#132033!important;font-weight:850!important;}
.ai-job-wizard-premium-v40 .aiw-focus-main{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:7px!important;
  height:calc(100vh - 148px)!important;
  min-height:555px!important;
  max-height:780px!important;
  padding:8px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid var(--aiw-border)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:var(--aiw-shadow)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-height:36px!important;
  margin:0!important;
  padding:5px!important;
  border-radius:16px!important;
  border:1px solid #e0eaf7!important;
  background:rgba(247,251,255,.96)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
  overflow-x:auto!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .btn{
  min-height:29px!important;
  padding:5px 12px!important;
  border-radius:12px!important;
  font-size:.78rem!important;
  line-height:1!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-next,
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-submit{
  min-width:120px!important;
  background:linear-gradient(135deg,var(--aiw-blue),var(--aiw-blue2))!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(18,104,243,.20)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-prev,
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-manual{
  background:#fff!important;
  color:#1457d9!important;
  border:1px solid #d6e5fa!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-skip{
  margin-inline-start:auto!important;
  background:transparent!important;
  color:#64748b!important;
  border:1px solid transparent!important;
  min-width:auto!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-prev:disabled{opacity:.45!important;cursor:not-allowed!important;}
.ai-job-wizard-premium-v40 .aiw-focus-step.active{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  height:100%!important;
  min-height:0!important;
  padding:10px!important;
  overflow:hidden!important;
  align-content:start!important;
  align-items:start!important;
  border-radius:18px!important;
  border:1px solid #edf3fb!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  grid-template-columns:minmax(260px,.86fr) minmax(260px,1fr)!important;
  grid-template-rows:40px minmax(0,1fr)!important;
  column-gap:12px!important;
  row-gap:8px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-focus-question{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:2px 7px!important;
  align-items:center!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  text-align:start!important;
  min-height:34px!important;
  max-height:40px!important;
  overflow:hidden!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question span{
  grid-column:1!important;
  grid-row:1!important;
  width:max-content!important;
  max-width:120px!important;
  padding:2px 7px!important;
  margin:0!important;
  border-radius:999px!important;
  font-size:.61rem!important;
  line-height:1.1!important;
  color:#1457d9!important;
  background:#eef5ff!important;
  border:1px solid #d8e8ff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question h2{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  color:#111c31!important;
  font-size:clamp(.94rem,1vw,1.08rem)!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question p{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin:0!important;
  max-height:15px!important;
  color:#718096!important;
  font-size:.67rem!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-search-wrap input,
.ai-job-wizard-premium-v40 .aiw-single-input-card input,
.ai-job-wizard-premium-v40 .aiw-single-input-card textarea,
.ai-job-wizard-premium-v40 .aiw-salary-panel input{
  min-height:34px!important;
  padding:.45rem .64rem!important;
  border-radius:12px!important;
  border:1px solid #cfe0ff!important;
  font-size:.82rem!important;
  box-shadow:0 6px 16px rgba(18,104,243,.045)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-v30-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-role-fallback,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-single-input-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-salary-panel,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-add-custom-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-final-quality-panel,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-final-note{
  grid-column:1 / -1!important;
  grid-row:2!important;
  align-self:start!important;
  justify-self:stretch!important;
  margin-top:0!important;
}
.ai-job-wizard-premium-v40 .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-v30-card-grid,
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group]{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(154px,1fr))!important;
  gap:8px!important;
  align-content:start!important;
  align-items:start!important;
  justify-items:stretch!important;
  grid-auto-flow:row!important;
  grid-auto-rows:minmax(42px,max-content)!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  padding:1px 3px 8px!important;
  overflow:auto!important;
  margin:0!important;
}
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="category"],
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="country"],
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="city"],
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="jobtype"],
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="work_mode"],
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="experienceid"],
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="education"],
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="gender"],
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="salary_mode"],
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="apply_method"]{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="companyid"]{
  grid-template-columns:repeat(auto-fill,minmax(160px,200px))!important;
  justify-content:start!important;
  justify-items:stretch!important;
}
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="job_title"]{
  grid-template-columns:repeat(auto-fill,minmax(174px,1fr))!important;
}
.ai-job-wizard-premium-v40 .aiw-multi-grid.aiw-v30-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card{
  width:100%!important;
  min-height:42px!important;
  height:auto!important;
  display:grid!important;
  place-items:center!important;
  gap:1px!important;
  padding:6px 9px!important;
  border-radius:13px!important;
  border:1px solid #dfe8f5!important;
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
  color:#111c31!important;
  box-shadow:0 5px 12px rgba(15,23,42,.032)!important;
  transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease,background .13s ease!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card:hover{
  transform:translateY(-1px)!important;
  border-color:#b9d0ff!important;
  box-shadow:0 9px 20px rgba(18,104,243,.09)!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card.selected{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#125fe5,#08a8da)!important;
  box-shadow:0 13px 28px rgba(18,104,243,.22)!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card .aiw-card-title{
  width:100%!important;
  font-size:.8rem!important;
  line-height:1.1!important;
  font-weight:950!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card small{
  width:100%!important;
  margin:0!important;
  font-size:.61rem!important;
  line-height:1.08!important;
  color:#667085!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card.selected small{color:rgba(255,255,255,.84)!important;}
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="companyid"] .aiw-choice-card{min-height:44px!important;padding:6px 8px!important;}
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="job_title"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-jobtype-grid .aiw-choice-card{min-height:48px!important;}
.ai-job-wizard-premium-v40 .aiw-single-input-card,
.ai-job-wizard-premium-v40 .aiw-add-custom-card,
.ai-job-wizard-premium-v40 .aiw-salary-panel{max-width:760px!important;align-self:start!important;}
.ai-job-wizard-premium-v40 .aiw-card-grid::-webkit-scrollbar,
.ai-job-wizard-premium-v40 .aiw-focus-side::-webkit-scrollbar,
.ai-job-wizard-premium-v40 .aiw-live-summary::-webkit-scrollbar,
.ai-job-wizard-premium-v40 .panel-nav::-webkit-scrollbar{width:7px;height:7px;}
.ai-job-wizard-premium-v40 .aiw-card-grid::-webkit-scrollbar-thumb,
.ai-job-wizard-premium-v40 .aiw-focus-side::-webkit-scrollbar-thumb,
.ai-job-wizard-premium-v40 .aiw-live-summary::-webkit-scrollbar-thumb,
.ai-job-wizard-premium-v40 .panel-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
@media (max-width:1260px){
  .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-areas:"side work" "summary work"!important;
  }
  [dir="rtl"] .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{grid-template-areas:"work side" "work summary"!important;}
  .ai-job-wizard-premium-v40 .aiw-live-summary{position:static!important;max-height:none!important;}
}
@media (max-width:980px){
  .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout,
  [dir="rtl"] .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:"work" "side" "summary"!important;
  }
  .ai-job-wizard-premium-v40 .aiw-focus-side,
  .ai-job-wizard-premium-v40 .aiw-live-summary{position:static!important;max-height:none!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-main{height:auto!important;max-height:none!important;min-height:560px!important;overflow:visible!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active{height:auto!important;min-height:500px!important;overflow:visible!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(0,1fr)!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{grid-column:1!important;grid-row:2!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-v30-card-grid{grid-row:3!important;max-height:none!important;}
}
@media (max-width:720px){
  .ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page{width:100%!important;padding-inline:10px!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-hero{grid-template-columns:1fr!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-hero p,
  .ai-job-wizard-premium-v40 .aiw-focus-question h2,
  .ai-job-wizard-premium-v40 .aiw-focus-question p{white-space:normal!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-actions-top{flex-wrap:wrap!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-actions-top .btn{flex:1 1 44%!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-skip{margin-inline-start:0!important;}
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="category"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="country"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="city"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="jobtype"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="work_mode"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="experienceid"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="education"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="gender"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="salary_mode"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="apply_method"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="companyid"],
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group="job_title"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:460px){
  .ai-job-wizard-premium-v40 .aiw-focus-actions-top .btn{flex:1 1 100%!important;}
  .ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group]{grid-template-columns:1fr!important;}
}

/* Phase 35 Step 10: Page-specific premium layouts for AI Job Builder
   Each wizard step now has a layout tuned for its own element type: compact header cards,
   dense grids for lists, option strips for short choices, and chip grids for multi-select steps. */
.ai-job-wizard-premium-v40.ai-job-wizard-page{
  --aiw-head-bg:linear-gradient(135deg,#ffffff 0%,#f7fbff 68%,#eef7ff 100%);
  --aiw-head-border:#dceafd;
  --aiw-step-border:#e5effb;
  --aiw-card-border:#dce8f8;
}
.ai-job-wizard-premium-v40 .aiw-focus-main{
  background:linear-gradient(180deg,#ffffff 0%,#f9fcff 100%)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active{
  position:relative!important;
  padding:10px 12px 12px!important;
  gap:10px!important;
  border-color:var(--aiw-step-border)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  grid-template-columns:minmax(260px,42%) minmax(300px,1fr)!important;
  grid-template-rows:minmax(48px,auto) minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:10px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-focus-question{
  min-height:48px!important;
  max-height:none!important;
  padding:8px 10px!important;
  border:1px solid var(--aiw-head-border)!important;
  border-radius:16px!important;
  background:var(--aiw-head-bg)!important;
  box-shadow:0 8px 18px rgba(18,104,243,.045)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{
  min-height:48px!important;
  padding:6px!important;
  border:1px solid var(--aiw-head-border)!important;
  border-radius:16px!important;
  background:var(--aiw-head-bg)!important;
  box-shadow:0 8px 18px rgba(18,104,243,.045)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap .aiw-choice-search{
  height:34px!important;
  min-height:34px!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question span{
  max-width:135px!important;
  background:#eaf3ff!important;
  border-color:#cfe2ff!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question h2{
  font-size:clamp(.9rem,.98vw,1.05rem)!important;
  color:#0f2445!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question p{
  font-size:.66rem!important;
  color:#68778c!important;
}
.ai-job-wizard-premium-v40 .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-v30-card-grid,
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group]{
  align-self:start!important;
  align-content:start!important;
  grid-auto-flow:row!important;
  grid-auto-rows:minmax(41px,max-content)!important;
  padding:2px 4px 10px!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card{
  min-height:41px!important;
  border-color:var(--aiw-card-border)!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card.selected{
  transform:none!important;
}

/* Step 1: Company selector — small company cards, never stretched across the full panel. */
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="1"] > .aiw-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(170px,220px))!important;
  justify-content:start!important;
  justify-items:stretch!important;
  height:auto!important;
  max-height:calc(100% - 2px)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="1"] .aiw-choice-card{
  min-height:46px!important;
  padding:7px 10px!important;
}

/* Steps 2, 4, 5, 9, 10: catalog-like grids with equal rhythm. */
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="2"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="4"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="5"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="9"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="10"] > .aiw-card-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="2"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="4"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="5"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="9"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="10"] .aiw-choice-card{
  min-height:42px!important;
}

/* Step 3: Role browser — more columns because role titles are numerous and short. */
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;
  gap:7px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] .aiw-choice-card{
  min-height:46px!important;
  padding:6px 8px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] .aiw-card-title{
  font-size:.76rem!important;
}

/* Step 6 + 18: typed input / final note — centered card layout. */
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="6"],
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"]{
  grid-template-rows:auto auto minmax(0,1fr)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="6"] > .aiw-single-input-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-single-input-card{
  grid-row:2!important;
  max-width:720px!important;
  padding:10px!important;
  border:1px solid var(--aiw-head-border)!important;
  border-radius:18px!important;
  background:var(--aiw-head-bg)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.045)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-quality-panel,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-note{
  grid-row:auto!important;
  max-width:780px!important;
}

/* Steps 7, 8, 11, 17: short decision choices — keep cards in one readable strip. */
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="7"],
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="8"],
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="11"],
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="17"]{
  grid-template-rows:auto auto minmax(0,1fr)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="7"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="8"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="11"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="17"] > .aiw-card-grid{
  grid-row:2!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  height:auto!important;
  max-height:none!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="7"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="8"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="11"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="17"] .aiw-choice-card{
  min-height:50px!important;
}

/* Step 12: Salary — options row + salary input card underneath only when needed. */
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"]{
  grid-template-columns:minmax(260px,42%) minmax(300px,1fr)!important;
  grid-template-rows:minmax(48px,auto) auto auto minmax(0,1fr)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-card-grid{
  grid-column:1 / -1!important;
  grid-row:2!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  height:auto!important;
  max-height:none!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel{
  grid-column:1 / -1!important;
  grid-row:3!important;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  max-width:100%!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid var(--aiw-head-border)!important;
  border-radius:16px!important;
  background:var(--aiw-head-bg)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel[hidden]{display:none!important;}

/* Steps 13-16: Multi-select suggestion chips — compact, selectable and visually different. */
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="13"],
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="14"],
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="15"],
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="16"]{
  grid-template-columns:minmax(260px,42%) minmax(300px,1fr)!important;
  grid-template-rows:minmax(48px,auto) minmax(0,1fr) auto!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="13"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="14"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="15"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="16"] > .aiw-card-grid{
  grid-column:1 / -1!important;
  grid-row:2!important;
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;
  gap:7px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="13"] > .aiw-add-custom-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="14"] > .aiw-add-custom-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="15"] > .aiw-add-custom-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="16"] > .aiw-add-custom-card{
  grid-column:1 / -1!important;
  grid-row:3!important;
  max-width:560px!important;
  margin-inline:auto!important;
  padding:8px!important;
  border:1px solid var(--aiw-head-border)!important;
  border-radius:16px!important;
  background:var(--aiw-head-bg)!important;
}
.ai-job-wizard-premium-v40 .aiw-multi-grid .aiw-choice-card{
  min-height:39px!important;
  padding-inline-start:34px!important;
}
.ai-job-wizard-premium-v40 .aiw-multi-card input{
  top:50%!important;
  transform:translateY(-50%)!important;
  inset-inline-start:10px!important;
}

@media (max-width:980px){
  .ai-job-wizard-premium-v40 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"],
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="13"],
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="14"],
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="15"],
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="16"]{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
  }
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{grid-column:1!important;grid-row:2!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-v30-card-grid{grid-row:3!important;}
}
@media (max-width:720px){
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="2"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="4"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="5"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="9"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="10"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="13"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="14"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="15"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="16"] > .aiw-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel{grid-template-columns:1fr!important;}
}

/* Phase 35 Step 11: Wizard Visual Refinement & UX Intelligence
   هدف المرحلة: تحويل الـ AI Job Builder من تصميم جيد إلى تصميم إنتاجي فائق الدقة.
   - إلغاء horizontal scroll نهائيًا.
   - ضبط نسب الأعمدة الثلاثة لصالح مساحة العمل.
   - تكبير الخط العربي المهم بدون زيادة ارتفاع الشاشة.
   - توحيد rhythm: card sizes, gaps, inputs, step headers.
   - تخصيص شكل كل خطوة حسب نوع مدخلاتها. */
body:has(.ai-job-wizard-premium-v40),
html:has(.ai-job-wizard-premium-v40){
  overflow-x:hidden!important;
}
.ai-job-wizard-premium-v40,
.ai-job-wizard-premium-v40 *,
.ai-job-wizard-premium-v40 *::before,
.ai-job-wizard-premium-v40 *::after{
  box-sizing:border-box!important;
}
.ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page,
.ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page.section{
  --aiw-side-w:208px;
  --aiw-summary-w:206px;
  --aiw-gap:9px;
  --aiw-step-head-h:48px;
  width:min(100%, calc(100vw - 18px))!important;
  max-width:1480px!important;
  margin:0 auto!important;
  padding-inline:0!important;
  overflow-x:clip!important;
}
.ai-job-wizard-premium-v40 .panel-nav,
.ai-job-wizard-premium-v40 .aiw-focus-hero,
.ai-job-wizard-premium-v40 .aiw-focus-shell,
.ai-job-wizard-premium-v40 .aiw-focus-layout,
.ai-job-wizard-premium-v40 .aiw-focus-main,
.ai-job-wizard-premium-v40 .aiw-focus-side,
.ai-job-wizard-premium-v40 .aiw-live-summary{
  min-width:0!important;
  max-width:100%!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{
  grid-template-columns:var(--aiw-side-w) minmax(0,1fr) var(--aiw-summary-w)!important;
  gap:var(--aiw-gap)!important;
  width:100%!important;
  overflow:hidden!important;
}
[dir="rtl"] .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{
  grid-template-areas:"summary work side"!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-side,
.ai-job-wizard-premium-v40 .aiw-live-summary{
  padding:9px!important;
  border-radius:18px!important;
  max-height:calc(100vh - 98px)!important;
  scrollbar-gutter:stable!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-main{
  height:calc(100vh - 142px)!important;
  min-height:590px!important;
  max-height:790px!important;
  padding:8px!important;
  gap:8px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-hero{
  min-height:40px!important;
  padding:7px 12px!important;
  margin-bottom:5px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-hero h1{
  font-size:clamp(1.03rem,1.08vw,1.2rem)!important;
  font-weight:1000!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-hero p{
  font-size:.74rem!important;
  line-height:1.24!important;
}
.ai-job-wizard-premium-v40 .panel-nav{
  padding:4px 6px!important;
  min-height:36px!important;
  margin-bottom:5px!important;
  overflow-x:auto!important;
  scrollbar-gutter:stable!important;
}
.ai-job-wizard-premium-v40 .panel-nav-inner{gap:5px!important;min-width:0!important;}
.ai-job-wizard-premium-v40 .panel-nav a.panel-nav-link,
.ai-job-wizard-premium-v40 .panel-nav a{
  min-height:28px!important;
  padding:5px 8px!important;
  font-size:.78rem!important;
  flex:0 0 auto!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top{
  min-height:38px!important;
  padding:5px!important;
  border-radius:15px!important;
  overflow-x:auto!important;
  scrollbar-width:thin!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .btn{
  min-height:31px!important;
  padding:6px 13px!important;
  font-size:.82rem!important;
  font-weight:950!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-next,
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-submit{
  min-width:126px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-skip{
  font-size:.78rem!important;
  padding-inline:10px!important;
}

/* Sidebars: clearer text, lower density, no wasted width. */
.ai-job-wizard-premium-v40 .aiw-focus-progress-head{font-size:.82rem!important;}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps{gap:5px!important;max-height:calc(100vh - 228px)!important;}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps li{
  min-height:32px!important;
  padding:5px 7px!important;
  border-radius:11px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps li b{
  font-size:.76rem!important;
  line-height:1.16!important;
  font-weight:950!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-summary dt{
  font-size:.7rem!important;
  line-height:1.1!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-summary dd{
  font-size:.84rem!important;
  line-height:1.2!important;
  font-weight:950!important;
}
.ai-job-wizard-premium-v40 .aiw-template-insight strong,
.ai-job-wizard-premium-v40 .aiw-readiness-card strong{font-size:.92rem!important;}
.ai-job-wizard-premium-v40 .aiw-template-insight p,
.ai-job-wizard-premium-v40 .aiw-readiness-card p{font-size:.74rem!important;line-height:1.45!important;}

/* Step work area: header card + stable content region. */
.ai-job-wizard-premium-v40 .aiw-focus-step.active{
  position:relative!important;
  grid-template-rows:var(--aiw-step-head-h) minmax(0,1fr)!important;
  gap:9px!important;
  padding:10px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  grid-template-columns:minmax(250px,.86fr) minmax(280px,1fr)!important;
  grid-template-rows:var(--aiw-step-head-h) minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:9px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-focus-question,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{
  min-height:var(--aiw-step-head-h)!important;
  max-height:var(--aiw-step-head-h)!important;
  align-self:start!important;
  border:1px solid #dce9fb!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-focus-question{
  padding:7px 10px!important;
  border-radius:15px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{
  padding:6px!important;
  border-radius:15px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question span{
  font-size:.66rem!important;
  max-width:132px!important;
  padding:3px 8px!important;
  font-weight:950!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question h2{
  font-size:clamp(1.01rem,1.04vw,1.15rem)!important;
  line-height:1.14!important;
  font-weight:1000!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question p{
  font-size:.72rem!important;
  line-height:1.18!important;
  max-height:16px!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-search-wrap input,
.ai-job-wizard-premium-v40 .aiw-single-input-card input,
.ai-job-wizard-premium-v40 .aiw-single-input-card textarea,
.ai-job-wizard-premium-v40 .aiw-salary-panel input{
  min-height:34px!important;
  font-size:.86rem!important;
  font-weight:750!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-v30-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-role-fallback,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-single-input-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-salary-panel,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-add-custom-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-final-quality-panel,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-final-note{
  grid-row:2!important;
  align-self:start!important;
  min-width:0!important;
}

/* Cards: production typography and rhythm. */
.ai-job-wizard-premium-v40 .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-v30-card-grid,
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group]{
  gap:8px!important;
  padding:2px 3px 8px!important;
  align-content:start!important;
  align-items:start!important;
  justify-content:stretch!important;
  height:auto!important;
  max-height:100%!important;
  overflow:auto!important;
  scrollbar-gutter:stable!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card{
  min-height:44px!important;
  padding:7px 10px!important;
  border-radius:13px!important;
  outline:0!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card .aiw-card-title{
  font-size:.86rem!important;
  line-height:1.14!important;
  font-weight:1000!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card small{
  font-size:.68rem!important;
  line-height:1.12!important;
  font-weight:800!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card:focus-visible{
  box-shadow:0 0 0 3px rgba(18,104,243,.16),0 12px 26px rgba(18,104,243,.12)!important;
  border-color:#8bb8ff!important;
}

/* Step-specific layout tuning. */
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="1"] > .aiw-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(170px,210px))!important;
  justify-content:start!important;
  height:auto!important;
  max-height:100%!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="1"] .aiw-choice-card{
  min-height:48px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="2"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="4"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="5"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="9"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="10"] > .aiw-card-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:minmax(46px,max-content)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(142px,1fr))!important;
  grid-auto-rows:minmax(48px,max-content)!important;
  gap:7px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] .aiw-choice-card .aiw-card-title{
  font-size:.8rem!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="7"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="8"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="11"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="17"] > .aiw-card-grid{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  height:auto!important;
  max-height:none!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="7"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="8"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="11"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="17"] .aiw-choice-card{
  min-height:52px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="6"] > .aiw-single-input-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-single-input-card{
  width:min(720px,72%)!important;
  margin:4px auto 0!important;
  padding:14px!important;
  border-radius:18px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="6"] .aiw-single-input-card input{
  min-height:42px!important;
  text-align:start!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] .aiw-single-input-card textarea{
  min-height:104px!important;
  resize:vertical!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-card-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  height:auto!important;
  max-height:none!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  padding:11px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="13"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="14"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="15"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="16"] > .aiw-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(178px,1fr))!important;
  gap:8px!important;
}
.ai-job-wizard-premium-v40 .aiw-multi-grid .aiw-choice-card{
  min-height:41px!important;
  padding-inline-start:34px!important;
}
.ai-job-wizard-premium-v40 .aiw-multi-card input{
  width:15px!important;
  height:15px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-quality-panel{
  width:min(520px,62%)!important;
  margin:10px auto 0!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-note{
  width:min(760px,76%)!important;
  margin:12px auto 0!important;
}

/* Responsive precision: keep three zones on wide screens, collapse gracefully. */
@media (min-width:1500px){
  .ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page{--aiw-side-w:218px;--aiw-summary-w:216px;}
  .ai-job-wizard-premium-v40 .aiw-focus-main{min-height:620px!important;}
}
@media (max-width:1366px){
  .ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page{--aiw-side-w:190px;--aiw-summary-w:190px;--aiw-gap:8px;}
  .ai-job-wizard-premium-v40 .aiw-focus-main{height:calc(100vh - 138px)!important;min-height:570px!important;padding:7px!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active{padding:9px!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;}
  .ai-job-wizard-premium-v40 .aiw-choice-card .aiw-card-title{font-size:.82rem!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-mini-steps li b{font-size:.73rem!important;}
}
@media (max-width:1200px){
  .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout,
  [dir="rtl"] .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{
    grid-template-columns:190px minmax(0,1fr)!important;
    grid-template-areas:"side work" "summary work"!important;
  }
  [dir="rtl"] .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{grid-template-areas:"work side" "work summary"!important;}
  .ai-job-wizard-premium-v40 .aiw-live-summary{position:static!important;max-height:none!important;}
}
@media (max-width:980px){
  .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout,
  [dir="rtl"] .ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:"work" "side" "summary"!important;
  }
  .ai-job-wizard-premium-v40 .aiw-focus-main{height:auto!important;min-height:560px!important;max-height:none!important;overflow:visible!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-side,.ai-job-wizard-premium-v40 .aiw-live-summary{position:static!important;max-height:none!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(0,1fr)!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{grid-column:1!important;grid-row:2!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-card-grid{grid-row:3!important;}
}
@media (max-width:720px){
  .ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page{width:100%!important;max-width:100%!important;padding-inline:8px!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-focus-question,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{max-height:none!important;min-height:0!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-question h2,
  .ai-job-wizard-premium-v40 .aiw-focus-question p{white-space:normal!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="2"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="4"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="5"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="7"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="8"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="9"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="10"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="11"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="13"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="14"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="15"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="16"] > .aiw-card-grid,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="17"] > .aiw-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="6"] > .aiw-single-input-card,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-single-input-card,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-quality-panel,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-note{width:100%!important;}
}
@media (max-width:460px){
  .ai-job-wizard-premium-v40 .aiw-card-grid,.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group]{grid-template-columns:1fr!important;}
}


/* Phase 35 Step 12: Wizard Typography & Visual Balance Final Polish
   - Raise Arabic readability without increasing visual clutter.
   - Remove the remaining horizontal scroll at page and builder level.
   - Make side summaries, step titles, option cards, and action buttons clearer.
   - Keep the Step 11 three-zone layout and page-specific cards intact. */
html:has(.ai-job-wizard-premium-v40),
body:has(.ai-job-wizard-premium-v40){
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body:has(.ai-job-wizard-premium-v40) .site,
body:has(.ai-job-wizard-premium-v40) .page,
body:has(.ai-job-wizard-premium-v40) main,
body:has(.ai-job-wizard-premium-v40) .container,
body:has(.ai-job-wizard-premium-v40) .container-fluid{
  max-width:100vw!important;
  overflow-x:clip!important;
}
.ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page,
.ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page.section{
  --aiw-side-w:216px!important;
  --aiw-summary-w:214px!important;
  --aiw-gap:10px!important;
  --aiw-step-head-h:56px!important;
  width:100%!important;
  max-width:min(100%, 1490px)!important;
  padding-inline:0!important;
  overflow-x:hidden!important;
  font-size:14px!important;
}
.ai-job-wizard-premium-v40 .panel-nav,
.ai-job-wizard-premium-v40 .aiw-focus-shell,
.ai-job-wizard-premium-v40 .aiw-focus-layout,
.ai-job-wizard-premium-v40 .aiw-focus-main,
.ai-job-wizard-premium-v40 .aiw-focus-step,
.ai-job-wizard-premium-v40 .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-v30-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-actions-top{
  max-width:100%!important;
  overflow-x:hidden!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-layout.aiw-v31-layout{
  grid-template-columns:var(--aiw-side-w) minmax(0,1fr) var(--aiw-summary-w)!important;
  gap:var(--aiw-gap)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-main{
  padding:9px!important;
  min-height:600px!important;
  height:calc(100vh - 138px)!important;
  border-radius:20px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-hero{
  min-height:44px!important;
  padding:8px 13px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-hero h1{
  font-size:clamp(1.13rem,1.15vw,1.28rem)!important;
  line-height:1.22!important;
  letter-spacing:-.01em!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-hero p{
  font-size:.82rem!important;
  line-height:1.38!important;
  color:#526174!important;
}
.ai-job-wizard-premium-v40 .panel-nav{
  min-height:38px!important;
  padding:5px 7px!important;
}
.ai-job-wizard-premium-v40 .panel-nav a.panel-nav-link,
.ai-job-wizard-premium-v40 .panel-nav a{
  min-height:30px!important;
  padding:6px 9px!important;
  font-size:.84rem!important;
  font-weight:850!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top{
  min-height:42px!important;
  padding:6px!important;
  border-radius:16px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .btn{
  min-height:34px!important;
  padding:7px 15px!important;
  font-size:.9rem!important;
  font-weight:950!important;
  border-radius:13px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-next,
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-submit{
  min-width:132px!important;
  box-shadow:0 10px 22px rgba(18,104,243,.18)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-actions-top .aiw-action-skip{
  font-size:.86rem!important;
  color:#526174!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active{
  grid-template-rows:var(--aiw-step-head-h) minmax(0,1fr)!important;
  gap:10px!important;
  padding:12px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  grid-template-columns:minmax(285px,.86fr) minmax(330px,1fr)!important;
  grid-template-rows:var(--aiw-step-head-h) minmax(0,1fr)!important;
  column-gap:12px!important;
  row-gap:10px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-focus-question,
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{
  min-height:var(--aiw-step-head-h)!important;
  max-height:var(--aiw-step-head-h)!important;
  border-color:#cfe0f7!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-focus-question{
  padding:8px 12px!important;
  border-radius:16px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{
  padding:7px!important;
  border-radius:16px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question span{
  font-size:.74rem!important;
  line-height:1.15!important;
  padding:4px 9px!important;
  max-width:154px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question h2{
  font-size:clamp(1.12rem,1.13vw,1.28rem)!important;
  line-height:1.18!important;
  font-weight:1000!important;
  color:#0d1b35!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-question p{
  font-size:.82rem!important;
  line-height:1.35!important;
  color:#526174!important;
  max-height:24px!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-search-wrap input,
.ai-job-wizard-premium-v40 .aiw-single-input-card input,
.ai-job-wizard-premium-v40 .aiw-single-input-card textarea,
.ai-job-wizard-premium-v40 .aiw-salary-panel input{
  min-height:39px!important;
  font-size:.92rem!important;
  font-weight:650!important;
  color:#172033!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-search-wrap input::placeholder,
.ai-job-wizard-premium-v40 .aiw-single-input-card input::placeholder,
.ai-job-wizard-premium-v40 .aiw-single-input-card textarea::placeholder,
.ai-job-wizard-premium-v40 .aiw-salary-panel input::placeholder{
  color:#7b8797!important;
  opacity:1!important;
}
.ai-job-wizard-premium-v40 .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-v30-card-grid[data-aiw-choice-group]{
  gap:9px!important;
  align-content:start!important;
  justify-content:stretch!important;
  padding:1px!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card{
  min-height:50px!important;
  padding:9px 12px!important;
  border-radius:14px!important;
  border-color:#d8e5f5!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card:hover{
  border-color:#9ec4ff!important;
  box-shadow:0 12px 28px rgba(18,104,243,.10)!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card.selected{
  border-color:#1684f2!important;
  box-shadow:0 13px 30px rgba(18,104,243,.16)!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card .aiw-card-title{
  font-size:.93rem!important;
  line-height:1.22!important;
  font-weight:1000!important;
  color:#0f1e36!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card small{
  font-size:.76rem!important;
  line-height:1.26!important;
  font-weight:750!important;
  color:#637083!important;
}
.ai-job-wizard-premium-v40 .aiw-choice-card.selected .aiw-card-title,
.ai-job-wizard-premium-v40 .aiw-choice-card.selected small{
  color:#fff!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-side,
.ai-job-wizard-premium-v40 .aiw-live-summary{
  padding:10px!important;
  border-radius:19px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-progress-head,
.ai-job-wizard-premium-v40 .aiw-live-summary .aiw-focus-progress-head{
  font-size:.9rem!important;
  font-weight:1000!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps li{
  min-height:35px!important;
  padding:6px 8px!important;
  border-radius:12px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps li b{
  font-size:.82rem!important;
  line-height:1.2!important;
  font-weight:950!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps li span{
  min-width:24px!important;
  width:24px!important;
  height:24px!important;
  font-size:.78rem!important;
  font-weight:1000!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-mini-steps li.active{
  border-color:#7eb6ff!important;
  background:linear-gradient(180deg,#eff6ff,#ffffff)!important;
  box-shadow:inset 0 0 0 1px rgba(18,104,243,.06)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-summary dt{
  font-size:.78rem!important;
  line-height:1.15!important;
  font-weight:850!important;
  color:#64748b!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-summary dd{
  font-size:.96rem!important;
  line-height:1.25!important;
  font-weight:1000!important;
  color:#15243b!important;
}
.ai-job-wizard-premium-v40 .aiw-readiness-card strong{
  font-size:1.02rem!important;
  line-height:1.25!important;
}
.ai-job-wizard-premium-v40 .aiw-readiness-card p,
.ai-job-wizard-premium-v40 .aiw-readiness-card li,
.ai-job-wizard-premium-v40 .aiw-template-insight p{
  font-size:.82rem!important;
  line-height:1.5!important;
}
.ai-job-wizard-premium-v40 .aiw-template-insight strong{
  font-size:1rem!important;
}
.ai-job-wizard-premium-v40 .aiw-template-insight span{
  font-size:.8rem!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="1"] > .aiw-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(190px,230px))!important;
  gap:10px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="1"] .aiw-choice-card{
  min-height:58px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="2"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="4"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="5"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="9"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="10"] > .aiw-card-grid{
  grid-auto-rows:minmax(50px,max-content)!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  grid-auto-rows:minmax(51px,max-content)!important;
  gap:8px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] .aiw-choice-card .aiw-card-title{
  font-size:.87rem!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] .aiw-choice-card small{
  font-size:.72rem!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="7"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="8"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="11"] .aiw-choice-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="17"] .aiw-choice-card{
  min-height:57px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="6"] > .aiw-single-input-card,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-single-input-card{
  width:min(760px,76%)!important;
  padding:16px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="6"] .aiw-single-input-card input{
  min-height:46px!important;
  font-size:.98rem!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="18"] .aiw-single-input-card textarea{
  min-height:124px!important;
  font-size:.94rem!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel{
  padding:13px!important;
}
.ai-job-wizard-premium-v40 .aiw-multi-grid .aiw-choice-card{
  min-height:44px!important;
  padding-inline-start:36px!important;
}
.ai-job-wizard-premium-v40 .aiw-multi-card input{
  width:16px!important;
  height:16px!important;
  inset-inline-start:11px!important;
}
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="13"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="14"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="15"] > .aiw-card-grid,
.ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="16"] > .aiw-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
}
.ai-job-wizard-premium-v40 .aiw-final-quality-panel strong,
.ai-job-wizard-premium-v40 .aiw-final-note strong{
  font-size:1rem!important;
}
.ai-job-wizard-premium-v40 .aiw-final-quality-panel,
.ai-job-wizard-premium-v40 .aiw-final-note{
  font-size:.88rem!important;
  line-height:1.55!important;
}
@media (max-width:1500px){
  .ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page{--aiw-side-w:206px!important;--aiw-summary-w:204px!important;--aiw-gap:9px!important;}
  .ai-job-wizard-premium-v40 .aiw-choice-card .aiw-card-title{font-size:.9rem!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))!important;}
}
@media (max-width:1366px){
  .ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page{--aiw-side-w:196px!important;--aiw-summary-w:196px!important;--aiw-gap:8px!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-main{height:calc(100vh - 136px)!important;min-height:580px!important;padding:8px!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active{padding:10px!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){grid-template-columns:minmax(260px,.84fr) minmax(300px,1fr)!important;}
  .ai-job-wizard-premium-v40 .aiw-choice-card .aiw-card-title{font-size:.87rem!important;}
  .ai-job-wizard-premium-v40 .aiw-choice-card small{font-size:.72rem!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-mini-steps li b{font-size:.78rem!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-summary dd{font-size:.9rem!important;}
}
@media (max-width:980px){
  .ai-job-wizard-page.ai-job-wizard-premium-v40.panel-page{font-size:14px!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){grid-template-rows:auto auto minmax(0,1fr)!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-focus-question,
  .ai-job-wizard-premium-v40 .aiw-focus-step.active > .aiw-choice-search-wrap{min-height:0!important;max-height:none!important;}
}
@media (max-width:720px){
  .ai-job-wizard-premium-v40 .aiw-focus-hero h1{font-size:1.08rem!important;}
  .ai-job-wizard-premium-v40 .aiw-focus-question h2{font-size:1.04rem!important;}
  .ai-job-wizard-premium-v40 .aiw-choice-card .aiw-card-title{font-size:.92rem!important;}
  .ai-job-wizard-premium-v40 .aiw-choice-card small{font-size:.76rem!important;}
}

/* Phase 35 / Step 14 — AI Job Wizard clean rebuild from scratch.
   Goal: stable professional layout, no element overlap, no horizontal scroll,
   clear Arabic typography, and page-specific card sizing. */
.ai-job-wizard-page.ai-job-wizard-studio-v50{
  --aiw-summary-w: 218px;
  --aiw-steps-w: 218px;
  --aiw-gap: 12px;
  --aiw-blue: #126fe6;
  --aiw-cyan: #0ba7d8;
  --aiw-ink: #071a33;
  --aiw-muted: #53657c;
  --aiw-line: #cfe0f6;
  --aiw-soft: #f6faff;
  --aiw-card: #ffffff;
  --aiw-radius: 18px;
  font-size: 15px;
  line-height: 1.45;
  overflow-x: clip !important;
  max-width: 100% !important;
}
.ai-job-wizard-page.ai-job-wizard-studio-v50,
.ai-job-wizard-page.ai-job-wizard-studio-v50 *{
  box-sizing: border-box;
}
.ai-job-wizard-page.ai-job-wizard-studio-v50 .panel-nav,
.ai-job-wizard-page.ai-job-wizard-studio-v50 .panel-tabs,
.ai-job-wizard-page.ai-job-wizard-studio-v50 .dashboard-tabs{
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-shell,
.ai-job-wizard-studio-v50 form[data-aiw-form]{
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-hero{
  min-height: 72px !important;
  padding: 12px 18px !important;
  margin: 8px 0 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg,#ffffff 0%,#f6fbff 100%) !important;
  border: 1px solid var(--aiw-line) !important;
  overflow: hidden !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-hero h1{
  margin: 2px 0 !important;
  font-size: 1.18rem !important;
  line-height: 1.28 !important;
  font-weight: 950 !important;
  color: var(--aiw-ink) !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-hero p{
  margin: 0 !important;
  font-size: .86rem !important;
  line-height: 1.5 !important;
  color: var(--aiw-muted) !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-usage{
  width: 78px !important;
  min-width: 78px !important;
  min-height: 58px !important;
  border-radius: 16px !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-layout.aiw-v31-layout{
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: var(--aiw-summary-w) minmax(0,1fr) var(--aiw-steps-w) !important;
  grid-template-areas: "summary work side" !important;
  gap: var(--aiw-gap) !important;
  align-items: stretch !important;
  overflow: hidden !important;
}
[dir="ltr"] .ai-job-wizard-studio-v50 .aiw-focus-layout.aiw-v31-layout{
  grid-template-areas: "side work summary" !important;
}
.ai-job-wizard-studio-v50 .aiw-live-summary{ grid-area: summary !important; }
.ai-job-wizard-studio-v50 .aiw-focus-main{ grid-area: work !important; }
.ai-job-wizard-studio-v50 .aiw-focus-side{ grid-area: side !important; }
.ai-job-wizard-studio-v50 .aiw-focus-side,
.ai-job-wizard-studio-v50 .aiw-live-summary,
.ai-job-wizard-studio-v50 .aiw-focus-main{
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--aiw-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-side,
.ai-job-wizard-studio-v50 .aiw-live-summary{
  padding: 10px !important;
  max-height: calc(100vh - 252px) !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
}
.ai-job-wizard-studio-v50 .aiw-focus-main{
  min-height: 610px !important;
  max-height: calc(100vh - 248px) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) !important;
  padding: 10px !important;
  gap: 10px !important;
  box-shadow: 0 18px 42px rgba(20,88,166,.06) !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-actions-top{
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 132px 118px minmax(60px,1fr) 118px 118px !important;
  grid-template-areas: "next prev spacer skip manual" !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 7px !important;
  margin: 0 !important;
  border: 1px solid #d8e7fa !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg,#f8fbff 0%,#fff 100%) !important;
  box-shadow: 0 8px 24px rgba(18,111,230,.05) !important;
  overflow: hidden !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-actions-top .btn{
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: .92rem !important;
  font-weight: 850 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
.ai-job-wizard-studio-v50 .aiw-action-next,
.ai-job-wizard-studio-v50 .aiw-action-submit{ grid-area: next !important; }
.ai-job-wizard-studio-v50 .aiw-action-prev{ grid-area: prev !important; }
.ai-job-wizard-studio-v50 .aiw-action-skip{ grid-area: skip !important; justify-self: start !important; }
.ai-job-wizard-studio-v50 .aiw-action-manual{ grid-area: manual !important; }
.ai-job-wizard-studio-v50 .aiw-action-skip{
  background: transparent !important;
  border-color: transparent !important;
  color: #49627e !important;
  box-shadow: none !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step{
  display: none !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active{
  grid-row: 2 !important;
  min-height: 0 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(280px,.95fr) minmax(320px,1.25fr) !important;
  grid-template-rows: auto minmax(0,1fr) auto auto !important;
  gap: 12px !important;
  align-content: start !important;
  align-items: start !important;
  padding: 10px !important;
  border: 1px solid #d9e8fb !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 25% 10%, rgba(18,111,230,.05), transparent 28%),
    #fff !important;
  overflow: hidden !important;
  position: relative !important;
}
[dir="rtl"] .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-focus-question{ grid-column: 2 !important; grid-row: 1 !important; }
[dir="rtl"] .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-choice-search-wrap{ grid-column: 1 !important; grid-row: 1 !important; }
[dir="ltr"] .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-focus-question{ grid-column: 1 !important; grid-row: 1 !important; }
[dir="ltr"] .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-choice-search-wrap{ grid-column: 2 !important; grid-row: 1 !important; }
.ai-job-wizard-studio-v50 .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-focus-question{
  grid-column: 1 / -1 !important;
  max-width: 760px !important;
  justify-self: center !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-focus-question,
.ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-choice-search-wrap{
  min-width: 0 !important;
  width: 100% !important;
  min-height: 58px !important;
  max-height: none !important;
  padding: 10px 13px !important;
  margin: 0 !important;
  border: 1px solid #d6e7fb !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 8px 24px rgba(15,88,166,.05) !important;
  position: relative !important;
  z-index: 3 !important;
  overflow: hidden !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-question{
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-areas: "badge title" "badge desc" !important;
  column-gap: 9px !important;
  row-gap: 2px !important;
  align-items: center !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-question span{
  grid-area: badge !important;
  align-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #edf5ff !important;
  color: #126fe6 !important;
  font-size: .78rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-question h2{
  grid-area: title !important;
  margin: 0 !important;
  color: var(--aiw-ink) !important;
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-question p{
  grid-area: desc !important;
  margin: 0 !important;
  color: var(--aiw-muted) !important;
  font-size: .82rem !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ai-job-wizard-studio-v50 .aiw-choice-search-wrap{
  display: flex !important;
  align-items: center !important;
}
.ai-job-wizard-studio-v50 .aiw-choice-search-wrap input,
.ai-job-wizard-studio-v50 .aiw-single-input-card input,
.ai-job-wizard-studio-v50 .aiw-single-input-card textarea,
.ai-job-wizard-studio-v50 .aiw-salary-panel input{
  width: 100% !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 13px !important;
  border-radius: 13px !important;
  border: 1px solid #bdd5f4 !important;
  background: #fff !important;
  color: var(--aiw-ink) !important;
  font-size: .95rem !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.ai-job-wizard-studio-v50 .aiw-choice-search-wrap input:focus,
.ai-job-wizard-studio-v50 .aiw-single-input-card input:focus,
.ai-job-wizard-studio-v50 .aiw-single-input-card textarea:focus,
.ai-job-wizard-studio-v50 .aiw-salary-panel input:focus{
  outline: 0 !important;
  border-color: #2b7bf0 !important;
  box-shadow: 0 0 0 3px rgba(18,111,230,.12) !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-single-input-card,
.ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-salary-panel,
.ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-final-quality-panel,
.ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-final-note{
  grid-column: 1 / -1 !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-card-grid{
  grid-row: 2 !important;
  align-self: start !important;
  justify-self: stretch !important;
  align-content: start !important;
  justify-content: stretch !important;
  display: grid !important;
  gap: 9px !important;
  padding: 2px 2px 14px !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin;
}
.ai-job-wizard-studio-v50 .aiw-choice-card{
  min-width: 0 !important;
  min-height: 46px !important;
  height: auto !important;
  padding: 9px 12px !important;
  border-radius: 13px !important;
  border: 1px solid #d0e0f5 !important;
  background: linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  color: var(--aiw-ink) !important;
  box-shadow: 0 5px 15px rgba(15,73,134,.035) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  text-align: center !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  transform: translateZ(0);
}
.ai-job-wizard-studio-v50 .aiw-choice-card:hover{
  border-color: #8fbaf0 !important;
  background: #f8fbff !important;
  transform: translateY(-1px) !important;
}
.ai-job-wizard-studio-v50 .aiw-choice-card.selected{
  border-color: transparent !important;
  color: #fff !important;
  background: linear-gradient(135deg,var(--aiw-blue),var(--aiw-cyan)) !important;
  box-shadow: 0 12px 28px rgba(18,111,230,.22) !important;
}
.ai-job-wizard-studio-v50 .aiw-choice-card .aiw-card-title{
  max-width: 100% !important;
  color: inherit !important;
  font-size: .94rem !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ai-job-wizard-studio-v50 .aiw-choice-card small{
  max-width: 100% !important;
  color: inherit !important;
  opacity: .78 !important;
  font-size: .76rem !important;
  line-height: 1.22 !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* page-specific layouts */
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="1"] > .aiw-card-grid{
  grid-template-columns: repeat(2, minmax(210px, 300px)) !important;
  justify-content: end !important;
  align-content: start !important;
}
[dir="ltr"] .ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="1"] > .aiw-card-grid{ justify-content: start !important; }
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="1"] .aiw-choice-card{ min-height: 58px !important; }
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="2"] > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="4"] > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="5"] > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="9"] > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="10"] > .aiw-card-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid{
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="3"] .aiw-choice-card{
  min-height: 52px !important;
  padding-inline: 9px !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="3"] .aiw-choice-card .aiw-card-title{ font-size: .86rem !important; }
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="3"] .aiw-choice-card small{ font-size: .7rem !important; }
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="7"] > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="8"] > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="11"] > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="17"] > .aiw-card-grid{
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  align-content: start !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="7"] .aiw-choice-card,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="8"] .aiw-choice-card,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="11"] .aiw-choice-card,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="17"] .aiw-choice-card{ min-height: 56px !important; }
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-card-grid{
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel{
  grid-row: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid #d6e7fb !important;
  border-radius: 16px !important;
  background: #f8fbff !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="6"],
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="18"]{
  grid-template-rows: auto auto auto minmax(0,1fr) !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="6"] > .aiw-single-input-card,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-single-input-card{
  grid-row: 2 !important;
  width: min(720px, 88%) !important;
  justify-self: center !important;
  padding: 13px !important;
  border: 1px solid #d6e7fb !important;
  border-radius: 18px !important;
  background: #f8fbff !important;
  box-shadow: 0 18px 38px rgba(18,111,230,.08) !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="18"] .aiw-single-input-card textarea{
  min-height: 96px !important;
  height: 96px !important;
  padding-top: 12px !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-quality-panel{
  grid-row: 3 !important;
  width: min(360px, 80%) !important;
  justify-self: center !important;
  padding: 12px !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-note{
  grid-row: 4 !important;
  width: min(780px, 90%) !important;
  justify-self: center !important;
  align-self: start !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="13"] > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="14"] > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="15"] > .aiw-card-grid,
.ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="16"] > .aiw-card-grid{
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 8px !important;
}
.ai-job-wizard-studio-v50 .aiw-multi-grid .aiw-choice-card{
  min-height: 42px !important;
  padding-inline-end: 34px !important;
  position: relative !important;
  align-items: center !important;
}
.ai-job-wizard-studio-v50 .aiw-multi-grid .aiw-choice-card input[type="checkbox"]{
  position: absolute !important;
  inset-inline-end: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
}
.ai-job-wizard-studio-v50 .aiw-add-custom-card{
  grid-row: 3 !important;
  width: min(540px, 80%) !important;
  justify-self: center !important;
  padding: 10px !important;
}
/* sidebars */
.ai-job-wizard-studio-v50 .aiw-focus-progress-head{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  font-size: .84rem !important;
  font-weight: 900 !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-progress-head b,
.ai-job-wizard-studio-v50 .aiw-readiness-head strong{
  font-size: 1rem !important;
  font-weight: 950 !important;
}
.ai-job-wizard-studio-v50 .aiw-progress-bar,
.ai-job-wizard-studio-v50 .aiw-readiness-bar{
  height: 7px !important;
  border-radius: 999px !important;
  background: #edf4ff !important;
  overflow: hidden !important;
}
.ai-job-wizard-studio-v50 .aiw-autosave-status{
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-mini-steps{
  display: grid !important;
  gap: 7px !important;
  margin-top: 10px !important;
  padding: 0 !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-mini-steps li{
  min-height: 34px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 9px !important;
  border: 1px solid #d9e7f9 !important;
  border-radius: 12px !important;
  background: #fff !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-mini-steps li span{
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #eef5ff !important;
  color: #126fe6 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-mini-steps li b{
  font-size: .84rem !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  color: #31445d !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-mini-steps li.active{
  border-color: #91bcf5 !important;
  background: #f3f8ff !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-mini-steps li.active b{ color:#126fe6 !important; }
.ai-job-wizard-studio-v50 .aiw-focus-mini-steps li.done{
  border-color: #bcefd2 !important;
  background: #f1fff7 !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-mini-steps li.done span{
  background: #16a34a !important;
  color: #fff !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-summary .panel-kicker,
.ai-job-wizard-studio-v50 .aiw-template-insight span{
  display: block !important;
  margin-bottom: 8px !important;
  font-size: .84rem !important;
  font-weight: 900 !important;
  color: #126fe6 !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-summary dl{
  display: grid !important;
  gap: 8px !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-summary dl div{
  min-height: 54px !important;
  padding: 9px 10px !important;
  border: 1px solid #dbe8f8 !important;
  border-radius: 13px !important;
  background: #fcfdff !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-summary dt{
  margin-bottom: 3px !important;
  color: #6b7c91 !important;
  font-size: .78rem !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}
.ai-job-wizard-studio-v50 .aiw-focus-summary dd{
  margin: 0 !important;
  color: var(--aiw-ink) !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  overflow-wrap: anywhere !important;
}
.ai-job-wizard-studio-v50 .aiw-readiness-card,
.ai-job-wizard-studio-v50 .aiw-template-insight,
.ai-job-wizard-studio-v50 .aiw-side-draft{
  border-radius: 15px !important;
  border: 1px solid #d6e7fb !important;
  padding: 11px !important;
  background: #f8fbff !important;
}
/* viewport tuning */
@media (max-width: 1500px){
  .ai-job-wizard-page.ai-job-wizard-studio-v50{
    --aiw-summary-w: 204px;
    --aiw-steps-w: 204px;
    --aiw-gap: 10px;
    font-size: 14.6px;
  }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active{ grid-template-columns: minmax(250px,.9fr) minmax(300px,1.25fr) !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid{ grid-template-columns: repeat(auto-fill, minmax(136px,1fr)) !important; }
  .ai-job-wizard-studio-v50 .aiw-choice-card .aiw-card-title{ font-size:.88rem !important; }
  .ai-job-wizard-studio-v50 .aiw-choice-card small{ font-size:.7rem !important; }
}
@media (max-width: 1366px){
  .ai-job-wizard-page.ai-job-wizard-studio-v50{
    --aiw-summary-w: 188px;
    --aiw-steps-w: 188px;
    --aiw-gap: 8px;
    font-size: 14px;
  }
  .ai-job-wizard-studio-v50 .aiw-focus-main{ padding:8px !important; gap:8px !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active{ padding:8px !important; gap:9px !important; grid-template-columns: minmax(230px,.9fr) minmax(270px,1.2fr) !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-focus-question,
  .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-choice-search-wrap{ min-height:52px !important; padding:8px 10px !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-question h2{ font-size: .98rem !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-question p{ font-size: .75rem !important; }
  .ai-job-wizard-studio-v50 .aiw-choice-search-wrap input{ min-height:36px !important; height:36px !important; font-size:.88rem !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="2"] > .aiw-card-grid,
  .ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="4"] > .aiw-card-grid,
  .ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="5"] > .aiw-card-grid,
  .ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="9"] > .aiw-card-grid,
  .ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="10"] > .aiw-card-grid{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid{ grid-template-columns: repeat(auto-fill, minmax(128px,1fr)) !important; }
  .ai-job-wizard-studio-v50 .aiw-choice-card{ min-height:42px !important; padding:7px 9px !important; }
  .ai-job-wizard-studio-v50 .aiw-choice-card .aiw-card-title{ font-size:.82rem !important; }
  .ai-job-wizard-studio-v50 .aiw-choice-card small{ font-size:.66rem !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-mini-steps li b{ font-size:.78rem !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-summary dd{ font-size:.92rem !important; }
}
@media (max-width: 1100px){
  .ai-job-wizard-studio-v50 .aiw-focus-layout.aiw-v31-layout,
  [dir="ltr"] .ai-job-wizard-studio-v50 .aiw-focus-layout.aiw-v31-layout{
    grid-template-columns: minmax(0,1fr) var(--aiw-steps-w) !important;
    grid-template-areas: "work side" "summary side" !important;
  }
  .ai-job-wizard-studio-v50 .aiw-live-summary{ max-height:none !important; }
}
@media (max-width: 860px){
  .ai-job-wizard-studio-v50 .aiw-focus-layout.aiw-v31-layout,
  [dir="ltr"] .ai-job-wizard-studio-v50 .aiw-focus-layout.aiw-v31-layout{
    grid-template-columns: 1fr !important;
    grid-template-areas: "work" "side" "summary" !important;
  }
  .ai-job-wizard-studio-v50 .aiw-focus-side,
  .ai-job-wizard-studio-v50 .aiw-live-summary,
  .ai-job-wizard-studio-v50 .aiw-focus-main{ max-height:none !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active,
  .ai-job-wizard-studio-v50 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto minmax(0,1fr) auto auto !important;
  }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-focus-question,
  .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-choice-search-wrap,
  [dir="rtl"] .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-focus-question,
  [dir="rtl"] .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-choice-search-wrap{
    grid-column: 1 !important;
  }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-focus-question{ grid-row:1 !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-choice-search-wrap{ grid-row:2 !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active > .aiw-card-grid{ grid-row:3 !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-step.active[data-aiw-step] > .aiw-card-grid{ grid-template-columns: 1fr !important; }
  .ai-job-wizard-studio-v50 .aiw-focus-actions-top{ grid-template-columns: 1fr 1fr; grid-template-areas:"next prev" "manual skip" !important; }
}

/* Phase 35 / Step 23 — Final AI Job Wizard role-flow UI stabilization.
   This patch intentionally sits at the end to neutralize older experimental wizard rules. */
html:has(.ai-job-wizard-final-v80),
body:has(.ai-job-wizard-final-v80){
  overflow-x:hidden!important;
}
body:has(.ai-job-wizard-final-v80) .container,
body:has(.ai-job-wizard-final-v80) main,
body:has(.ai-job-wizard-final-v80) .site,
body:has(.ai-job-wizard-final-v80) .page{
  max-width:100vw!important;
  overflow-x:clip!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80{
  --aiw-side-w:218px;
  --aiw-summary-w:218px;
  --aiw-gap:12px;
  --aiw-blue:#126fe6;
  --aiw-blue-2:#0a64d8;
  --aiw-ink:#071a33;
  --aiw-muted:#53657c;
  --aiw-line:#d4e4f7;
  --aiw-soft:#f6faff;
  --aiw-radius:20px;
  width:100%!important;
  max-width:min(100%,1500px)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  overflow-x:hidden!important;
  color:var(--aiw-ink)!important;
  font-size:15.5px!important;
  line-height:1.55!important;
  text-align:start!important;
}
.ai-job-wizard-final-v80,
.ai-job-wizard-final-v80 *{
  box-sizing:border-box!important;
}
.ai-job-wizard-final-v80 [hidden],
.ai-job-wizard-final-v80 .aiw-choice-card[hidden]{
  display:none!important;
}
.ai-job-wizard-final-v80 .panel-nav,
.ai-job-wizard-final-v80 .aiw-focus-hero,
.ai-job-wizard-final-v80 .aiw-focus-shell,
.ai-job-wizard-final-v80 form[data-aiw-form],
.ai-job-wizard-final-v80 .aiw-focus-layout,
.ai-job-wizard-final-v80 .aiw-focus-main,
.ai-job-wizard-final-v80 .aiw-focus-step,
.ai-job-wizard-final-v80 .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-actions-top{
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}
.ai-job-wizard-final-v80 .panel-nav{
  margin-bottom:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.ai-job-wizard-final-v80 .aiw-focus-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:74px!important;
  padding:14px 18px!important;
  margin:8px 0 12px!important;
  border:1px solid var(--aiw-line)!important;
  border-radius:var(--aiw-radius)!important;
  background:linear-gradient(135deg,#fff 0%,#f6fbff 100%)!important;
  box-shadow:0 14px 34px rgba(15,60,120,.055)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-hero h1{
  margin:2px 0 4px!important;
  font-size:1.24rem!important;
  line-height:1.32!important;
  font-weight:950!important;
  color:var(--aiw-ink)!important;
  white-space:normal!important;
}
.ai-job-wizard-final-v80 .aiw-focus-hero p{
  margin:0!important;
  font-size:.9rem!important;
  line-height:1.55!important;
  color:var(--aiw-muted)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-usage{
  flex:0 0 92px!important;
  min-width:92px!important;
  min-height:62px!important;
  padding:9px!important;
  border-radius:17px!important;
}
.ai-job-wizard-final-v80 .aiw-focus-usage strong{font-size:1.75rem!important;line-height:1!important;}
.ai-job-wizard-final-v80 .aiw-focus-usage span{font-size:.76rem!important;line-height:1.25!important;}
.ai-job-wizard-final-v80 .aiw-focus-layout.aiw-v31-layout{
  display:grid!important;
  grid-template-columns:var(--aiw-summary-w) minmax(0,1fr) var(--aiw-side-w)!important;
  grid-template-areas:"summary work side"!important;
  gap:var(--aiw-gap)!important;
  align-items:stretch!important;
  width:100%!important;
}
[dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-layout.aiw-v31-layout{
  grid-template-columns:var(--aiw-side-w) minmax(0,1fr) var(--aiw-summary-w)!important;
  grid-template-areas:"side work summary"!important;
}
.ai-job-wizard-final-v80 .aiw-live-summary{grid-area:summary!important;}
.ai-job-wizard-final-v80 .aiw-focus-main{grid-area:work!important;}
.ai-job-wizard-final-v80 .aiw-focus-side{grid-area:side!important;}
.ai-job-wizard-final-v80 .aiw-focus-side,
.ai-job-wizard-final-v80 .aiw-live-summary,
.ai-job-wizard-final-v80 .aiw-focus-main{
  border:1px solid var(--aiw-line)!important;
  border-radius:var(--aiw-radius)!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(15,60,120,.05)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-side,
.ai-job-wizard-final-v80 .aiw-live-summary{
  padding:12px!important;
  max-height:calc(100vh - 250px)!important;
  overflow-y:auto!important;
  scrollbar-width:thin!important;
}
.ai-job-wizard-final-v80 .aiw-focus-main{
  min-height:620px!important;
  max-height:calc(100vh - 246px)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:10px!important;
  padding:10px!important;
  overflow:hidden!important;
}
.ai-job-wizard-final-v80 .aiw-focus-actions-top{
  grid-row:1!important;
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:50px!important;
  margin:0!important;
  padding:7px!important;
  border:1px solid #d9e8fb!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important;
  box-shadow:0 8px 24px rgba(18,111,230,.06)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-actions-top .btn{
  flex:0 0 auto!important;
  min-width:112px!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 15px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:.94rem!important;
  line-height:1!important;
  font-weight:900!important;
}
.ai-job-wizard-final-v80 .aiw-focus-actions-top .aiw-action-next,
.ai-job-wizard-final-v80 .aiw-focus-actions-top .aiw-action-submit{
  min-width:142px!important;
  background:linear-gradient(135deg,var(--aiw-blue),#1597f7)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 24px rgba(18,111,230,.18)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-actions-top .aiw-action-skip{
  background:transparent!important;
  border-color:transparent!important;
  color:#526174!important;
  box-shadow:none!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step{display:none!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active{
  grid-row:2!important;
  display:grid!important;
  height:100%!important;
  min-height:0!important;
  grid-template-columns:minmax(280px,.9fr) minmax(330px,1.1fr)!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  gap:12px!important;
  align-content:start!important;
  align-items:start!important;
  padding:12px!important;
  border:1px solid #dbe9fb!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 12% 0%,rgba(18,111,230,.06),transparent 28%),#fff!important;
  overflow:hidden!important;
}
[dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question{grid-column:2!important;grid-row:1!important;}
[dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{grid-column:1!important;grid-row:1!important;}
[dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question{grid-column:1!important;grid-row:1!important;}
[dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{grid-column:2!important;grid-row:1!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-focus-question{
  grid-column:1/-1!important;
  max-width:820px!important;
  justify-self:center!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{
  width:100%!important;
  min-height:64px!important;
  margin:0!important;
  padding:11px 14px!important;
  border:1px solid #d6e7fb!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 24px rgba(15,88,166,.05)!important;
  overflow:hidden!important;
}
.ai-job-wizard-final-v80 .aiw-focus-question{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-areas:"badge title" "badge desc"!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:3px!important;
  text-align:start!important;
}
.ai-job-wizard-final-v80 .aiw-focus-question span{
  grid-area:badge!important;
  align-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  background:#edf5ff!important;
  color:var(--aiw-blue)!important;
  font-size:.82rem!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.ai-job-wizard-final-v80 .aiw-focus-question h2{
  grid-area:title!important;
  margin:0!important;
  color:var(--aiw-ink)!important;
  font-size:1.16rem!important;
  line-height:1.28!important;
  font-weight:1000!important;
  white-space:normal!important;
}
.ai-job-wizard-final-v80 .aiw-focus-question p{
  grid-area:desc!important;
  margin:0!important;
  color:var(--aiw-muted)!important;
  font-size:.86rem!important;
  line-height:1.42!important;
  white-space:normal!important;
}
.ai-job-wizard-final-v80 .aiw-choice-search-wrap{
  display:flex!important;
  align-items:center!important;
}
.ai-job-wizard-final-v80 .aiw-choice-search-wrap input,
.ai-job-wizard-final-v80 .aiw-single-input-card input,
.ai-job-wizard-final-v80 .aiw-single-input-card textarea,
.ai-job-wizard-final-v80 .aiw-salary-panel input{
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:13px!important;
  border:1px solid #bdd5f4!important;
  background:#fff!important;
  color:var(--aiw-ink)!important;
  font-size:.98rem!important;
  line-height:1.35!important;
  font-weight:700!important;
  text-align:start!important;
  direction:inherit!important;
}
.ai-job-wizard-final-v80 .aiw-choice-search-wrap input:focus,
.ai-job-wizard-final-v80 .aiw-single-input-card input:focus,
.ai-job-wizard-final-v80 .aiw-single-input-card textarea:focus,
.ai-job-wizard-final-v80 .aiw-salary-panel input:focus{
  outline:0!important;
  border-color:var(--aiw-blue)!important;
  box-shadow:0 0 0 3px rgba(18,111,230,.12)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-role-fallback,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-single-input-card,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-salary-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-add-custom-card,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-final-quality-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-final-note{
  grid-column:1/-1!important;
  min-width:0!important;
  margin:0!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-card-grid{
  grid-row:2!important;
  display:grid!important;
  align-content:start!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:10px!important;
  padding:2px 2px 14px!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
}
.ai-job-wizard-final-v80 .aiw-choice-card{
  min-width:0!important;
  min-height:54px!important;
  height:auto!important;
  padding:11px 13px!important;
  border:1px solid #d0e0f5!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  color:var(--aiw-ink)!important;
  box-shadow:0 6px 16px rgba(15,73,134,.04)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:start!important;
  line-height:1.3!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.ai-job-wizard-final-v80 .aiw-choice-card:hover,
.ai-job-wizard-final-v80 .aiw-choice-card:focus-visible{
  border-color:#8fbaf0!important;
  background:#f8fbff!important;
  box-shadow:0 12px 28px rgba(18,111,230,.10)!important;
  outline:0!important;
  transform:translateY(-1px)!important;
}
.ai-job-wizard-final-v80 .aiw-choice-card.selected{
  background:linear-gradient(135deg,var(--aiw-blue-2),#1597f7)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(18,111,230,.18)!important;
}
.ai-job-wizard-final-v80 .aiw-choice-card .aiw-card-title{
  display:block!important;
  width:100%!important;
  color:inherit!important;
  font-size:.98rem!important;
  line-height:1.28!important;
  font-weight:950!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.ai-job-wizard-final-v80 .aiw-choice-card small{
  display:block!important;
  width:100%!important;
  color:inherit!important;
  opacity:.72!important;
  font-size:.78rem!important;
  line-height:1.28!important;
  font-weight:750!important;
  white-space:normal!important;
}
.ai-job-wizard-final-v80 .aiw-empty-state{
  grid-column:1/-1!important;
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  border:1px dashed #b9cce7!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  color:#526174!important;
  font-size:.95rem!important;
  font-weight:850!important;
  text-align:center!important;
}
.ai-job-wizard-final-v80 .aiw-role-fallback{
  grid-row:3!important;
  display:grid!important;
  grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:13px!important;
  border:1px solid #d6e7fb!important;
  border-radius:16px!important;
  background:#f8fbff!important;
}
.ai-job-wizard-final-v80 .aiw-role-fallback p{margin:4px 0 0!important;color:var(--aiw-muted)!important;font-size:.86rem!important;line-height:1.45!important;}
.ai-job-wizard-final-v80 .aiw-role-fallback-actions{display:flex!important;gap:8px!important;align-items:center!important;}
.ai-job-wizard-final-v80 .aiw-role-fallback-actions input{flex:1 1 auto!important;min-width:0!important;}
.ai-job-wizard-final-v80 .aiw-role-fallback-actions .btn{flex:0 0 auto!important;min-height:40px!important;white-space:nowrap!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="1"] > .aiw-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="2"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="4"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="5"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="9"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="10"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr))!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="7"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="8"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="11"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="17"] > .aiw-card-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="13"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="14"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="15"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="16"] > .aiw-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;}
.ai-job-wizard-final-v80 .aiw-multi-grid .aiw-choice-card{position:relative!important;padding-inline-end:40px!important;}
.ai-job-wizard-final-v80 .aiw-multi-grid .aiw-choice-card input[type="checkbox"]{
  position:absolute!important;
  inset-inline-end:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:17px!important;
  height:17px!important;
}
.ai-job-wizard-final-v80 .aiw-salary-panel,
.ai-job-wizard-final-v80 .aiw-single-input-card,
.ai-job-wizard-final-v80 .aiw-add-custom-card,
.ai-job-wizard-final-v80 .aiw-final-quality-panel,
.ai-job-wizard-final-v80 .aiw-final-note{
  width:min(760px,92%)!important;
  justify-self:center!important;
  padding:14px!important;
  border:1px solid #d6e7fb!important;
  border-radius:18px!important;
  background:#f8fbff!important;
}
.ai-job-wizard-final-v80 .aiw-salary-panel{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.ai-job-wizard-final-v80 .aiw-single-input-card textarea{min-height:118px!important;height:auto!important;padding-top:12px!important;resize:vertical!important;}
.ai-job-wizard-final-v80 .aiw-focus-progress-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;font-size:.88rem!important;font-weight:950!important;}
.ai-job-wizard-final-v80 .aiw-focus-progress-head span{font-size:.82rem!important;padding:6px 10px!important;}
.ai-job-wizard-final-v80 .aiw-progress-bar,.ai-job-wizard-final-v80 .aiw-readiness-bar{height:8px!important;border-radius:999px!important;background:#edf4ff!important;overflow:hidden!important;}
.ai-job-wizard-final-v80 .aiw-autosave-status{min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;font-size:.84rem!important;font-weight:850!important;text-align:center!important;}
.ai-job-wizard-final-v80 .aiw-focus-mini-steps{display:grid!important;gap:7px!important;margin-top:10px!important;padding:0!important;max-height:none!important;}
.ai-job-wizard-final-v80 .aiw-focus-mini-steps li{min-height:36px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:7px 9px!important;border:1px solid #d9e7f9!important;border-radius:12px!important;background:#fff!important;}
.ai-job-wizard-final-v80 .aiw-focus-mini-steps li span{width:25px!important;height:25px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#eef5ff!important;color:var(--aiw-blue)!important;font-size:.78rem!important;font-weight:950!important;}
.ai-job-wizard-final-v80 .aiw-focus-mini-steps li b{font-size:.86rem!important;line-height:1.22!important;font-weight:900!important;color:#31445d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ai-job-wizard-final-v80 .aiw-focus-mini-steps li.active{border-color:#91bcf5!important;background:#f3f8ff!important;}
.ai-job-wizard-final-v80 .aiw-focus-mini-steps li.active b{color:var(--aiw-blue)!important;}
.ai-job-wizard-final-v80 .aiw-focus-mini-steps li.done{border-color:#bcefd2!important;background:#f1fff7!important;}
.ai-job-wizard-final-v80 .aiw-focus-mini-steps li.done span{background:#16a34a!important;color:#fff!important;}
.ai-job-wizard-final-v80 .aiw-focus-summary .panel-kicker,
.ai-job-wizard-final-v80 .aiw-template-insight span{display:block!important;margin-bottom:8px!important;font-size:.84rem!important;font-weight:950!important;color:var(--aiw-blue)!important;}
.ai-job-wizard-final-v80 .aiw-focus-summary dl{display:grid!important;gap:8px!important;margin:0!important;}
.ai-job-wizard-final-v80 .aiw-focus-summary dl div{min-height:56px!important;padding:10px!important;border:1px solid #dbe8f8!important;border-radius:14px!important;background:#fcfdff!important;}
.ai-job-wizard-final-v80 .aiw-focus-summary dt{margin-bottom:4px!important;color:#6b7c91!important;font-size:.8rem!important;line-height:1.2!important;font-weight:850!important;}
.ai-job-wizard-final-v80 .aiw-focus-summary dd{margin:0!important;color:var(--aiw-ink)!important;font-size:1rem!important;line-height:1.28!important;font-weight:950!important;overflow-wrap:anywhere!important;}
.ai-job-wizard-final-v80 .aiw-readiness-card,
.ai-job-wizard-final-v80 .aiw-template-insight,
.ai-job-wizard-final-v80 .aiw-side-draft{margin-top:10px!important;padding:12px!important;border:1px solid #d6e7fb!important;border-radius:16px!important;background:#f8fbff!important;}
.ai-job-wizard-final-v80 .aiw-readiness-card li,
.ai-job-wizard-final-v80 .aiw-template-insight p{font-size:.84rem!important;line-height:1.48!important;color:#526174!important;}
@media (max-width:1500px){
  .ai-job-wizard-page.ai-job-wizard-final-v80{--aiw-side-w:204px;--aiw-summary-w:204px;--aiw-gap:10px;font-size:15px!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="3"] > .aiw-card-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))!important;}
}
@media (max-width:1366px){
  .ai-job-wizard-page.ai-job-wizard-final-v80{--aiw-side-w:192px;--aiw-summary-w:192px;--aiw-gap:8px;font-size:14.6px!important;}
  .ai-job-wizard-final-v80 .aiw-focus-main{min-height:590px!important;max-height:calc(100vh - 236px)!important;padding:8px!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active{padding:9px!important;gap:9px!important;grid-template-columns:minmax(250px,.9fr) minmax(290px,1.1fr)!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question,
  .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{min-height:58px!important;padding:9px 11px!important;}
  .ai-job-wizard-final-v80 .aiw-focus-question h2{font-size:1.06rem!important;}
  .ai-job-wizard-final-v80 .aiw-focus-question p{font-size:.8rem!important;}
  .ai-job-wizard-final-v80 .aiw-choice-card .aiw-card-title{font-size:.93rem!important;}
  .ai-job-wizard-final-v80 .aiw-choice-card small{font-size:.74rem!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="2"] > .aiw-card-grid,
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="4"] > .aiw-card-grid,
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="5"] > .aiw-card-grid,
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="9"] > .aiw-card-grid,
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="10"] > .aiw-card-grid,
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:1100px){
  .ai-job-wizard-final-v80 .aiw-focus-layout.aiw-v31-layout,
  [dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-layout.aiw-v31-layout{
    grid-template-columns:minmax(0,1fr) var(--aiw-side-w)!important;
    grid-template-areas:"work side" "summary side"!important;
  }
  .ai-job-wizard-final-v80 .aiw-live-summary{max-height:none!important;}
  .ai-job-wizard-final-v80 .aiw-focus-side{max-height:calc(100vh - 220px)!important;}
}
@media (max-width:860px){
  .ai-job-wizard-page.ai-job-wizard-final-v80{padding-inline:8px!important;}
  .ai-job-wizard-final-v80 .aiw-focus-hero{align-items:flex-start!important;flex-direction:column!important;}
  .ai-job-wizard-final-v80 .aiw-focus-usage{width:100%!important;flex-basis:auto!important;}
  .ai-job-wizard-final-v80 .aiw-focus-layout.aiw-v31-layout,
  [dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-layout.aiw-v31-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:"work" "side" "summary"!important;
  }
  .ai-job-wizard-final-v80 .aiw-focus-side,
  .ai-job-wizard-final-v80 .aiw-live-summary,
  .ai-job-wizard-final-v80 .aiw-focus-main{max-height:none!important;}
  .ai-job-wizard-final-v80 .aiw-focus-main{min-height:0!important;height:auto!important;overflow:visible!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active,
  .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
    height:auto!important;
    min-height:440px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
    overflow:visible!important;
  }
  .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question,
  .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap,
  [dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question,
  [dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap,
  [dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question,
  [dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{grid-column:1!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question{grid-row:1!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{grid-row:2!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-card-grid{grid-row:3!important;max-height:none!important;}
  .ai-job-wizard-final-v80 .aiw-role-fallback{grid-template-columns:1fr!important;}
  .ai-job-wizard-final-v80 .aiw-role-fallback-actions{flex-direction:column!important;align-items:stretch!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step] > .aiw-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .ai-job-wizard-final-v80 .aiw-focus-actions-top .btn{flex:1 1 42%!important;min-width:0!important;}
}
@media (max-width:520px){
  .ai-job-wizard-final-v80 .aiw-focus-question{grid-template-columns:1fr!important;grid-template-areas:"badge" "title" "desc"!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step] > .aiw-card-grid{grid-template-columns:1fr!important;}
  .ai-job-wizard-final-v80 .aiw-salary-panel{grid-template-columns:1fr!important;}
  .ai-job-wizard-final-v80 .aiw-focus-actions-top .btn{flex:1 1 100%!important;}
}


/* Phase 35 Step 24 — Wizard visual split + final-action lock
   Requirements:
   1) In RTL, swap the title/description panel with the search panel.
   2) Split every wizard step into a clear header/search zone and a separate body zone.
   3) Keep "Generate listing" hidden until the last step, and hide "Next" on the last step. */
.ai-job-wizard-final-v80 .aiw-focus-actions-top .aiw-action-submit:not(.aiw-final-submit-visible){
  display:none!important;
}
.ai-job-wizard-final-v80 .aiw-focus-actions-top .aiw-action-next.aiw-final-next-hidden{
  display:none!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active{
  grid-template-columns:minmax(330px,1fr) minmax(330px,1fr)!important;
  grid-template-rows:minmax(72px,auto) minmax(0,1fr) auto auto!important;
  gap:14px!important;
  padding:14px!important;
  border-color:#cfe1f7!important;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)!important;
}
/* RTL requested swap: title/description on the right, search on the left. */
[dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question{
  grid-column:1!important;
  grid-row:1!important;
}
[dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{
  grid-column:2!important;
  grid-row:1!important;
}
[dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question{
  grid-column:1!important;
  grid-row:1!important;
}
[dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{
  grid-column:2!important;
  grid-row:1!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-focus-question{
  grid-column:1/-1!important;
  grid-row:1!important;
  justify-self:stretch!important;
  max-width:none!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{
  min-height:72px!important;
  max-height:none!important;
  border:1px solid #bdd8f8!important;
  border-radius:18px!important;
  background:#ffffff!important;
  box-shadow:0 10px 26px rgba(18,111,230,.065)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{
  padding:12px 14px!important;
}
.ai-job-wizard-final-v80 .aiw-choice-search-wrap input{
  min-height:46px!important;
  height:46px!important;
  border-radius:15px!important;
  font-size:1rem!important;
}
.ai-job-wizard-final-v80 .aiw-focus-question{
  align-content:center!important;
}
.ai-job-wizard-final-v80 .aiw-focus-question h2{
  font-size:1.2rem!important;
}
.ai-job-wizard-final-v80 .aiw-focus-question p{
  font-size:.88rem!important;
  max-height:none!important;
}
/* Body zone: a separate visual section for cards/inputs under the header/search zone. */
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-role-fallback,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-single-input-card,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-salary-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-add-custom-card,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-final-quality-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-final-note{
  grid-column:1/-1!important;
  border:1px solid #d7e7fa!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(15,73,134,.045)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-card-grid{
  grid-row:2!important;
  padding:14px!important;
  min-height:220px!important;
  max-height:100%!important;
  align-content:start!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-role-fallback,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-single-input-card,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-salary-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-add-custom-card,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-final-quality-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-final-note{
  padding:16px!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-card-grid + .aiw-role-fallback,
.ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-card-grid + .aiw-salary-panel{
  grid-row:3!important;
}
@media (max-width:860px){
  .ai-job-wizard-final-v80 .aiw-focus-step.active,
  .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
    overflow:visible!important;
  }
  .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question,
  [dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question,
  [dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-focus-question{
    grid-column:1!important;
    grid-row:1!important;
  }
  .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap,
  [dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap,
  [dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-choice-search-wrap{
    grid-column:1!important;
    grid-row:2!important;
  }
  .ai-job-wizard-final-v80 .aiw-focus-step.active > .aiw-card-grid{
    grid-row:3!important;
    min-height:160px!important;
    max-height:none!important;
  }
}

/* Phase 35 Step 25 — Wizard header/body separation correction
   Fixes the visual overlap shown in UAT screenshots by making the top header/search
   row a stable equal-height area, then placing all cards/inputs in a separate body area.
   RTL: search stays on the left, title/description stays on the right. */
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(96px,max-content) minmax(230px,1fr) auto auto!important;
  gap:16px!important;
  align-items:stretch!important;
  align-content:start!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 44%,#f8fbff 100%)!important;
}
[dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  grid-template-areas:
    "search question"
    "body body"
    "extra extra"
    "extra2 extra2"!important;
}
[dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  grid-template-areas:
    "question search"
    "body body"
    "extra extra"
    "extra2 extra2"!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-focus-question{
  grid-area:question!important;
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:96px!important;
  height:100%!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  padding:14px 18px!important;
  border:1px solid #b9d6f7!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)!important;
  box-shadow:0 10px 26px rgba(18,111,230,.065)!important;
  z-index:2!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-choice-search-wrap{
  grid-area:search!important;
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:96px!important;
  height:100%!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  padding:16px 18px!important;
  border:1px solid #b9d6f7!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)!important;
  box-shadow:0 10px 26px rgba(18,111,230,.065)!important;
  z-index:2!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-choice-search-wrap .aiw-choice-search{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 16px!important;
  border-radius:16px!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-card-grid{
  grid-area:body!important;
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:230px!important;
  max-height:100%!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid #d3e5fa!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 12px 28px rgba(15,73,134,.045)!important;
  z-index:1!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-role-fallback,
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-salary-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-add-custom-card,
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-single-input-card{
  grid-area:extra!important;
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0!important;
  border:1px solid #d3e5fa!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 10px 24px rgba(15,73,134,.04)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-card-grid + .aiw-role-fallback,
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-card-grid + .aiw-salary-panel{
  grid-area:extra!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) .aiw-focus-question h2{
  font-size:1.22rem!important;
  line-height:1.3!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) .aiw-focus-question p{
  font-size:.9rem!important;
  line-height:1.45!important;
}
/* Steps without search still get one clear header part and one clear body part. */
.ai-job-wizard-final-v80 .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)){
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(220px,1fr) auto auto!important;
  gap:16px!important;
  align-content:start!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-focus-question{
  grid-column:1!important;
  grid-row:1!important;
  min-height:92px!important;
  justify-self:stretch!important;
  max-width:none!important;
  padding:14px 18px!important;
  border:1px solid #b9d6f7!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)!important;
  box-shadow:0 10px 26px rgba(18,111,230,.065)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-single-input-card,
.ai-job-wizard-final-v80 .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-final-quality-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active:not(:has(> .aiw-choice-search-wrap)) > .aiw-final-note{
  grid-column:1!important;
  border:1px solid #d3e5fa!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 12px 28px rgba(15,73,134,.045)!important;
}
@media (max-width:860px){
  .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
  [dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
  [dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
    grid-template-columns:1fr!important;
    grid-template-areas:
      "question"
      "search"
      "body"
      "extra"
      "extra2"!important;
    grid-template-rows:auto auto minmax(180px,1fr) auto auto!important;
    overflow:visible!important;
  }
  .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-focus-question,
  .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-choice-search-wrap{
    min-height:0!important;
    height:auto!important;
  }
  .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-card-grid{
    min-height:180px!important;
    max-height:none!important;
  }
}

/* Phase 35 Step 26 — Wizard body auto-fill under header
   UAT fix: the section that contains the remaining step elements must span the
   full width below the header/search row and stretch automatically to consume
   the remaining vertical workspace. This avoids the half-width floating body box
   seen on the company step. */
.ai-job-wizard-final-v80 .aiw-focus-main{
  grid-template-rows:auto minmax(0,1fr)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(96px,max-content) minmax(0,1fr) auto auto!important;
  grid-template-areas:
    "search question"
    "body body"
    "extra extra"
    "extra2 extra2"!important;
  height:100%!important;
  min-height:0!important;
  align-items:stretch!important;
  align-content:stretch!important;
}
html[dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
body.rtl .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
.rtl .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
[dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  grid-template-areas:
    "search question"
    "body body"
    "extra extra"
    "extra2 extra2"!important;
}
html[dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
body.ltr .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
.ltr .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
[dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
  grid-template-areas:
    "question search"
    "body body"
    "extra extra"
    "extra2 extra2"!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-focus-question{
  grid-area:question!important;
  grid-column:auto!important;
  grid-row:auto!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-choice-search-wrap{
  grid-area:search!important;
  grid-column:auto!important;
  grid-row:auto!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-v30-card-grid{
  grid-area:body!important;
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  margin:0!important;
  overflow:auto!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-role-fallback,
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-salary-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-add-custom-card,
.ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap) > .aiw-single-input-card{
  grid-area:extra!important;
  grid-column:1 / -1!important;
  grid-row:3!important;
  width:100%!important;
  justify-self:stretch!important;
}
/* Company step: keep cards compact at the top inside the full-width auto-filled body. */
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="1"] > .aiw-card-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="1"] > .aiw-v30-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(220px,280px))!important;
  justify-content:start!important;
  align-content:start!important;
  align-items:start!important;
}
@media (max-width:860px){
  .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
  html[dir="rtl"] .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
  body.rtl .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
  .rtl .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
  html[dir="ltr"] .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
  body.ltr .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap),
  .ltr .ai-job-wizard-final-v80 .aiw-focus-step.active:has(> .aiw-choice-search-wrap){
    grid-template-columns:1fr!important;
    grid-template-areas:
      "question"
      "search"
      "body"
      "extra"
      "extra2"!important;
    grid-template-rows:auto auto minmax(180px,1fr) auto auto!important;
  }
}

/* Phase 35 Step 27 — Wizard side panels height parity + control-panel nav parity
   - Side summary/progress panels now use the exact same workspace height as the main wizard card.
   - The control-panel shortcut bar inside the wizard is restored to the same size/shape used on the other dashboard pages. */
.ai-job-wizard-page.ai-job-wizard-final-v80{
  --aiw-workspace-h:clamp(560px,calc(100vh - 270px),760px);
}
.ai-job-wizard-final-v80 .aiw-focus-layout.aiw-v31-layout{
  align-items:stretch!important;
}
.ai-job-wizard-final-v80 .aiw-focus-main,
.ai-job-wizard-final-v80 .aiw-focus-side,
.ai-job-wizard-final-v80 .aiw-live-summary{
  height:var(--aiw-workspace-h)!important;
  min-height:var(--aiw-workspace-h)!important;
  max-height:var(--aiw-workspace-h)!important;
  align-self:stretch!important;
}
.ai-job-wizard-final-v80 .aiw-focus-side,
.ai-job-wizard-final-v80 .aiw-live-summary{
  position:relative!important;
  top:auto!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.ai-job-wizard-final-v80 .aiw-focus-side .aiw-focus-mini-steps{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  padding-inline-end:2px!important;
}
.ai-job-wizard-final-v80 .aiw-live-summary .aiw-focus-summary{
  flex:0 0 auto!important;
}
.ai-job-wizard-final-v80 .aiw-live-summary .aiw-template-insight,
.ai-job-wizard-final-v80 .aiw-live-summary .aiw-readiness-card{
  flex:0 0 auto!important;
}
.ai-job-wizard-final-v80 .aiw-focus-side > *,
.ai-job-wizard-final-v80 .aiw-live-summary > *{
  min-width:0!important;
}
.ai-job-wizard-final-v80 .aiw-focus-main{
  overflow:hidden!important;
}
@media (max-width:980px){
  .ai-job-wizard-final-v80 .aiw-focus-main,
  .ai-job-wizard-final-v80 .aiw-focus-side,
  .ai-job-wizard-final-v80 .aiw-live-summary{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .ai-job-wizard-final-v80 .aiw-focus-side,
  .ai-job-wizard-final-v80 .aiw-live-summary{
    overflow:visible!important;
  }
}

/* Restore control-panel shortcut bar parity on the wizard page. */
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
  position:sticky!important;
  top:86px!important;
  z-index:80!important;
  margin:16px 0 20px!important;
  display:block!important;
  min-height:auto!important;
  padding:8px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(219,229,242,.86)!important;
  box-shadow:0 16px 42px rgba(16,24,40,.07)!important;
  backdrop-filter:blur(18px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  transform:none!important;
  scrollbar-width:thin!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav-inner{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  min-height:auto!important;
  min-width:max-content!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link,
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  height:auto!important;
  padding:9px 13px!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  background:transparent!important;
  color:#344054!important;
  font-size:.92rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link:hover,
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a:hover{
  transform:translateY(-1px)!important;
  background:#eef5ff!important;
  border-color:#d8e8ff!important;
  color:var(--panel-brand)!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link.active,
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.active{
  color:#fff!important;
  background:linear-gradient(135deg,var(--panel-brand),#0ea5e9)!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:0 12px 24px rgba(20,87,217,.22)!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav-icon{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  border-radius:9px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(20,87,217,.10)!important;
  color:var(--panel-brand)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.active .panel-nav-icon,
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link.active .panel-nav-icon{
  background:rgba(255,255,255,.20)!important;
  color:#fff!important;
}
@media(max-width:1100px){
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{top:76px!important;}
}
@media(max-width:760px){
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
    top:72px!important;
    border-radius:20px!important;
    margin-inline:-2px!important;
    padding:7px!important;
  }
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link,
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a{
    min-height:42px!important;
    font-size:13px!important;
    padding:8px 11px!important;
  }
}

/* Phase 35 Step 28 — Wizard top spacing + header/nav visual parity
   UAT correction based on screenshot: remove the empty band between the site header
   and the wizard shortcut bar, keep the intro title in a compact readable hero,
   and force the wizard shortcut buttons to use the same metrics as the rest of the panel pages. */
body:has(.ai-job-wizard-final-v80) #main-content,
body:has(.ai-job-wizard-final-v80) main{
  padding-top:0!important;
  margin-top:0!important;
}
main > .ai-job-wizard-page.ai-job-wizard-final-v80,
main > .container.ai-job-wizard-page.ai-job-wizard-final-v80,
.ai-job-wizard-page.ai-job-wizard-final-v80.panel-page,
.ai-job-wizard-page.ai-job-wizard-final-v80.section,
.ai-job-wizard-page.ai-job-wizard-final-v80.panel-page.section{
  padding-top:0!important;
  margin-top:0!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
  margin-top:0!important;
  margin-bottom:12px!important;
  top:80px!important;
  min-height:auto!important;
  padding:8px!important;
  border-radius:24px!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav-inner{
  min-height:auto!important;
  gap:8px!important;
  align-items:center!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link,
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a{
  min-height:44px!important;
  padding:9px 13px!important;
  border-radius:16px!important;
  gap:8px!important;
  font-size:.92rem!important;
  line-height:1.2!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav-icon{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  border-radius:9px!important;
  font-size:13px!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:66px!important;
  padding:10px 16px!important;
  margin:0 0 12px!important;
  overflow:hidden!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero > div:first-child{
  min-width:0!important;
  width:100%!important;
}
html[dir="rtl"] .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero,
body.rtl .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero,
.rtl .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero,
body.ltr .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero,
.ltr .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero{
  direction:ltr!important;
  text-align:left!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero .panel-kicker{
  margin:0 0 4px!important;
  padding:3px 8px!important;
  font-size:.72rem!important;
  line-height:1.2!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero h1{
  margin:0 0 3px!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:clamp(1.12rem,1.35vw,1.36rem)!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero p{
  display:block!important;
  margin:0!important;
  max-width:820px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:.84rem!important;
  line-height:1.5!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-usage{
  align-self:stretch!important;
  display:grid!important;
  place-items:center!important;
  min-height:58px!important;
}
@media(max-width:1100px){
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{top:74px!important;}
}
@media(max-width:760px){
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
    top:70px!important;
    margin-bottom:10px!important;
  }
  .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:11px 13px!important;
  }
  .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-usage{
    width:100%!important;
  }
}


/* Phase 35 Step 29 — AI wizard title/nav separation and panel navigation parity
   Fix: the wizard shortcut bar must live after the page title/hero like the rest of the panel pages,
   with normal panel spacing and without occupying/overlapping the title band. */
.ai-job-wizard-page.ai-job-wizard-final-v80.panel-page,
.ai-job-wizard-page.ai-job-wizard-final-v80.section,
main > .ai-job-wizard-page.ai-job-wizard-final-v80,
main > .container.ai-job-wizard-page.ai-job-wizard-final-v80{
  padding-top:34px!important;
  margin-top:0!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero{
  margin:0 0 16px!important;
  position:relative!important;
  z-index:1!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
  position:sticky!important;
  top:86px!important;
  z-index:80!important;
  margin:0 0 20px!important;
  display:block!important;
  min-height:auto!important;
  padding:8px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(219,229,242,.86)!important;
  box-shadow:0 16px 42px rgba(16,24,40,.07)!important;
  backdrop-filter:blur(18px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  transform:none!important;
  clear:both!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav-inner{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  min-height:auto!important;
  min-width:max-content!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link,
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  height:auto!important;
  padding:9px 13px!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  background:transparent!important;
  color:#344054!important;
  font-size:.92rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link:hover,
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a:hover{
  transform:translateY(-1px)!important;
  background:#eef5ff!important;
  border-color:#d8e8ff!important;
  color:var(--panel-brand)!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link.active,
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.active{
  color:#fff!important;
  background:linear-gradient(135deg,var(--panel-brand),#0ea5e9)!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:0 12px 24px rgba(20,87,217,.22)!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav-icon{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  border-radius:9px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(20,87,217,.10)!important;
  color:var(--panel-brand)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.active .panel-nav-icon,
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link.active .panel-nav-icon{
  background:rgba(255,255,255,.20)!important;
  color:#fff!important;
}
@media(max-width:1100px){
  .ai-job-wizard-page.ai-job-wizard-final-v80.panel-page,
  .ai-job-wizard-page.ai-job-wizard-final-v80.section,
  main > .ai-job-wizard-page.ai-job-wizard-final-v80,
  main > .container.ai-job-wizard-page.ai-job-wizard-final-v80{padding-top:26px!important;}
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{top:76px!important;}
}
@media(max-width:760px){
  .ai-job-wizard-page.ai-job-wizard-final-v80.panel-page,
  .ai-job-wizard-page.ai-job-wizard-final-v80.section,
  main > .ai-job-wizard-page.ai-job-wizard-final-v80,
  main > .container.ai-job-wizard-page.ai-job-wizard-final-v80{padding-top:22px!important;}
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
    top:72px!important;
    margin:0 -2px 14px!important;
    border-radius:20px!important;
    padding:7px!important;
  }
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a.panel-nav-link,
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav a{
    min-height:42px!important;
    font-size:13px!important;
    padding:8px 11px!important;
  }
}

/* Phase 35 Step 31 — AI wizard shortcut bar above title
   UAT correction: the control-panel shortcut buttons must appear above the wizard
   page title/hero, not under it. Keep normal spacing so the bar never overlaps
   the title band or the form area. */
.ai-job-wizard-page.ai-job-wizard-final-v80.panel-page,
.ai-job-wizard-page.ai-job-wizard-final-v80.section,
main > .ai-job-wizard-page.ai-job-wizard-final-v80,
main > .container.ai-job-wizard-page.ai-job-wizard-final-v80{
  padding-top:10px!important;
  margin-top:0!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
  position:sticky!important;
  top:86px!important;
  z-index:90!important;
  margin:0 0 12px!important;
  clear:both!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero{
  margin:0 0 12px!important;
  position:relative!important;
  z-index:1!important;
  clear:both!important;
}
@media(max-width:1100px){
  .ai-job-wizard-page.ai-job-wizard-final-v80.panel-page,
  .ai-job-wizard-page.ai-job-wizard-final-v80.section,
  main > .ai-job-wizard-page.ai-job-wizard-final-v80,
  main > .container.ai-job-wizard-page.ai-job-wizard-final-v80{padding-top:8px!important;}
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{top:76px!important;}
}
@media(max-width:760px){
  .ai-job-wizard-page.ai-job-wizard-final-v80.panel-page,
  .ai-job-wizard-page.ai-job-wizard-final-v80.section,
  main > .ai-job-wizard-page.ai-job-wizard-final-v80,
  main > .container.ai-job-wizard-page.ai-job-wizard-final-v80{padding-top:8px!important;}
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
    top:72px!important;
    margin:0 -2px 12px!important;
  }
  .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero{margin-bottom:12px!important;}
}

/* Phase 35 Step 32 — AI wizard nav above title without overlap
   UAT correction: the shortcut bar must stay above the wizard title as a normal
   flow block. It must not be sticky/absolute and must not share the same visual
   layer with the title/usage hero. This prevents the usage badge and title text
   from sliding under the control-panel navigation. */
.ai-job-wizard-page.ai-job-wizard-final-v80.panel-page,
.ai-job-wizard-page.ai-job-wizard-final-v80.section,
main > .ai-job-wizard-page.ai-job-wizard-final-v80,
main > .container.ai-job-wizard-page.ai-job-wizard-final-v80{
  display:block!important;
  padding-top:12px!important;
  margin-top:0!important;
  overflow:visible!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
  position:relative!important;
  top:auto!important;
  inset:auto!important;
  z-index:5!important;
  width:100%!important;
  min-height:auto!important;
  margin:0 0 14px!important;
  padding:8px!important;
  display:block!important;
  clear:both!important;
  transform:none!important;
  isolation:isolate!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(219,229,242,.92)!important;
  box-shadow:0 16px 42px rgba(16,24,40,.07)!important;
  backdrop-filter:blur(18px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav-inner{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:auto!important;
  min-width:max-content!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav + .aiw-focus-hero,
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero{
  position:relative!important;
  top:auto!important;
  inset:auto!important;
  z-index:1!important;
  clear:both!important;
  transform:none!important;
  margin:0 0 14px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  overflow:hidden!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero > *,
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-usage{
  position:relative!important;
  top:auto!important;
  inset:auto!important;
  transform:none!important;
  z-index:auto!important;
}
.ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-usage{
  align-self:stretch!important;
  display:grid!important;
  place-items:center!important;
  min-height:58px!important;
}
@media(max-width:1100px){
  .ai-job-wizard-page.ai-job-wizard-final-v80.panel-page,
  .ai-job-wizard-page.ai-job-wizard-final-v80.section,
  main > .ai-job-wizard-page.ai-job-wizard-final-v80,
  main > .container.ai-job-wizard-page.ai-job-wizard-final-v80{
    padding-top:10px!important;
  }
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
    top:auto!important;
    margin-bottom:12px!important;
  }
}
@media(max-width:760px){
  .ai-job-wizard-page.ai-job-wizard-final-v80.panel-page,
  .ai-job-wizard-page.ai-job-wizard-final-v80.section,
  main > .ai-job-wizard-page.ai-job-wizard-final-v80,
  main > .container.ai-job-wizard-page.ai-job-wizard-final-v80{
    padding-top:8px!important;
  }
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav{
    position:relative!important;
    top:auto!important;
    margin:0 -2px 12px!important;
    border-radius:20px!important;
    padding:7px!important;
  }
  .ai-job-wizard-page.ai-job-wizard-final-v80 .panel-nav + .aiw-focus-hero,
  .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
    margin-bottom:12px!important;
  }
  .ai-job-wizard-page.ai-job-wizard-final-v80 .aiw-focus-usage{
    width:100%!important;
  }
}

/* Phase 35 Step 33 — AI wizard interaction UX fixes
   - compact role cards without repeated subtitles
   - salary/contact inputs stay on the same step until filled
   - no empty vertical gap between option cards and related inputs
   - select all / clear all controls for multi-select steps */
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="3"] .aiw-choice-card small{display:none!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="3"] .aiw-choice-card{
  min-height:46px!important;
  padding:9px 12px!important;
  align-items:center!important;
  justify-content:center!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="3"] .aiw-card-title{
  font-size:.86rem!important;
  line-height:1.22!important;
}
.ai-job-wizard-final-v80 .aiw-contact-panel{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  max-width:760px!important;
  justify-self:center!important;
  padding:12px!important;
  border:1px solid #d3e5fa!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  box-shadow:0 10px 24px rgba(15,73,134,.04)!important;
}
.ai-job-wizard-final-v80 .aiw-contact-panel[hidden]{display:none!important;}
.ai-job-wizard-final-v80 .aiw-contact-panel input{
  width:100%!important;
  min-height:46px!important;
  border:1px solid #bfd7f6!important;
  border-radius:14px!important;
  padding:10px 14px!important;
  background:#fff!important;
  outline:none!important;
}
.ai-job-wizard-final-v80 .aiw-contact-panel input:focus{
  border-color:#0b79f7!important;
  box-shadow:0 0 0 4px rgba(11,121,247,.10)!important;
}
.ai-job-wizard-final-v80 .aiw-show-contact-check{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  justify-content:flex-start!important;
  font-weight:850!important;
  color:#31445d!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"],
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="17"]{
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  gap:12px!important;
  align-content:start!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-focus-question,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="17"] > .aiw-focus-question{
  grid-row:1!important;
  grid-column:1/-1!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-choice-grid,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="17"] > .aiw-apply-choice-grid{
  grid-row:2!important;
  grid-column:1/-1!important;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  margin:0!important;
  padding:10px!important;
  align-content:start!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="17"] > .aiw-contact-panel{
  grid-row:3!important;
  grid-column:1/-1!important;
  min-height:0!important;
  margin:0!important;
  align-self:start!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel[hidden],
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="17"] > .aiw-contact-panel[hidden]{display:none!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel{
  width:100%!important;
  max-width:760px!important;
  padding:12px!important;
  gap:10px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel input:not([hidden]){
  display:block!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel input[name="salary_fixed"]:not([hidden]){
  grid-column:1/-1!important;
}
.ai-job-wizard-final-v80 .aiw-multi-toolbar{
  max-width:none!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.ai-job-wizard-final-v80 .aiw-multi-bulk-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.ai-job-wizard-final-v80 .aiw-multi-bulk-actions .btn{
  min-height:38px!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.ai-job-wizard-final-v80 .aiw-multi-bulk-actions .btn:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}
@media(max-width:820px){
  .ai-job-wizard-final-v80 .aiw-multi-toolbar{grid-template-columns:1fr!important;}
  .ai-job-wizard-final-v80 .aiw-multi-bulk-actions{justify-content:stretch!important;}
  .ai-job-wizard-final-v80 .aiw-multi-bulk-actions .btn{flex:1 1 auto!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="12"] > .aiw-salary-panel{grid-template-columns:1fr!important;}
}
.ai-job-wizard-final-v80 .aiw-show-contact-check input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  padding:0!important;
  box-shadow:none!important;
  accent-color:#0b79f7!important;
}

/* Phase35 Step36: clear visual marker for mandatory taxonomy/location fields in add-job/add-request forms. */
.required-mark{color:#e11d48;font-weight:900;margin-inline-start:4px}
.select-enhanced.select-invalid .select-trigger{border-color:#e11d48!important;box-shadow:0 0 0 4px rgba(225,29,72,.10)!important;background:#fffafa!important}
.select-enhanced.select-invalid::after{content:attr(data-error);display:block;margin-top:6px;color:#e11d48;font-size:12px;font-weight:900;line-height:1.35}

/* Phase35 Step37: add-job contact validation, header dropdown, and final AI wizard step polish. */
.panel-form .form-row.single-field-row{grid-template-columns:1fr!important;}
.panel-form input[data-validate-phone="1"],
.panel-form input[data-validate-email="1"],
.panel-form input[data-validate-url="1"]{direction:ltr;text-align:start;}
.panel-form input[data-validate-phone="1"]:invalid,
.panel-form input[data-validate-email="1"]:invalid,
.panel-form input[data-validate-url="1"]:invalid{border-color:#e11d48;box-shadow:0 0 0 4px rgba(225,29,72,.08);}
@media(min-width:1121px){
  .premium-header,
  .premium-header .premium-header-inner,
  .premium-header .premium-main-nav,
  .premium-header .nav-actions,
  .premium-header .premium-user-menu{overflow:visible!important;}
  .premium-header .premium-user-menu{position:relative!important;z-index:3000!important;}
  .premium-header .premium-user-dropdown,
  .premium-header .header-user-dropdown{
    position:absolute!important;
    top:calc(100% + 12px)!important;
    bottom:auto!important;
    inset-inline-end:0!important;
    inset-inline-start:auto!important;
    transform:none!important;
    margin:0!important;
    min-width:230px!important;
    z-index:3100!important;
  }
  .premium-header .premium-user-dropdown:before,
  .premium-header .header-user-dropdown:before{
    top:auto!important;
    bottom:100%!important;
    transform:none!important;
  }
}
.ai-job-wizard-final-v80 .aiw-contact-panel input[hidden]{display:none!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"]{
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto auto!important;
  align-content:start!important;
  align-items:start!important;
  gap:12px!important;
  min-height:0!important;
  overflow:visible!important;
  padding-bottom:8px!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-focus-question,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-single-input-card,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-quality-panel,
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-note{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:880px!important;
  justify-self:center!important;
  margin:0 auto!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-focus-question{margin-bottom:0!important;}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] .aiw-single-input-card textarea{
  min-height:112px!important;
  max-height:190px!important;
  height:auto!important;
  resize:vertical!important;
  line-height:1.75!important;
  padding:16px 18px!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-quality-panel{
  display:grid!important;
  grid-template-columns:minmax(150px,210px) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  background:#f8fbff!important;
  border:1px solid #d3e5fa!important;
  box-shadow:0 10px 24px rgba(15,73,134,.04)!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] .aiw-final-quality-score{
  min-height:0!important;
  padding:10px 12px!important;
  border-radius:16px!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] .aiw-final-quality-panel ul{
  margin:0!important;
  padding-inline-start:20px!important;
  display:grid!important;
  gap:5px!important;
  line-height:1.55!important;
  max-height:130px!important;
  overflow:auto!important;
}
.ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-note{
  padding:14px 16px!important;
  border-radius:18px!important;
  line-height:1.7!important;
}
@media(max-width:720px){
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] > .aiw-final-quality-panel{grid-template-columns:1fr!important;}
  .ai-job-wizard-final-v80 .aiw-focus-step.active[data-aiw-step="18"] .aiw-single-input-card textarea{min-height:130px!important;}
}