:root{--blue:#1667ff;--blue2:#0c56df;--navy:#0b1730;--navy2:#0e2442;--text:#101b34;--muted:#68758a;--line:#e4e9f1;--bg:#f7f9fc;--green:#24a65a;--amber:#f2a21d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.topbar{height:76px;padding:0 max(22px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:850}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#0d5df6,#6099ff);color:#fff;box-shadow:0 7px 18px #1769ff30}.topbar nav{display:flex;gap:30px;font-size:14px;font-weight:650}.topbar nav a:hover{color:var(--blue)}.actions{display:flex;align-items:center;gap:9px}.btn{border:0;border-radius:10px;padding:12px 18px;font-weight:750;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--blue),#357cff);color:#fff;box-shadow:0 8px 20px #1769ff28}.btn-primary:hover{transform:translateY(-1px)}.btn-outline{border:1px solid var(--line);background:#fff}.btn-success{background:#22a24f;color:#fff;width:100%}.lang-dd{position:relative}.lang-dd button{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#fff}.lang-menu{position:absolute;display:none;right:0;top:42px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:170px;padding:7px;box-shadow:0 15px 40px #13233d20}.lang-menu a{display:block;padding:9px;border-radius:8px}.lang-menu a:hover{background:#f2f6ff}.lang-dd:hover .lang-menu{display:block}
.flash{max-width:1180px;margin:12px auto;padding:13px 16px;border-radius:10px;transition:.4s}.flash.success{background:#e8f8ee;color:#166233}.flash.danger{background:#fff0f0;color:#a32020}
.hero{max-width:1240px;min-height:520px;margin:auto;padding:70px 28px 40px;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;background:radial-gradient(circle at 80% 15%,#e7f1ff 0,transparent 35%)}.eyebrow,.mini-label{display:inline-flex;background:#edf5ff;color:#32619c;padding:7px 11px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.2px}.hero h1{font-size:56px;line-height:1.04;margin:20px 0 14px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:660px}.searchbar{display:grid;grid-template-columns:1.3fr 1fr .9fr auto;gap:9px;margin-top:28px}.field{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px}.field input{border:0;outline:0;padding:13px 0;width:100%;background:transparent}.searchbar select{border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}.popular{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:12px}.popular a{background:#eef4ff;color:#335f9d;padding:6px 10px;border-radius:14px}.hero-art{height:390px;position:relative;display:flex;align-items:end;justify-content:center}.woman,.worker{font-size:160px;filter:drop-shadow(0 22px 18px #0d20421c)}.woman{margin-right:-45px;z-index:2}.worker{z-index:1}.shield{position:absolute;left:5%;top:15%;width:62px;height:62px;border-radius:20px;background:#31a966;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;box-shadow:0 12px 28px #31a96635}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:12px;font-weight:700;box-shadow:0 12px 30px #162b4a1a}.fc1{right:1%;top:22%}.fc2{left:8%;bottom:10%}
.stats{max-width:1180px;margin:0 auto 45px;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats>div{border:1px solid var(--line);border-radius:15px;padding:22px 24px;background:#fff;box-shadow:0 7px 25px #13233d0a;display:grid;grid-template-columns:48px 1fr}.stat-icon{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:#eef4ff;display:grid;place-items:center}.stat-icon.green{background:#e9f9ef;color:#299c59}.stat-icon.amber{background:#fff5e5}.stats b{font-size:25px}.stats small{color:var(--muted)}
.section{max-width:1180px;margin:auto;padding:45px 20px 68px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-title h2{font-size:28px;margin:6px 0}.section-title a{color:var(--blue);font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.job-card{border:1px solid var(--line);border-radius:15px;padding:20px;background:#fff;box-shadow:0 7px 22px #13233d0a;transition:.2s}.job-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #13233d16}.company-line{display:flex;align-items:center;gap:10px}.company-line div{display:grid}.company-line small{color:var(--green)}.company-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#3156bd;color:#fff;font-weight:850;font-size:12px}.company-logo.big{width:55px;height:55px;border-radius:15px}.company-logo.huge{width:68px;height:68px;border-radius:18px;font-size:16px}.job-card h3{margin:18px 0 8px}.job-card p{color:var(--muted);font-size:14px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span,.badge{background:#eef4ff;color:#255cca;padding:5px 9px;border-radius:10px;font-size:11px;font-weight:650}.job-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.job-foot small{color:var(--muted)}.job-foot strong{font-size:14px}
.how{background:#f8fbff;border-radius:24px}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.how-grid>div{background:#fff;padding:24px;border:1px solid var(--line);border-radius:15px}.how-grid>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:white;font-weight:800}.how-grid p{color:var(--muted);line-height:1.55}
.why{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.why h2{font-size:34px}.why>div>p,.why li{color:var(--muted);line-height:1.7}.why ul{list-style:none;padding:0}.ai-box{background:linear-gradient(145deg,#0d1d39,#123760);color:#fff;border-radius:22px;padding:30px;box-shadow:0 20px 45px #0d1d3925}.ai-icon{font-size:30px}.ai-box p{color:#c8d8ec!important}.ai-input{display:grid;grid-template-columns:1fr auto;gap:8px}.ai-input input{padding:13px;border-radius:10px;border:0}.ai-input button{border:0;border-radius:10px;padding:0 15px;background:#2d75ff;color:#fff;font-weight:700}.ai-result{display:grid;padding:11px 0;border-bottom:1px solid #ffffff22}.ai-result span{font-size:12px;color:#bed0e8}
footer{background:#0c1830;color:#fff;padding:42px 6%;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;font-size:14px}footer>div{display:flex;flex-direction:column;gap:8px}footer p,footer a,footer small{color:#bdc9da}.footbrand{color:white}
.jobs-hero{padding:65px 7% 40px;background:linear-gradient(180deg,#f5f9ff,#fff)}.jobs-hero h1{font-size:42px;margin:13px 0}.jobs-hero p{color:var(--muted)}.jobs-hero .searchbar{max-width:1000px}.list-head{display:flex;justify-content:space-between;align-items:center}.list-head span{color:var(--muted)}.job-list{display:grid;gap:12px}.job-row{display:grid;grid-template-columns:65px 1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff}.job-row:hover{border-color:#b9cdf8}.job-main h3{margin:4px 0}.job-main p,.job-main small{color:var(--muted)}.salary{display:grid;text-align:right;gap:12px}.salary span{color:var(--blue);font-size:13px}.empty{padding:40px;border:1px dashed var(--line);border-radius:15px;text-align:center;color:var(--muted)}
.detail-wrap{max-width:1180px;margin:auto;padding:36px 20px 70px;display:grid;grid-template-columns:1.65fr .8fr;gap:25px}.back{color:var(--blue);font-size:13px}.job-header{display:grid;grid-template-columns:70px 1fr auto;gap:15px;align-items:center;margin:24px 0}.job-header h1{margin:4px 0}.job-header small,.job-header p{color:var(--muted)}.detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.detail-kpis>div{padding:17px;border-right:1px solid var(--line);display:grid;gap:4px}.detail-kpis>div:last-child{border-right:0}.detail-kpis b{font-size:13px}.detail-kpis span{font-size:11px;color:var(--muted)}.tabs{display:flex;gap:30px;padding:25px 5px 12px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.tabs span:first-child{color:var(--blue);border-bottom:2px solid var(--blue);padding-bottom:12px}.content-card{padding:24px 0}.content-card p,.content-card li{color:#526076;line-height:1.7}.application-card{position:sticky;top:95px;align-self:start;border:1px solid var(--line);border-radius:16px;padding:23px;background:#fff;box-shadow:0 12px 35px #13233d0d}.apply-title{display:flex;justify-content:space-between;align-items:center}.apply-title h2{font-size:19px}.apply-title span{font-size:10px;color:var(--green)}.application-card form{display:grid;gap:11px}.application-card label{display:grid;gap:5px;font-size:12px;font-weight:650}.application-card input,.application-card textarea{padding:11px;border:1px solid var(--line);border-radius:8px}.application-card .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gdpr{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important;color:var(--muted)}.center{text-align:center;color:var(--muted)}.whatsapp-note{margin-top:14px;background:#effaf3;padding:11px;border-radius:10px;font-size:12px;color:#287746}.company-card{text-align:center}.company-card .company-logo{margin:auto}
.login-page{min-height:72vh;display:grid;place-items:center;background:#f6f9fd}.login-card{width:min(420px,92vw);display:grid;gap:14px;background:#fff;border:1px solid var(--line);padding:34px;border-radius:18px;text-align:center;box-shadow:0 20px 45px #13233d12}.logo.xl{width:55px;height:55px;margin:auto;font-size:24px}.login-card label{display:grid;gap:6px;text-align:left;font-size:12px;font-weight:700}.login-card input{padding:12px;border:1px solid var(--line);border-radius:9px}
.admin-body{display:flex;background:#f5f7fb;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:215px;background:linear-gradient(180deg,#09162d,#0a2542);color:#fff;padding:18px 15px}.admin-brand{color:#fff;margin-bottom:28px}.sidebar>p{font-size:11px;color:#93a6bf;margin:0 10px 10px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 13px;border-radius:9px;display:flex;gap:11px;font-weight:650;font-size:13px}.sidebar nav a:hover{background:#1769ff}.admin-main{margin-left:215px;width:calc(100% - 215px)}.admin-top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.menu-btn{border:0;background:none;font-size:20px}.admin-user{display:flex;align-items:center;gap:8px}.user-dot{color:#1769ff;font-size:23px}.admin-content{padding:26px}.admin-heading{display:flex;justify-content:space-between;align-items:center}.admin-heading h1{margin:0}.admin-heading p{color:var(--muted);margin:6px 0}.date-filter{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:9px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.kpis>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;gap:14px}.kpis>div>span{font-size:30px;background:#f0f5ff;width:48px;height:48px;border-radius:13px;display:grid;place-items:center}.kpis section{display:grid}.kpis b{font-size:25px}.kpis small{font-size:12px}.kpis em{font-style:normal;font-size:10px;color:#4d6f9e;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .85fr 1fr;gap:14px;margin-bottom:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;overflow:auto}.panel h3{margin-top:0}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title a{font-size:12px;color:var(--blue)}.line-chart svg{width:100%;height:200px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#edf0f5 50px)}.axis{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.status-chart{display:flex;align-items:center;gap:18px}.donut{width:125px;height:125px;border-radius:50%;background:conic-gradient(#2775ff 0 40%,#5938c7 40% 60%,#ffa31a 60% 75%,#24a65a 75% 88%,#f04b47 88%);position:relative}.donut:after{content:"";position:absolute;inset:30px;border-radius:50%;background:white}.status-chart p{font-size:11px}.status-chart p b{float:right;margin-left:15px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.d1{background:#2775ff}.d2{background:#5938c7}.d3{background:#ffa31a}.d4{background:#24a65a}.d5{background:#f04b47}.recent-job{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.recent-job div{display:grid}.recent-job small{color:var(--muted);font-size:10px}.recent-job strong{font-size:11px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:10px}.badge{white-space:nowrap}.wa{color:#1a8c47}.link-danger{border:0;background:none;color:#c52b2b;cursor:pointer}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.quick>a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;align-items:center;gap:12px;font-size:24px}.quick span{display:grid}.quick b{font-size:12px}.quick small{font-size:10px;color:var(--muted)}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.admin-form input,.admin-form select,.admin-form textarea{padding:11px;border:1px solid var(--line);border-radius:8px}.admin-form .full{grid-column:1/-1}.checkline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.admin-form.single{grid-template-columns:1fr}.company-admin-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:14px}.status-filters{display:flex;gap:7px;margin:18px 0}.status-filters a{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:11px}.status-filters a.active{background:#1769ff;color:#fff}
@media(max-width:1000px){.topbar nav{display:none}.hero{grid-template-columns:1fr}.hero-art{order:-1;height:260px}.woman,.worker{font-size:105px}.stats,.kpis{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr}.detail-wrap{grid-template-columns:1fr}.application-card{position:static}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:75px}.sidebar .brand span:last-child,.sidebar nav span,.sidebar>p{display:none}.admin-main{margin-left:75px;width:calc(100% - 75px)}.company-admin-grid{grid-template-columns:1fr}}
@media(max-width:650px){.topbar{padding:0 13px}.actions .btn-outline,.lang-dd{display:none}.hero{padding:35px 18px}.hero h1{font-size:39px}.hero-art{display:none}.searchbar{grid-template-columns:1fr}.stats,.cards,.how-grid,.kpis,.quick{grid-template-columns:1fr}.section{padding:35px 16px}.jobs-hero{padding:35px 16px}.jobs-hero h1{font-size:32px}.job-row{grid-template-columns:50px 1fr}.job-row .salary{grid-column:2}.detail-kpis{grid-template-columns:1fr 1fr}.job-header{grid-template-columns:60px 1fr}.apply-anchor{grid-column:1/-1}.application-card .two{grid-template-columns:1fr}footer{grid-template-columns:1fr}.admin-content{padding:15px}.admin-heading{align-items:flex-start;gap:10px}.admin-form{grid-template-columns:1fr}.admin-form .full{grid-column:auto}}

.candidate-count{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:10px;font-size:12px;font-weight:700}
.candidate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.candidate-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 8px 22px #13233d0a}
.candidate-head{display:flex;align-items:center;gap:12px}.candidate-head h3{margin:0}.candidate-head p{margin:4px 0;color:var(--muted);font-size:12px}
.candidate-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:#1769ff;font-size:18px;font-weight:800}
.candidate-contact{display:grid;gap:7px;margin:16px 0;font-size:12px}.candidate-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}
.candidate-meta div{display:grid}.candidate-meta b{font-size:14px}.candidate-meta span{font-size:10px;color:var(--muted)}
.candidate-apps h4{margin-bottom:8px}.candidate-apps a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}
.message-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:14px;margin-top:20px}
.message-row{display:grid;grid-template-columns:.7fr 1.5fr .65fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}
.message-row.unread{background:#f5f9ff}.message-row>div{display:grid;align-content:start;gap:5px}.message-row small{color:var(--muted)}.message-row p{margin:0;color:#546176}.message-row a{color:var(--blue)}
.stats-panels{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.bar-stat{display:grid;grid-template-columns:85px 1fr 35px;gap:10px;align-items:center;margin:16px 0;font-size:12px}.bar-stat i{display:block;height:10px;background:linear-gradient(90deg,#1769ff,#79a7ff);border-radius:10px;min-width:4px}.bar-stat b{text-align:right}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.settings-save{grid-column:1/-1;justify-self:start}
@media(max-width:1000px){.candidate-grid{grid-template-columns:1fr 1fr}.message-layout,.stats-panels{grid-template-columns:1fr}}
@media(max-width:650px){.candidate-grid,.settings-grid{grid-template-columns:1fr}.message-row{grid-template-columns:1fr}.settings-save{grid-column:auto}}

/* =========================
   WORKLI ADMIN PREMIUM V5
   ========================= */
.premium-admin{background:#f5f7fb;color:#13213b}
.premium-admin .sidebar{width:248px;padding:22px 16px;background:linear-gradient(180deg,#08162c 0%,#0a213d 100%);box-shadow:10px 0 35px rgba(8,22,44,.08)}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px 24px}
.admin-brand{margin:0}.admin-pill{font-size:9px;letter-spacing:1px;background:#15335a;color:#9fc4ff;padding:5px 7px;border-radius:6px;font-weight:800}
.side-section{font-size:9px;letter-spacing:1.1px;color:#7087a4;margin:20px 12px 8px;font-weight:800}
.premium-admin .sidebar nav{display:grid;gap:4px}
.premium-admin .sidebar nav a,.sidebar-footer a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-size:12px;color:#c7d4e5;transition:.18s}
.premium-admin .sidebar nav a:hover,.premium-admin .sidebar nav a.active{background:linear-gradient(135deg,#1769ff,#2d7bff);color:#fff;box-shadow:0 8px 20px rgba(23,105,255,.25)}
.nav-icon{width:20px;text-align:center;font-size:14px}.side-badge{margin-left:auto;background:#ff4e5f;color:#fff;border-radius:20px;font-size:9px;padding:2px 6px}
.sidebar-footer{position:absolute;left:16px;right:16px;bottom:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}
.premium-admin .admin-main{margin-left:248px;width:calc(100% - 248px)}
.premium-top{height:76px;padding:0 28px;border-bottom:1px solid #e7ebf2;box-shadow:0 2px 12px rgba(20,35,60,.025)}
.admin-top-left{display:flex;align-items:center;gap:18px}.menu-btn{width:34px;height:34px;border-radius:9px!important;background:#f5f7fb!important}
.admin-search{width:310px;display:flex;align-items:center;gap:8px;background:#f6f8fb;border:1px solid #ebeff5;border-radius:10px;padding:0 12px;color:#8a98ab}
.admin-search input{border:0;background:transparent;outline:0;padding:9px 0;width:100%;font-size:12px}
.icon-button{position:relative;border:1px solid #e7ebf2;background:#fff;border-radius:10px;padding:8px 10px;font-size:11px;color:#4b5b73}
.icon-button.notify i{position:absolute;right:-5px;top:-5px;background:#ff4757;color:#fff;width:16px;height:16px;border-radius:50%;font:normal 9px/16px Arial}
.admin-profile{display:flex;align-items:center;gap:9px;border-left:1px solid #e9edf3;padding-left:13px}
.admin-profile>div{display:grid}.admin-profile b{font-size:11px}.admin-profile small{font-size:9px;color:#8b98aa}.profile-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#1769ff,#5e96ff);color:white;display:grid;place-items:center;font-weight:800}
.premium-content{padding:30px 34px 50px;max-width:1600px;margin:auto}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-heading h1{font-size:27px;margin:5px 0 4px;letter-spacing:-.5px}.page-heading p{margin:0;color:#748197;font-size:12px}.breadcrumb{font-size:10px;color:#9ba7b8}.add-btn{padding:11px 16px!important;font-size:12px}
.mini-kpis{display:grid;grid-template-columns:repeat(3,220px);gap:12px;margin-bottom:16px}.mini-kpis>div{background:#fff;border:1px solid #e7ebf2;border-radius:13px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 20px rgba(20,35,60,.025)}
.mk-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:800}.mk-icon.blue{background:#edf4ff;color:#1769ff}.mk-icon.green{background:#eaf8ef;color:#24a65a}.mk-icon.gray{background:#f0f2f5;color:#8390a1}
.mini-kpis section{display:grid}.mini-kpis b{font-size:19px}.mini-kpis small{font-size:10px;color:#7e8b9f;margin-top:2px}
.premium-panel{padding:0!important;border-radius:15px!important;box-shadow:0 8px 28px rgba(20,35,60,.035)!important}
.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #edf0f5}
.table-search{width:390px;display:flex;align-items:center;gap:8px;border:1px solid #e4e9f1;border-radius:9px;padding:0 11px;color:#8d99aa}
.table-search input{width:100%;border:0;outline:0;padding:9px 0;font-size:11px}
.toolbar-actions{display:flex;gap:8px}.toolbar-actions select,.btn-soft{border:1px solid #e4e9f1;border-radius:9px;background:#fff;padding:9px 11px;font-size:10px;color:#536178}
.table-wrap{overflow:auto}.premium-table{font-size:11px}.premium-table th{background:#fafbfd;color:#8190a4;font-size:9px;letter-spacing:.4px;padding:12px 16px;border-bottom:1px solid #edf0f5}.premium-table td{padding:14px 16px;border-bottom:1px solid #eef1f5}
.premium-table tr:hover td{background:#fbfdff}.job-cell,.company-cell{display:flex;align-items:center;gap:10px}.job-cell>div{display:grid}.job-cell b{font-size:11px}.job-cell small{font-size:9px;color:#8794a6;margin-top:3px}
.job-symbol{width:34px;height:34px;border-radius:9px;background:#eef4ff;color:#1769ff;display:grid;place-items:center;font-weight:800}
.tiny-company{width:27px;height:27px;border-radius:8px;background:#173f92;color:white;display:grid;place-items:center;font-size:8px;font-weight:800}.location-cell{color:#647287}
.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:15px;padding:5px 9px;font-size:9px;font-weight:700}.status-pill i{width:6px;height:6px;border-radius:50%}.status-pill.is-active{background:#eaf8ef;color:#24884d}.status-pill.is-active i{background:#2ebd68}.status-pill.is-inactive{background:#f1f3f6;color:#778496}.status-pill.is-inactive i{background:#9ba6b4}
.row-actions{display:flex;gap:5px}.action-btn{width:29px;height:29px;border:1px solid #e5eaf1;background:#fff;border-radius:8px;display:grid;place-items:center;font-size:10px;color:#536178;cursor:pointer}.action-btn:hover{border-color:#b8cdf8;color:#1769ff;background:#f6f9ff}
.table-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;color:#8995a6;font-size:10px}.pagination{display:flex;gap:5px}.pagination button{width:27px;height:27px;border:1px solid #e5eaf1;background:#fff;border-radius:7px;font-size:10px}.pagination .current{background:#1769ff;color:#fff;border-color:#1769ff}
@media(max-width:1100px){.premium-admin .sidebar{width:78px}.sidebar-top{justify-content:center}.sidebar-top .brand span:last-child,.admin-pill,.side-section,.premium-admin .sidebar nav a span:not(.nav-icon),.sidebar-footer a span:not(.nav-icon){display:none}.premium-admin .admin-main{margin-left:78px;width:calc(100% - 78px)}.admin-search{width:220px}.mini-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.premium-content{padding:20px 14px}.admin-search{display:none}.admin-profile div,.admin-profile>span:last-child{display:none}.page-heading{align-items:flex-start}.mini-kpis{grid-template-columns:1fr}.table-toolbar{align-items:stretch;flex-direction:column;gap:9px}.table-search{width:100%}.toolbar-actions{justify-content:space-between}.premium-admin .sidebar{display:none}.premium-admin .admin-main{margin-left:0;width:100%}}

/* v8 - hero cu doar cele doua persoane */
.people-only-hero{height:430px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#f4f9ff,#eaf4ff);box-shadow:0 24px 60px rgba(24,105,255,.08)}
.people-only-hero img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
@media(max-width:1000px){.people-only-hero{height:360px}}
@media(max-width:650px){.people-only-hero{height:300px}.people-only-hero img{object-position:center top}}

.content-page{max-width:1080px;margin:auto;padding:70px 24px 90px}.content-page>h1{font-size:44px;letter-spacing:-1.5px;margin:14px 0}.content-page>p{max-width:760px;color:var(--muted);font-size:17px;line-height:1.7}.contact-form{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.contact-form input,.contact-form textarea{border:1px solid var(--line);border-radius:10px;padding:12px;outline:none}.contact-form .full{grid-column:1/-1}.legal{max-width:900px}.legal h2{margin-top:32px}.legal p{color:var(--muted);line-height:1.75}.legal-note{margin-top:35px;background:#fff7e7;border:1px solid #f4dfae;border-radius:12px;padding:16px;color:#76561c}.about-grid{margin-top:34px}.row-actions form{margin:0}@media(max-width:650px){.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.content-page>h1{font-size:34px}}


/* ==================== WORKLI AI CHATBOT V10 ==================== */
.workli-chat{position:fixed;right:22px;bottom:22px;z-index:1000;font-family:inherit}
.chat-launcher{border:0;background:linear-gradient(135deg,#1769ff,#4b86ff);color:#fff;border-radius:999px;min-height:54px;padding:0 19px 0 10px;display:flex;align-items:center;gap:10px;font-weight:800;box-shadow:0 16px 38px rgba(23,105,255,.3);cursor:pointer}
.chat-logo{width:36px;height:36px;background:#fff;color:#1769ff;border-radius:50%;display:grid;place-items:center;font-size:19px}.chat-launch-text{font-size:12px}
.chat-window{position:absolute;right:0;bottom:68px;width:390px;height:min(630px,76vh);background:#fff;border:1px solid #e3e9f2;border-radius:20px;box-shadow:0 25px 70px rgba(18,34,60,.22);overflow:hidden;display:none;grid-template-rows:auto 1fr auto auto}
.chat-window.open{display:grid;animation:chatOpen .2s ease-out}@keyframes chatOpen{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.chat-head{background:linear-gradient(135deg,#0b1d39,#164b91);color:white;padding:15px 16px;display:flex;align-items:center;justify-content:space-between}.chat-head-brand{display:flex;align-items:center;gap:10px}.chat-head-brand>div{display:grid}.chat-head-brand small{font-size:10px;color:#cfe0fb}.chat-head-brand small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39ce75}.chat-ai-avatar{width:38px;height:38px;border-radius:12px;background:#2876ff;display:grid;place-items:center;font-size:20px}.chat-head>button{border:0;background:transparent;color:white;font-size:25px;cursor:pointer}
.chat-body{padding:15px;background:#f7f9fc;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-msg{display:flex;gap:8px;align-items:flex-end;max-width:90%}.chat-msg>div{padding:10px 12px;border-radius:13px;font-size:12px;line-height:1.45;white-space:pre-wrap}.chat-msg.bot>div{background:#fff;border:1px solid #e6ebf2;color:#24334d;border-bottom-left-radius:4px}.chat-msg.user{align-self:flex-end}.chat-msg.user>div{background:#1769ff;color:#fff;border-bottom-right-radius:4px}.mini-avatar{flex:none;width:25px;height:25px;border-radius:8px;background:#1769ff;color:#fff;display:grid;place-items:center;font-size:11px}.typing{opacity:.65}
.quick-questions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-questions button{border:1px solid #dfe7f2;background:#fff;border-radius:10px;padding:9px;text-align:left;font-size:10px;color:#40516d;cursor:pointer}.quick-questions button:hover{border-color:#a8c5ff;background:#f4f8ff}
.chat-special-form{display:none;background:#fff;border:1px solid #dfe7f2;border-radius:13px;padding:12px;gap:7px}.chat-special-form.show{display:grid}.chat-special-form b{font-size:12px}.chat-special-form small{font-size:9px;color:#7d899b}.chat-special-form input,.chat-special-form textarea{border:1px solid #e0e6ef;border-radius:8px;padding:9px;font-size:11px;resize:none}.chat-special-form button{border:0;border-radius:8px;background:#1769ff;color:#fff;padding:9px;font-size:10px;font-weight:800;cursor:pointer}
.chat-input{display:grid;grid-template-columns:1fr 42px;gap:8px;padding:11px;border-top:1px solid #e7ebf1;background:#fff}.chat-input input{border:1px solid #e0e6ef;border-radius:11px;padding:11px;font-size:12px;outline:0}.chat-input input:focus{border-color:#9ebeff}.chat-input button{border:0;border-radius:11px;background:#1769ff;color:#fff;font-size:16px;cursor:pointer}.chat-privacy{text-align:center;background:#fff;color:#8b96a7;font-size:8px;padding:0 8px 9px}
.chat-job-results,.chat-status-results{display:grid;gap:7px}.chat-job-results a,.chat-status-results>div{display:grid;background:#fff;border:1px solid #e2e8f1;border-radius:11px;padding:10px}.chat-job-results b,.chat-status-results b{font-size:11px}.chat-job-results span,.chat-status-results small{font-size:9px;color:#7a879a;margin-top:3px}.chat-job-results strong{font-size:10px;color:#1769ff;margin-top:5px}.chat-status-badge{justify-self:start;font-size:9px;background:#edf4ff;color:#1769ff;padding:4px 7px;border-radius:9px;margin-bottom:5px}
/* Admin chatbot */
.chatbot-kpis .mk-icon.amber{background:#fff3df;color:#df8b11}.chatbot-admin-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:14px}.chatbot-side{display:grid;gap:14px;align-content:start}.panel-padded,.panel-pad-title{padding:18px}.panel-pad-title{border-bottom:1px solid #edf0f5}.panel-pad-title h3{margin:0}.panel-pad-title small{color:#8491a3}.admin-chat-conversation{padding:15px 18px;border-bottom:1px solid #edf0f5}.conversation-top{display:flex;justify-content:space-between;gap:12px}.conversation-top>div{display:grid}.conversation-top small,.conv-contact{font-size:9px;color:#8592a4}.need-attention{font-size:9px;background:#fff0e9;color:#c96c26;padding:5px 8px;border-radius:9px;height:max-content}.resolved-pill{font-size:9px;background:#e9f8ef;color:#26874f;padding:5px 8px;border-radius:9px;height:max-content}.conversation-preview{background:#f8fafc;border-radius:10px;padding:9px;margin:9px 0}.conversation-preview p{font-size:10px;margin:5px 0;color:#56657a}.conversation-preview p.user b{color:#1769ff}.conversation-preview p.bot b{color:#7351d4}.intent-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf0f5;font-size:11px}.bot-capabilities{padding-left:0;list-style:none;display:grid;gap:9px;font-size:11px;color:#536176}.muted{color:#8894a5;font-size:11px}.empty-admin-state{padding:25px;color:#8794a5}
@media(max-width:900px){.chatbot-admin-grid{grid-template-columns:1fr}}
@media(max-width:520px){.workli-chat{right:12px;bottom:12px}.chat-launch-text{display:none}.chat-launcher{padding:8px}.chat-window{position:fixed;inset:10px;width:auto;height:auto;bottom:10px;border-radius:17px}.quick-questions{grid-template-columns:1fr}}


/* ==================== WORKLI DARK MODE V11 ==================== */
.theme-control{display:flex;align-items:center;gap:3px;padding:3px;background:#f2f5f9;border:1px solid #e4e9f1;border-radius:10px}
.theme-btn{width:29px;height:29px;border:0;border-radius:7px;background:transparent;color:#647287;font-size:11px;font-weight:800;cursor:pointer}
.theme-btn.active{background:#fff;color:#1769ff;box-shadow:0 2px 7px rgba(20,35,60,.10)}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{background:#0c1422;color:#e6edf7}
html[data-theme="dark"] .topbar,
html[data-theme="dark"] header,
html[data-theme="dark"] .navbar{background:#0f1929!important;border-color:#223047!important}
html[data-theme="dark"] .hero{background:#0c1422}
html[data-theme="dark"] .hero h1,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4{color:#f2f6fc}
html[data-theme="dark"] p,
html[data-theme="dark"] .muted{color:#9cabc0}
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .premium-panel,
html[data-theme="dark"] .company-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .searchbar{background:#111d2e!important;border-color:#24334a!important;color:#e6edf7}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#0d1726!important;border-color:#2a3a52!important;color:#e7eef8!important}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#718097}
html[data-theme="dark"] .theme-control{background:#101b2b;border-color:#293950}
html[data-theme="dark"] .theme-btn{color:#91a2b9}
html[data-theme="dark"] .theme-btn.active{background:#1d304a;color:#76a7ff;box-shadow:none}
html[data-theme="dark"] footer{background:#08111e!important;border-color:#1e2c40!important}
html[data-theme="dark"] a{color:inherit}
html[data-theme="dark"] .workli-photo-hero{background:#101d2e}
html[data-theme="dark"] .workli-photo-hero:after{background:linear-gradient(90deg,#0c1422 0%,rgba(12,20,34,.68) 13%,rgba(12,20,34,0) 34%)}

/* Chatbot dark */
html[data-theme="dark"] .chat-window{background:#101a29;border-color:#29384e}
html[data-theme="dark"] .chat-body{background:#0c1523}
html[data-theme="dark"] .chat-msg.bot>div,
html[data-theme="dark"] .quick-questions button,
html[data-theme="dark"] .chat-special-form,
html[data-theme="dark"] .chat-job-results a,
html[data-theme="dark"] .chat-status-results>div{background:#142134;border-color:#2a3a51;color:#dfe8f5}
html[data-theme="dark"] .chat-input,
html[data-theme="dark"] .chat-privacy{background:#101a29;border-color:#29384e}
html[data-theme="dark"] .quick-questions button{color:#bdc9d9}

/* Premium admin dark */
html[data-theme="dark"] .premium-admin{background:#09111d;color:#dfe8f5}
html[data-theme="dark"] .premium-admin .sidebar{background:linear-gradient(180deg,#07101d,#091a2e)}
html[data-theme="dark"] .premium-admin .admin-main{background:#0b1421}
html[data-theme="dark"] .premium-top{background:#0e1928!important;border-color:#223047;box-shadow:none}
html[data-theme="dark"] .premium-content{background:#0b1421}
html[data-theme="dark"] .admin-search,
html[data-theme="dark"] .table-search{background:#101c2c;border-color:#29384e;color:#90a1b7}
html[data-theme="dark"] .admin-profile{border-color:#26364c}
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .btn-soft,
html[data-theme="dark"] .toolbar-actions select,
html[data-theme="dark"] .action-btn{background:#111e30;border-color:#2a3a51;color:#b8c5d6}
html[data-theme="dark"] .mini-kpis>div{background:#111d2e;border-color:#24334a;box-shadow:none}
html[data-theme="dark"] .premium-table th{background:#0f1a2a;color:#8798ae;border-color:#26354b}
html[data-theme="dark"] .premium-table td{border-color:#223148;color:#dce5f1}
html[data-theme="dark"] .premium-table tr:hover td{background:#122033}
html[data-theme="dark"] .table-toolbar,
html[data-theme="dark"] .table-footer,
html[data-theme="dark"] .panel-pad-title,
html[data-theme="dark"] .admin-chat-conversation,
html[data-theme="dark"] .intent-row{border-color:#233249}
html[data-theme="dark"] .conversation-preview{background:#0c1726}
html[data-theme="dark"] .candidate-card{background:#111d2e;border-color:#24334a;box-shadow:none}
html[data-theme="dark"] .candidate-meta,
html[data-theme="dark"] .candidate-apps a{border-color:#26354b}
html[data-theme="dark"] .message-row.unread{background:#12223a}
html[data-theme="dark"] .bar-stat i{background:linear-gradient(90deg,#3d82ff,#79a7ff)}
html[data-theme="dark"] .breadcrumb{color:#73849a}
@media(max-width:720px){.theme-control{gap:1px}.theme-btn{width:27px;height:27px}}


/* ==================== V12 HEADER THEME CONTROL FIX ==================== */
.theme-control{
  flex:0 0 auto;
  margin:0 2px;
}
.theme-btn{
  display:grid;
  place-items:center;
  line-height:1;
}
header .theme-control,
.navbar .theme-control,
.topbar .theme-control{
  vertical-align:middle;
}
@media(max-width:900px){
  .theme-control{transform:scale(.94);transform-origin:center}
}
@media(max-width:700px){
  .theme-control{display:flex!important}
}


/* ==================== WORKLI V13 DARK MODE POLISH ==================== */
html[data-theme="dark"] body{background:#0a1320;color:#e8eef7}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] header,
html[data-theme="dark"] .navbar{
  background:#0d1828!important;
  border-bottom:1px solid #1f2d42!important;
}
html[data-theme="dark"] nav a{color:#e4ebf5!important}
html[data-theme="dark"] nav a:hover{color:#72a4ff!important}

/* Header actions */
html[data-theme="dark"] .lang-select,
html[data-theme="dark"] .language-select,
html[data-theme="dark"] .admin-link,
html[data-theme="dark"] header select,
html[data-theme="dark"] header .btn-outline{
  background:#111f31!important;
  color:#e7eef8!important;
  border-color:#2a3a52!important;
}
html[data-theme="dark"] .admin-link:hover,
html[data-theme="dark"] header .btn-outline:hover{
  background:#16263c!important;
}
html[data-theme="dark"] .theme-control{background:#111e30;border-color:#2a3a52}
html[data-theme="dark"] .theme-btn.active{
  background:#223a5a!important;
  color:#8eb7ff!important;
}

/* Hero */
html[data-theme="dark"] .hero,
html[data-theme="dark"] .hero-section{
  background:#0a1320!important;
}
html[data-theme="dark"] .hero p{color:#a8b4c6!important}
html[data-theme="dark"] .hero-badge,
html[data-theme="dark"] .verified-badge{
  background:#eaf2ff!important;
  color:#2a62b8!important;
}
html[data-theme="dark"] .hero-image,
html[data-theme="dark"] .workli-photo-hero{
  background:#eaf1fa!important;
  border-color:#26364b!important;
}
html[data-theme="dark"] .searchbar,
html[data-theme="dark"] .hero-search,
html[data-theme="dark"] .search-box{
  background:transparent!important;
}
html[data-theme="dark"] .searchbar input,
html[data-theme="dark"] .searchbar select,
html[data-theme="dark"] .hero-search input,
html[data-theme="dark"] .hero-search select{
  background:#111e30!important;
  color:#e8eef7!important;
  border-color:#2a3b53!important;
}
html[data-theme="dark"] .searchbar input::placeholder,
html[data-theme="dark"] .hero-search input::placeholder{color:#8090a7!important}

/* Popular chips */
html[data-theme="dark"] .chip,
html[data-theme="dark"] .popular-searches a,
html[data-theme="dark"] .popular-searches span{
  background:#101d2e!important;
  border-color:#2b3a51!important;
  color:#b6c2d3!important;
}

/* KPI/stat cards */
html[data-theme="dark"] .stats-grid > *,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .hero-stat,
html[data-theme="dark"] .kpi-card{
  background:#111e30!important;
  border-color:#26364d!important;
  box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
}
html[data-theme="dark"] .stat-card b,
html[data-theme="dark"] .stat-card strong,
html[data-theme="dark"] .hero-stat b,
html[data-theme="dark"] .hero-stat strong,
html[data-theme="dark"] .kpi-card b,
html[data-theme="dark"] .kpi-card strong{
  color:#f4f8fd!important;
}
html[data-theme="dark"] .stat-card small,
html[data-theme="dark"] .hero-stat small,
html[data-theme="dark"] .kpi-card small,
html[data-theme="dark"] .stat-label{
  color:#9aabc0!important;
}
html[data-theme="dark"] .stat-icon,
html[data-theme="dark"] .kpi-icon{
  background:#16273d!important;
}

/* Recommended jobs */
html[data-theme="dark"] .jobs-section,
html[data-theme="dark"] .recommended-jobs{
  background:#0a1320!important;
}
html[data-theme="dark"] .job-card{
  background:#111e30!important;
  border-color:#26364d!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .job-card:hover{
  border-color:#3c6fb8!important;
  background:#132239!important;
}
html[data-theme="dark"] .job-card h3,
html[data-theme="dark"] .job-card h4,
html[data-theme="dark"] .job-title{
  color:#eef4fb!important;
}
html[data-theme="dark"] .job-card .company,
html[data-theme="dark"] .job-card .meta,
html[data-theme="dark"] .job-card small{
  color:#97a8bd!important;
}
html[data-theme="dark"] .verified-text{color:#4fd186!important}

/* Generic cards/panels */
html[data-theme="dark"] .card,
html[data-theme="dark"] .company-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .premium-panel{
  background:#111e30!important;
  border-color:#26364d!important;
  color:#e7eef8!important;
}
html[data-theme="dark"] .card p,
html[data-theme="dark"] .company-card p,
html[data-theme="dark"] .panel p{
  color:#9caabd!important;
}

/* Buttons */
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-soft{
  background:#132237!important;
  color:#dce7f4!important;
  border-color:#2d4059!important;
}
html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-light:hover,
html[data-theme="dark"] .btn-soft:hover{
  background:#182a43!important;
}
html[data-theme="dark"] .btn-primary{
  color:#fff!important;
}

/* Forms */
html[data-theme="dark"] form label{color:#cad5e3!important}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{
  background:#0e1a2a!important;
  color:#e8eef7!important;
  border-color:#2a3b53!important;
}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus{
  border-color:#4c83d9!important;
  box-shadow:0 0 0 3px rgba(60,121,218,.13)!important;
}

/* Tables */
html[data-theme="dark"] table{background:#111e30!important}
html[data-theme="dark"] thead th{
  background:#0f1a2a!important;
  color:#96a7bc!important;
  border-color:#26364d!important;
}
html[data-theme="dark"] tbody td{
  color:#dce5f1!important;
  border-color:#223148!important;
}
html[data-theme="dark"] tbody tr:hover td{
  background:#14233a!important;
}

/* Chatbot */
html[data-theme="dark"] .chat-window{
  background:#0f1a2a!important;
  border-color:#2a3a51!important;
}
html[data-theme="dark"] .chat-body{background:#0b1523!important}
html[data-theme="dark"] .chat-msg.bot>div{
  background:#132136!important;
  color:#e3ebf5!important;
  border-color:#293a52!important;
}
html[data-theme="dark"] .quick-questions button{
  background:#132136!important;
  color:#b9c6d7!important;
  border-color:#293a52!important;
}
html[data-theme="dark"] .quick-questions button:hover{
  background:#172841!important;
  border-color:#3f6395!important;
}
html[data-theme="dark"] .chat-special-form{
  background:#111f31!important;
  border-color:#2a3a51!important;
}
html[data-theme="dark"] .chat-job-results a,
html[data-theme="dark"] .chat-status-results>div{
  background:#132136!important;
  border-color:#293a52!important;
  color:#e3ebf5!important;
}
html[data-theme="dark"] .chat-input,
html[data-theme="dark"] .chat-privacy{
  background:#0f1a2a!important;
  border-color:#293a52!important;
}

/* Admin */
html[data-theme="dark"] .premium-admin{background:#09111d!important}
html[data-theme="dark"] .premium-content,
html[data-theme="dark"] .admin-main{background:#0b1421!important}
html[data-theme="dark"] .premium-top{
  background:#0f1929!important;
  border-color:#223047!important;
}
html[data-theme="dark"] .mini-kpis>div{
  background:#111e30!important;
  border-color:#26364d!important;
}
html[data-theme="dark"] .mini-kpis b{color:#f4f8fd!important}
html[data-theme="dark"] .mini-kpis small{color:#9caabd!important}
html[data-theme="dark"] .admin-search,
html[data-theme="dark"] .table-search,
html[data-theme="dark"] .toolbar-actions select,
html[data-theme="dark"] .icon-button{
  background:#101c2c!important;
  color:#c5d1e0!important;
  border-color:#29384e!important;
}
html[data-theme="dark"] .candidate-card,
html[data-theme="dark"] .message-card,
html[data-theme="dark"] .settings-card{
  background:#111e30!important;
  border-color:#26364d!important;
}
html[data-theme="dark"] .sidebar a{color:#a8b7ca!important}
html[data-theme="dark"] .sidebar a.active,
html[data-theme="dark"] .sidebar a:hover{
  background:#142a47!important;
  color:#fff!important;
}

/* Footer */
html[data-theme="dark"] footer{
  background:#07101b!important;
  color:#9eacbd!important;
  border-color:#1e2c40!important;
}
html[data-theme="dark"] footer a{color:#b8c5d6!important}

/* Accessibility/contrast */
html[data-theme="dark"] ::selection{background:#2b6ed7;color:#fff}


/* ==================== WORKLI V14 EXACT DARK FIX ==================== */
/* Homepage actual markup: <section class="stats"><div>...</div></section> */
html[data-theme="dark"] .stats > div{
    background:#111e30 !important;
    border-color:#2a3a52 !important;
    color:#eef4fb !important;
    box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
}
html[data-theme="dark"] .stats > div b{
    color:#f4f8fd !important;
}
html[data-theme="dark"] .stats > div small{
    color:#a8b6c8 !important;
}
html[data-theme="dark"] .stats .stat-icon{
    background:#182a42 !important;
    color:#dbe7f7 !important;
}
html[data-theme="dark"] .stats .stat-icon.green{
    background:#123326 !important;
    color:#59d68d !important;
}
html[data-theme="dark"] .stats .stat-icon.amber{
    background:#3b2b12 !important;
    color:#f0bd59 !important;
}

/* Actual language dropdown markup */
html[data-theme="dark"] .lang-dd > button{
    background:#111e30 !important;
    color:#e8eef7 !important;
    border-color:#2a3a52 !important;
}
html[data-theme="dark"] .lang-dd > button:hover{
    background:#17263c !important;
}
html[data-theme="dark"] .lang-menu{
    background:#111e30 !important;
    border-color:#2a3a52 !important;
    box-shadow:0 16px 35px rgba(0,0,0,.28) !important;
}
html[data-theme="dark"] .lang-menu a{
    color:#dce6f2 !important;
}
html[data-theme="dark"] .lang-menu a:hover{
    background:#17263c !important;
    color:#fff !important;
}

/* Actual Admin link markup is .btn.btn-outline */
html[data-theme="dark"] .actions .btn-outline{
    background:#111e30 !important;
    color:#e8eef7 !important;
    border-color:#2a3a52 !important;
}
html[data-theme="dark"] .actions .btn-outline:hover{
    background:#17263c !important;
    color:#fff !important;
}

/* Header theme controls */
html[data-theme="dark"] .topbar .theme-control{
    background:#111e30 !important;
    border-color:#2a3a52 !important;
}
html[data-theme="dark"] .topbar .theme-btn{
    color:#a7b5c8 !important;
}
html[data-theme="dark"] .topbar .theme-btn.active{
    background:#244064 !important;
    color:#9fc0ff !important;
}

/* Search controls: exact homepage input/select markup */
html[data-theme="dark"] .hero-search input,
html[data-theme="dark"] .hero-search select,
html[data-theme="dark"] .hero form input,
html[data-theme="dark"] .hero form select{
    background:#111e30 !important;
    color:#e9eff8 !important;
    border-color:#2a3a52 !important;
}
html[data-theme="dark"] .hero form input::placeholder{
    color:#8392a8 !important;
}

/* Keep image panel light so people render naturally */
html[data-theme="dark"] .hero-visual,
html[data-theme="dark"] .hero-photo,
html[data-theme="dark"] .workli-photo-hero{
    background:#eaf1fa !important;
}

/* Explicit recommended cards */
html[data-theme="dark"] .job-card{
    background:#111e30 !important;
    border-color:#2a3a52 !important;
}
html[data-theme="dark"] .job-card b,
html[data-theme="dark"] .job-card h3,
html[data-theme="dark"] .job-card h4{
    color:#f1f6fc !important;
}
html[data-theme="dark"] .job-card small{
    color:#9eacc0 !important;
}


/* ==================== WORKLI V15 DARK FIX ALL PUBLIC PAGES ==================== */

/* JOBS PAGE */
html[data-theme="dark"] .jobs-hero{
    background:#0f1a2a !important;
    color:#eef4fb !important;
}
html[data-theme="dark"] .jobs-hero h1{
    color:#f4f8fd !important;
}
html[data-theme="dark"] .jobs-hero p{
    color:#a9b7c9 !important;
}
html[data-theme="dark"] .jobs-hero .searchbar{
    background:transparent !important;
}
html[data-theme="dark"] .jobs-hero .field,
html[data-theme="dark"] .jobs-hero select{
    background:#111e30 !important;
    border-color:#2b3b53 !important;
    color:#dce6f2 !important;
}
html[data-theme="dark"] .jobs-hero .field input{
    background:#111e30 !important;
    color:#e8eef7 !important;
}
html[data-theme="dark"] .section{
    background:#0a1320 !important;
}
html[data-theme="dark"] .list-head h2{
    color:#f3f7fc !important;
}
html[data-theme="dark"] .list-head span{
    color:#91a2b8 !important;
}
html[data-theme="dark"] .job-row{
    background:#111e30 !important;
    border-color:#27374e !important;
    color:#e7eef8 !important;
    box-shadow:none !important;
}
html[data-theme="dark"] .job-row:hover{
    background:#14243a !important;
    border-color:#3b6397 !important;
}
html[data-theme="dark"] .job-row .job-main small{
    color:#97a8bd !important;
}
html[data-theme="dark"] .job-row h3{
    color:#f2f6fb !important;
}
html[data-theme="dark"] .job-row p{
    color:#9eacc0 !important;
}
html[data-theme="dark"] .job-row .salary strong{
    color:#eaf2ff !important;
}
html[data-theme="dark"] .job-row .salary span{
    color:#6ea4ff !important;
}
html[data-theme="dark"] .job-row .tags span{
    background:#16263d !important;
    border-color:#2b3d56 !important;
    color:#a9c5f4 !important;
}

/* HOW IT WORKS / ABOUT CARDS */
html[data-theme="dark"] .how{
    background:#0a1320 !important;
}
html[data-theme="dark"] .how-grid > div{
    background:#111e30 !important;
    border-color:#28384f !important;
    color:#e7eef8 !important;
    box-shadow:none !important;
}
html[data-theme="dark"] .how-grid > div h3{
    color:#eef4fb !important;
}
html[data-theme="dark"] .how-grid > div p{
    color:#a0afc2 !important;
}
html[data-theme="dark"] .how-grid > div > span{
    background:#1769ff !important;
    color:#fff !important;
}
html[data-theme="dark"] .about-grid > div{
    background:#111e30 !important;
    border-color:#28384f !important;
}

/* WHY section */
html[data-theme="dark"] .why{
    background:#0a1320 !important;
}
html[data-theme="dark"] .why h2{
    color:#f2f6fb !important;
}
html[data-theme="dark"] .why p,
html[data-theme="dark"] .why li{
    color:#9fadc0 !important;
}
html[data-theme="dark"] .ai-box{
    background:#12345f !important;
    border-color:#28568d !important;
    color:#fff !important;
}
html[data-theme="dark"] .ai-box h3,
html[data-theme="dark"] .ai-box p{
    color:#fff !important;
}
html[data-theme="dark"] .ai-input input{
    background:#0d1c2f !important;
    color:#e8eef7 !important;
    border-color:#2b4b72 !important;
}

/* CONTENT PAGES */
html[data-theme="dark"] .content-page{
    background:#0a1320 !important;
    color:#e8eef7 !important;
}
html[data-theme="dark"] .content-page h1,
html[data-theme="dark"] .content-page h2,
html[data-theme="dark"] .content-page h3{
    color:#f2f6fb !important;
}
html[data-theme="dark"] .content-page p,
html[data-theme="dark"] .content-page li{
    color:#9fadc0 !important;
}

/* Job detail */
html[data-theme="dark"] .job-detail,
html[data-theme="dark"] .job-detail-card,
html[data-theme="dark"] .apply-box,
html[data-theme="dark"] .apply-card{
    background:#111e30 !important;
    border-color:#28384f !important;
    color:#e7eef8 !important;
}
html[data-theme="dark"] .job-detail h1,
html[data-theme="dark"] .job-detail h2,
html[data-theme="dark"] .job-detail h3{
    color:#f3f7fc !important;
}

/* Companies */
html[data-theme="dark"] .companies-hero,
html[data-theme="dark"] .companies-grid,
html[data-theme="dark"] .companies-section{
    background:#0a1320 !important;
}
html[data-theme="dark"] .company-card{
    background:#111e30 !important;
    border-color:#28384f !important;
}
html[data-theme="dark"] .company-card h3{
    color:#f0f5fb !important;
}

/* Generic white blocks that escaped previous selectors */
html[data-theme="dark"] .white-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .form-card{
    background:#111e30 !important;
    border-color:#28384f !important;
    color:#e7eef8 !important;
}

/* Keep light only intentional image backgrounds */
html[data-theme="dark"] .people-only-hero{
    background:#eaf1fa !important;
}

/* Fix any inherited too-light text on dark sections */
html[data-theme="dark"] .jobs-hero h1,
html[data-theme="dark"] .job-row h3,
html[data-theme="dark"] .how-grid h3{
    opacity:1 !important;
}

/* Footer remains deep navy */
html[data-theme="dark"] footer{
    background:#07101b !important;
}


/* ==================== WORKLI V16 HERO SEARCH POLISH ==================== */

/* Intro text */
.hero-copy > p,
.hero p.hero-subtitle{
    max-width:520px;
    margin-top:12px;
    margin-bottom:18px;
    font-size:14px;
    line-height:1.7;
    letter-spacing:.01em;
}
html[data-theme="dark"] .hero-copy > p,
html[data-theme="dark"] .hero p.hero-subtitle{
    color:#aebbd0 !important;
}

/* Search bar container */
.hero form,
.hero-search{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:8px;
}
.hero form .field,
.hero-search .field{
    position:relative;
    min-height:44px;
    border-radius:12px;
    overflow:hidden;
}
.hero form input,
.hero form select,
.hero-search input,
.hero-search select{
    min-height:44px !important;
    border-radius:12px !important;
    padding:0 14px !important;
    font-size:12px !important;
    font-weight:600;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.hero form input:focus,
.hero form select:focus,
.hero-search input:focus,
.hero-search select:focus{
    outline:none;
    border-color:#4d87e8 !important;
    box-shadow:0 0 0 4px rgba(47,116,232,.14) !important;
}
.hero form .btn-primary,
.hero-search .btn-primary{
    min-height:44px;
    border-radius:12px;
    padding:0 18px;
    font-weight:800;
    box-shadow:0 8px 20px rgba(23,105,255,.22);
}
.hero form .btn-primary:hover,
.hero-search .btn-primary:hover{
    transform:translateY(-1px);
    box-shadow:0 11px 24px rgba(23,105,255,.28);
}

/* Dark search surfaces */
html[data-theme="dark"] .hero form input,
html[data-theme="dark"] .hero form select,
html[data-theme="dark"] .hero-search input,
html[data-theme="dark"] .hero-search select{
    background:#111f31 !important;
    border:1px solid #30425d !important;
    color:#edf3fb !important;
}
html[data-theme="dark"] .hero form input::placeholder,
html[data-theme="dark"] .hero-search input::placeholder{
    color:#8999af !important;
    opacity:1;
}
html[data-theme="dark"] .hero form select option,
html[data-theme="dark"] .hero-search select option{
    background:#111f31;
    color:#edf3fb;
}

/* Popular searches row */
.popular,
.popular-searches,
.hero .popular-searches,
.hero .search-popular{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin-top:12px !important;
}
.popular-label,
.popular-searches > span:first-child,
.hero .search-popular > span:first-child{
    font-size:10px !important;
    color:#8390a4 !important;
    margin-right:2px;
}
.popular a,
.popular-searches a,
.hero .search-popular a,
.hero .popular-searches .chip,
.hero .search-popular .chip{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 10px !important;
    border-radius:999px !important;
    font-size:9px !important;
    line-height:1;
    font-weight:700;
    text-decoration:none;
    transition:all .16s ease;
}
html[data-theme="dark"] .popular a,
html[data-theme="dark"] .popular-searches a,
html[data-theme="dark"] .hero .search-popular a,
html[data-theme="dark"] .hero .popular-searches .chip,
html[data-theme="dark"] .hero .search-popular .chip{
    background:#14233a !important;
    border:1px solid #2b3f5d !important;
    color:#a9c6f4 !important;
}
html[data-theme="dark"] .popular a:hover,
html[data-theme="dark"] .popular-searches a:hover,
html[data-theme="dark"] .hero .search-popular a:hover,
html[data-theme="dark"] .hero .popular-searches .chip:hover,
html[data-theme="dark"] .hero .search-popular .chip:hover{
    background:#19304f !important;
    border-color:#4d7fc8 !important;
    color:#dbe9ff !important;
    transform:translateY(-1px);
}

/* Light mode polish too */
html[data-theme="light"] .hero form input,
html[data-theme="light"] .hero form select,
html[data-theme="light"] .hero-search input,
html[data-theme="light"] .hero-search select{
    background:#fff !important;
    border:1px solid #dce4ef !important;
    color:#1c2a3d !important;
}
html[data-theme="light"] .popular a,
html[data-theme="light"] .popular-searches a,
html[data-theme="light"] .hero .search-popular a,
html[data-theme="light"] .hero .popular-searches .chip,
html[data-theme="light"] .hero .search-popular .chip{
    background:#f5f8fc !important;
    border:1px solid #e1e8f1 !important;
    color:#4e6f9b !important;
}

/* Responsive */
@media(max-width:760px){
    .hero form,
    .hero-search{
        display:grid;
        grid-template-columns:1fr;
    }
    .hero form .btn-primary,
    .hero-search .btn-primary{
        width:100%;
    }
}


/* ==================== WORKLI V17 JOB DETAIL DARK POLISH ==================== */

/* Main detail layout */
html[data-theme="dark"] .detail-wrap{
    color:#e8eef7;
}
html[data-theme="dark"] .job-header h1{
    color:#f4f8fd !important;
}
html[data-theme="dark"] .job-header small,
html[data-theme="dark"] .job-header p{
    color:#9eacc0 !important;
}
html[data-theme="dark"] .back{
    color:#8eb7ff !important;
}

/* KPI strip under job title */
html[data-theme="dark"] .detail-kpis{
    background:#111e30 !important;
    border-color:#2a3a52 !important;
    box-shadow:0 10px 26px rgba(0,0,0,.13);
}
html[data-theme="dark"] .detail-kpis > div{
    background:#111e30 !important;
    border-right-color:#2a3a52 !important;
    padding:18px 16px;
}
html[data-theme="dark"] .detail-kpis > div:hover{
    background:#14243a !important;
}
html[data-theme="dark"] .detail-kpis b{
    color:#f2f6fb !important;
    font-size:13px;
}
html[data-theme="dark"] .detail-kpis span{
    color:#8fa0b7 !important;
}

/* Tabs */
html[data-theme="dark"] .tabs{
    border-bottom-color:#2a3a52 !important;
}
html[data-theme="dark"] .tabs span{
    color:#a9b7c9 !important;
}
html[data-theme="dark"] .tabs span:first-child{
    color:#72a4ff !important;
    border-bottom-color:#3f82ff !important;
}

/* Detail content */
html[data-theme="dark"] .content-card h2,
html[data-theme="dark"] .content-card h3{
    color:#f2f6fb !important;
}
html[data-theme="dark"] .content-card p,
html[data-theme="dark"] .content-card li{
    color:#9eacc0 !important;
}

/* Application card */
html[data-theme="dark"] .application-card{
    background:#111e30 !important;
    border-color:#2a3a52 !important;
    color:#e8eef7 !important;
    box-shadow:0 18px 45px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] .application-card .apply-title{
    padding-bottom:4px;
}
html[data-theme="dark"] .application-card .apply-title h2{
    color:#f4f8fd !important;
}
html[data-theme="dark"] .application-card .apply-title span{
    color:#62d895 !important;
    background:#123225;
    border:1px solid #235c40;
    padding:5px 8px;
    border-radius:999px;
}

/* Labels */
html[data-theme="dark"] .application-card label{
    color:#b8c5d6 !important;
}

/* Inputs */
html[data-theme="dark"] .application-card input,
html[data-theme="dark"] .application-card textarea{
    background:#0d1928 !important;
    color:#edf3fb !important;
    border-color:#30425b !important;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
html[data-theme="dark"] .application-card input::placeholder,
html[data-theme="dark"] .application-card textarea::placeholder{
    color:#75869d !important;
}
html[data-theme="dark"] .application-card input:focus,
html[data-theme="dark"] .application-card textarea:focus{
    outline:none;
    border-color:#4d86df !important;
    box-shadow:0 0 0 4px rgba(67,126,218,.14) !important;
    background:#0f1d2f !important;
}

/* File picker */
html[data-theme="dark"] .application-card input[type="file"]{
    padding:7px !important;
}
html[data-theme="dark"] .application-card input[type="file"]::file-selector-button{
    background:#1a2a40;
    color:#dce7f4;
    border:1px solid #354964;
    border-radius:7px;
    padding:7px 10px;
    margin-right:9px;
    cursor:pointer;
}
html[data-theme="dark"] .application-card input[type="file"]::file-selector-button:hover{
    background:#213650;
}

/* GDPR */
html[data-theme="dark"] .application-card .gdpr{
    color:#8fa0b7 !important;
    line-height:1.4;
}
html[data-theme="dark"] .application-card .gdpr input[type="checkbox"]{
    width:15px;
    height:15px;
    accent-color:#2d7cff;
    box-shadow:none !important;
}

/* Apply button */
html[data-theme="dark"] .application-card .btn-success{
    background:#22a955 !important;
    color:#fff !important;
    border-color:#22a955 !important;
    min-height:42px;
    font-weight:800;
}
html[data-theme="dark"] .application-card .btn-success:hover{
    background:#1c944a !important;
    border-color:#1c944a !important;
}

/* response note */
html[data-theme="dark"] .application-card .center{
    color:#8090a6 !important;
}

/* WhatsApp note */
html[data-theme="dark"] .application-card .whatsapp-note{
    background:#102a20 !important;
    border:1px solid #214e39;
    color:#69d695 !important;
}

/* Make logo block consistent */
html[data-theme="dark"] .job-header .company-logo{
    background:#315cca !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(49,92,202,.18);
}

/* Light mode subtle polish too */
html[data-theme="light"] .detail-kpis{
    box-shadow:0 10px 24px rgba(20,35,60,.05);
}
html[data-theme="light"] .application-card{
    box-shadow:0 16px 38px rgba(20,35,60,.08);
}
html[data-theme="light"] .application-card input:focus,
html[data-theme="light"] .application-card textarea:focus{
    outline:none;
    border-color:#79a5ed;
    box-shadow:0 0 0 4px rgba(47,116,232,.10);
}

/* mobile spacing */
@media(max-width:650px){
    .application-card{
        position:static;
        margin-top:8px;
    }
}

/* WORKLI V18 COMPANY DEMO */
.demo-badge{font-size:8px;letter-spacing:.12em;margin-left:7px;padding:3px 6px;border-radius:999px;background:#eaf2ff;color:#2768d8}
.company-nav{color:#2f74e8!important}
.company-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #dce6f2;border-radius:22px;margin-bottom:60px;background:linear-gradient(135deg,#f8fbff,#eef5ff)}
.company-cta h2{margin:8px 0}.company-cta p{max-width:680px;color:#66758a}
.b2b-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding-top:70px;padding-bottom:70px}
.b2b-hero h1{font-size:48px;line-height:1.06;margin:14px 0}.b2b-hero h1 em{font-style:normal;color:#1769ff}.b2b-hero p{font-size:16px;line-height:1.75;color:#66758a;max-width:650px}
.b2b-actions{display:flex;gap:10px;margin:25px 0}.b2b-proof{display:flex;gap:9px;flex-wrap:wrap}.b2b-proof span{padding:7px 10px;border-radius:999px;background:#f1f6fd;font-size:11px;color:#49617e}
.b2b-panel{border:1px solid #dce6f2;border-radius:24px;padding:24px;background:#fff;box-shadow:0 24px 60px rgba(20,45,80,.09)}
.b2b-panel>small{font-weight:800;color:#6f8096}.b2b-feature{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid #edf1f6}.b2b-feature:last-child{border:0}.b2b-feature>b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#1769ff;color:#fff}.b2b-feature span{display:flex;flex-direction:column;gap:4px}.b2b-feature small{color:#718096}
.b2b-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.b2b-grid>div{padding:22px;border:1px solid #dfe7f1;border-radius:18px;background:#fff}.b2b-grid>div>span{font-size:24px}.b2b-grid h3{margin:12px 0 7px}.b2b-grid p{color:#718096;line-height:1.6}
.white-label{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.white-label p{color:#718096;line-height:1.7}.brand-swap{display:flex;align-items:center;justify-content:center;gap:25px;padding:35px;border-radius:22px;background:#f5f8fc;border:1px solid #dfe7f1}.brand-swap>div{display:flex;align-items:center;gap:9px}.demo-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#172a45;color:#fff;font-weight:900}
.demo-request{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}.demo-copy p,.demo-copy li{color:#718096;line-height:1.7}.demo-copy ul{list-style:none;padding:0}.demo-form{padding:24px;border:1px solid #dfe7f1;border-radius:22px;background:#fff}.demo-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;margin-bottom:12px}.demo-form input,.demo-form select,.demo-form textarea{padding:12px;border:1px solid #dce4ef;border-radius:10px}.demo-form .btn{width:100%;margin-top:4px}.demo-form>small{display:block;text-align:center;color:#8290a3;margin-top:10px}
html[data-theme="dark"] .company-cta,html[data-theme="dark"] .b2b-panel,html[data-theme="dark"] .b2b-grid>div,html[data-theme="dark"] .demo-form{background:#111e30!important;border-color:#293a52!important}
html[data-theme="dark"] .company-cta p,html[data-theme="dark"] .b2b-hero p,html[data-theme="dark"] .b2b-grid p,html[data-theme="dark"] .white-label p,html[data-theme="dark"] .demo-copy p,html[data-theme="dark"] .demo-copy li,html[data-theme="dark"] .b2b-feature small{color:#9eacc0!important}
html[data-theme="dark"] .b2b-proof span{background:#14243a;color:#a9c6f4}
html[data-theme="dark"] .b2b-feature{border-color:#293a52}.html[data-theme="dark"] .b2b-panel{color:#e8eef7}
html[data-theme="dark"] .brand-swap{background:#101c2c;border-color:#293a52}
html[data-theme="dark"] .demo-form input,html[data-theme="dark"] .demo-form select,html[data-theme="dark"] .demo-form textarea{background:#0d1928!important;color:#edf3fb!important;border-color:#30425b!important}
@media(max-width:850px){.b2b-hero,.white-label,.demo-request{grid-template-columns:1fr}.b2b-grid{grid-template-columns:1fr 1fr}.company-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.b2b-grid,.demo-form .two{grid-template-columns:1fr}.b2b-hero h1{font-size:36px}}

/* WORKLI V20 MOBILE READY */
html{-webkit-text-size-adjust:100%} body{overflow-x:hidden} img{max-width:100%;height:auto}
@media(max-width:900px){
.section{padding-left:18px!important;padding-right:18px!important}
.hero{grid-template-columns:1fr!important;gap:24px!important;padding-top:30px!important}
.hero h1{font-size:clamp(36px,10vw,54px)!important;line-height:1.03!important}
.hero-visual{min-height:290px!important}.hero-visual img{max-height:390px!important;object-fit:contain!important}
.stats{grid-template-columns:repeat(2,1fr)!important}.how-grid{grid-template-columns:repeat(2,1fr)!important}
.job-layout,.job-detail-grid{grid-template-columns:1fr!important}.application-card{position:static!important}
}
@media(max-width:700px){
header .container,.site-header .container{padding-left:14px!important;padding-right:14px!important}
.hero p{font-size:15px!important;line-height:1.6!important}
.search-box,.hero-search{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:10px!important}
.search-box input,.search-box select,.search-box button,.hero-search input,.hero-search select,.hero-search button{width:100%!important;min-height:48px!important}
.job-row,.job-card{padding:16px!important;border-radius:16px!important}
.job-row .btn,.job-card .btn{width:100%!important;text-align:center!important;margin-top:10px!important}
.how-grid{grid-template-columns:1fr!important}.why,.ai-box{padding:20px!important}
.company-cta{padding:20px!important;margin-left:14px!important;margin-right:14px!important}.company-cta .btn{width:100%!important;text-align:center!important}
.b2b-hero{padding-top:28px!important}.b2b-hero h1{font-size:36px!important}.b2b-actions{flex-direction:column!important}.b2b-actions .btn{width:100%!important;text-align:center!important}
.demo-form{padding:16px!important}.demo-form input,.demo-form select,.demo-form textarea,.application-card input,.application-card select,.application-card textarea{font-size:16px!important;width:100%!important;box-sizing:border-box!important}
.job-header{padding:22px 16px!important}.job-header h1{font-size:30px!important}.detail-kpis{grid-template-columns:repeat(2,1fr)!important}
.tabs{overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}.content-card,.application-card{padding:17px!important}
.chat-launcher,.chatbot-launcher{right:14px!important;bottom:14px!important;max-width:calc(100vw - 28px)!important}
.chat-window,.chatbot-window{right:10px!important;bottom:72px!important;width:calc(100vw - 20px)!important;max-width:390px!important;max-height:72vh!important}
}
@media(max-width:480px){
.section{padding-left:14px!important;padding-right:14px!important}.hero h1{font-size:37px!important}.hero-visual{min-height:250px!important}
.b2b-grid{grid-template-columns:1fr!important}.btn{min-height:46px!important}
}
@supports(padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}

html[lang='ar'] body{direction:rtl} html[lang='ar'] .brand,html[lang='ar'] .company-line{direction:ltr}