/* Generated by scripts/build-public-pages.mjs from workspace.css for public pages. Edit workspace.css, then rebuild. */
/* Workspace shell and in-app surfaces (employer, agency, candidate and administrator workspaces). */

/* ───────────── Shell ───────────── */
body.in-workspace{background:var(--bg)}
.ws{--side:var(--side-w);min-height:100dvh;display:grid;grid-template-columns:var(--side) minmax(0,1fr);transition:grid-template-columns var(--t-3) var(--ease-out)}
.ws.is-collapsed{--side:var(--side-w-collapsed)}
.ws-side{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:6px;padding:14px 12px;background:radial-gradient(140% 60% at 0% 0%,#18322a 0,transparent 60%),var(--ink-900);color:#efe9dc;border-inline-end:1px solid rgba(255,255,255,.06);z-index:60;overflow:hidden}
.ws-side::after{content:"";position:absolute;inset:auto -60px -80px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(194,155,88,.16),transparent 70%);pointer-events:none}
.ws-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 10px}
.ws-side .brand{display:inline-flex;align-items:center;gap:10px;color:#f6f1e6;text-decoration:none;font-size:17px;font-weight:650;letter-spacing:-.03em;min-width:0}
.brand .brand-mark{width:32px;height:32px;flex-shrink:0;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.brand-word{white-space:nowrap}
.brand-hr{background:linear-gradient(100deg,#e9d3a6,#c29b58);-webkit-background-clip:text;background-clip:text;color:transparent;margin-inline-start:1px}
.ws-collapse{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.08)!important;color:rgba(239,233,220,.7)!important}
.ws-collapse:hover{color:#fff!important;background:rgba(255,255,255,.1)!important}
.ws.is-collapsed .ws-collapse .icon{transform:scaleX(-1)}
.ws-org{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:inherit;text-align:start;cursor:pointer;transition:background var(--t-2),border-color var(--t-2)}
.ws-org:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.ws-org>.icon{margin-inline-start:auto;color:rgba(239,233,220,.5)}
.ws-org-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;overflow:hidden;flex-shrink:0;background:linear-gradient(145deg,#2a4d40,#183a2f);color:var(--gold-300);font-size:12.5px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ws-org-logo img{width:100%;height:100%;object-fit:cover;background:#fff}
.ws-org-text{min-width:0;display:flex;flex-direction:column}
.ws-org-text b{font-size:13.5px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f6f1e6}
.ws-org-text small{font-size:11.5px;color:rgba(239,233,220,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:0;margin:0}
.ws-side-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;margin:6px -6px 0;padding:0 6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}
.ws-nav-group{display:flex;flex-direction:column;gap:1px;padding:8px 0}
.ws-nav-group+.ws-nav-group{border-top:1px solid rgba(255,255,255,.05)}
.ws-nav-label{margin:4px 10px 6px;font-size:10.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:rgba(239,233,220,.38)}
html[lang="ar"] .ws-nav-label{letter-spacing:0}
.ws-link{position:relative;display:flex;align-items:center;gap:11px;min-height:38px;padding:0 10px;border-radius:10px;border:0;background:none;width:100%;color:rgba(239,233,220,.72);font:550 13.5px/1.2 var(--font-sans);text-decoration:none;cursor:pointer;text-align:start;transition:background var(--t-2),color var(--t-2)}
.ws-link .icon{width:18px;height:18px;color:rgba(239,233,220,.55);transition:color var(--t-2),transform var(--t-2) var(--ease-out)}
.ws-link:hover{background:rgba(255,255,255,.06);color:#fff}
.ws-link:hover .icon{color:var(--gold-300)}
.ws-link.is-active{background:linear-gradient(90deg,rgba(212,180,122,.16),rgba(212,180,122,.04));color:#fff;box-shadow:inset 0 0 0 1px rgba(212,180,122,.16)}
.ws-link.is-active .icon{color:var(--gold-300)}
.ws-link.is-active::before{content:"";position:absolute;inset-inline-start:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--gold-400);box-shadow:0 0 12px rgba(212,180,122,.6)}
[dir="rtl"] .ws-link.is-active::before{border-radius:3px 0 0 3px}
.ws-link-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);display:inline-grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:700;background:var(--gold-400);color:var(--accent-ink)}
.ws-tag{font-style:normal;font-size:9.5px;font-weight:750;letter-spacing:.08em;padding:3px 6px;border-radius:5px;background:rgba(140,194,173,.16);color:#9fd3bf}
.ws-side-foot{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.ws-credits{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r-md);background:linear-gradient(135deg,rgba(212,180,122,.16),rgba(212,180,122,.04));border:1px solid rgba(212,180,122,.22);text-decoration:none;color:inherit;transition:border-color var(--t-2),transform var(--t-2) var(--ease-out)}
.ws-credits:hover{border-color:rgba(212,180,122,.45);transform:translateY(-1px)}
.ws-credits-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(212,180,122,.18);color:var(--gold-300);flex-shrink:0}
.ws-credits-text{display:flex;flex-direction:column;min-width:0;flex:1}
.ws-credits-text small{font-size:11px;color:rgba(239,233,220,.55)}
.ws-credits-text b{font-size:17px;font-weight:650;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.ws-credits-cta{font-size:11.5px;font-weight:650;color:var(--gold-300);white-space:nowrap}
.ws-upgrade{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:var(--r-md);border:1px dashed rgba(212,180,122,.3);background:none;color:inherit;text-align:start;cursor:pointer;transition:background var(--t-2)}
.ws-upgrade:hover{background:rgba(212,180,122,.07)}
.ws-upgrade .icon{color:var(--gold-300);margin-top:1px}
.ws-upgrade b{display:block;font-size:12.5px;color:#fff}
.ws-upgrade small{display:block;font-size:11px;line-height:1.4;color:rgba(239,233,220,.55)}
.ws-free-note{display:flex;gap:10px;padding:10px;border-radius:var(--r-md);background:rgba(140,194,173,.08);border:1px solid rgba(140,194,173,.16)}
.ws-free-note .icon{color:#9fd3bf}
.ws-free-note b{display:block;font-size:12.5px;color:#fff}.ws-free-note small{font-size:11px;color:rgba(239,233,220,.55)}
/* Collapsed rail. */
.ws.is-collapsed .ws-side{padding-inline:10px}
.ws.is-collapsed :is(.brand-word,.ws-org-text,.ws-org>.icon,.ws-nav-label,.ws-link-label,.ws-count,.ws-tag,.ws-credits-text,.ws-credits-cta,.ws-upgrade span){display:none}
.ws.is-collapsed .ws-side-head{flex-direction:column;padding-inline:0}
.ws.is-collapsed .ws-link,.ws.is-collapsed .ws-org,.ws.is-collapsed .ws-credits{justify-content:center;padding-inline:0}
.ws.is-collapsed .ws-upgrade{justify-content:center}
.ws.is-collapsed .ws-link.is-active::before{inset-inline-start:-10px}

.ws-body{min-width:0;display:flex;flex-direction:column}
.ws-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;height:var(--top-h);padding:0 var(--gutter);background:rgba(250,248,243,.78);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--line)}
.ws-menu-btn{display:none}
.ws-title{display:flex;align-items:center;gap:8px;flex:0 0 auto;max-width:34%;overflow:hidden;font-size:14px;color:var(--text-3);white-space:nowrap}
.ws-title strong{color:var(--text);font-weight:620;overflow:hidden;text-overflow:ellipsis}
.ws-title .icon{color:var(--stone-400)}
.ws-search{display:flex;align-items:center;gap:10px;margin-inline:auto;flex:1 1 auto;min-width:0;max-width:420px;white-space:nowrap;height:40px;padding:0 10px 0 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--text-3);font:500 13.5px var(--font-sans);cursor:pointer;transition:border-color var(--t-2),box-shadow var(--t-2)}
.ws-search:hover{border-color:var(--line-strong);box-shadow:var(--sh-1)}
.ws-search span{flex:1;text-align:start;overflow:hidden;text-overflow:ellipsis}
.ws-search kbd{flex-shrink:0;white-space:nowrap}
.ws-search .icon{width:16px;height:16px}
.ws-top-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.ws-credit-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:var(--r-pill);background:var(--gold-50);border:1px solid rgba(194,155,88,.3);color:var(--gold-800);font-size:13px;text-decoration:none;transition:border-color var(--t-2)}
.ws-credit-pill:hover{border-color:var(--gold-500)}
.ws-credit-pill b{font-variant-numeric:tabular-nums}
.ws-bell{position:relative}
.ws-bell-dot{position:absolute;top:8px;inset-inline-end:9px;width:8px;height:8px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 0 2px var(--surface);animation:pulse-ring 2.4s infinite}
.ws-menu-wrap{position:relative}
.ws-pop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:80;width:320px;padding:6px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-4);animation:modal-in var(--t-2) var(--ease-out)}
.ws-pop-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 8px;border-bottom:1px solid var(--line-soft);margin-bottom:4px}
.ws-pop-head b{font-size:13.5px}.ws-pop-head small{color:var(--text-3)}
.ws-pop-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:10px 12px;border-radius:var(--r-md);border:0;background:none;color:var(--text);text-align:start;text-decoration:none;cursor:pointer;transition:background var(--t-1)}
.ws-pop-item:hover,.ws-pop-item:focus-visible{background:var(--surface-3)}
.ws-pop-item>.icon{margin-top:2px;color:var(--gold-700);width:17px;height:17px}
.ws-pop-item b{display:block;font-size:13.5px;font-weight:600}
.ws-pop-item small{display:block;margin-top:1px;font-size:12px;color:var(--text-3);line-height:1.4}
.ws-pop-empty{display:flex;gap:10px;padding:14px 12px}.ws-pop-empty .icon{color:var(--ok)}.ws-pop-empty p{font-size:12.5px}
.ws-site-link{width:36px;height:36px}
.ws-top .lang-switch{height:36px}
/* Account menu (top bar). */
.account-menu{position:relative}
.account-trigger{display:flex;align-items:center;gap:9px;height:40px;padding:0 10px 0 4px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--text);transition:border-color var(--t-2)}
.account-trigger:hover{border-color:var(--line-strong)}
.user-label{display:flex;flex-direction:column;text-align:start;line-height:1.2;max-width:160px}
.user-label .name{font-size:12.5px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-label .caption{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-menu-pop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:90;width:320px;padding:6px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-4);animation:modal-in var(--t-2) var(--ease-out)}
.account-menu-head{padding:12px 12px 10px;border-bottom:1px solid var(--line-soft);margin-bottom:4px;display:flex;flex-direction:column}
.account-menu-head b{font-size:14px}.account-menu-head small{color:var(--text-3);font-size:12px}
.account-menu-group{padding:4px 0;display:flex;flex-direction:column}
.account-menu-group+.account-menu-group{border-top:1px solid var(--line-soft)}
.account-menu-item{display:flex;gap:12px;align-items:flex-start;width:100%;padding:10px 12px;border-radius:var(--r-md);border:0;background:none;color:var(--text);text-align:start;text-decoration:none;cursor:pointer;font:inherit}
.account-menu-item:hover{background:var(--surface-3)}
.account-menu-item .icon{margin-top:1px;color:var(--text-3)}
.account-menu-item b{display:block;font-size:13.5px;font-weight:600}
.account-menu-item small{display:block;font-size:12px;color:var(--text-3)}
.ws-main{flex:1;width:100%;max-width:calc(var(--content-max) + var(--gutter)*2);margin:0 auto;padding:28px var(--gutter) 64px;outline:none}
.ws-alerts:empty{display:none}
.ws-alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.ws-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-md);background:var(--warn-bg);color:#7a4f10;font-size:13px;border:1px solid rgba(168,107,18,.16)}
.ws-view.is-enter>*{animation:view-in .55s var(--ease-out) both}
.ws-view.is-enter>*:nth-child(2){animation-delay:.04s}.ws-view.is-enter>*:nth-child(3){animation-delay:.08s}.ws-view.is-enter>*:nth-child(4){animation-delay:.12s}.ws-view.is-enter>*:nth-child(5){animation-delay:.16s}.ws-view.is-enter>*:nth-child(n+6){animation-delay:.2s}
@keyframes view-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ws-tabbar{display:none}
.ws-overlay{display:none}
@media (max-width:1180px){.user-label{display:none}.account-trigger{padding-inline-end:8px}.ws-search{width:auto;min-width:40px}.ws-search span,.ws-search kbd{display:none}}
@media (max-width:980px){
 .ws,.ws.is-collapsed{grid-template-columns:minmax(0,1fr)}
 .ws-side{position:fixed;inset-block:0;inset-inline-start:0;width:min(300px,86vw);transform:translateX(-102%);transition:transform var(--t-3) var(--ease-out);box-shadow:var(--sh-4)}
 [dir="rtl"] .ws-side{transform:translateX(102%)}
 body.mobile-open .ws-side{transform:none}
 .ws.is-collapsed .ws-side :is(.brand-word,.ws-org-text,.ws-nav-label,.ws-link-label,.ws-credits-text,.ws-credits-cta,.ws-upgrade span){display:revert}
 .ws-collapse{display:none!important}
 .ws-overlay{position:fixed;inset:0;z-index:55;background:rgba(10,14,12,.4);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--t-3)}
 body.mobile-open .ws-overlay{display:block;opacity:1;pointer-events:auto}
 .ws-menu-btn{display:inline-grid}
 .ws-top .lang-switch,.ws-site-link,.ws-title .ws-crumb,.ws-title>.icon{display:none}
 .ws-main{padding:20px 16px calc(96px + env(safe-area-inset-bottom))}
 .ws-tabbar{position:fixed;inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:70;display:flex;justify-content:space-around;gap:4px;padding:6px;border-radius:22px;background:rgba(16,22,19,.92);backdrop-filter:blur(16px);box-shadow:var(--sh-4);border:1px solid rgba(255,255,255,.08)}
 .ws-tabbar a,.ws-tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:16px;border:0;background:none;color:rgba(239,233,220,.6);font:600 10.5px var(--font-sans);text-decoration:none;cursor:pointer}
 .ws-tabbar .icon{width:20px;height:20px}
 .ws-tabbar .is-active{color:#fff;background:rgba(212,180,122,.14)}
 .ws-tabbar .is-active .icon{color:var(--gold-300)}
}
@media (max-width:560px){.ws-credit-pill{display:none}.ws-create span{display:none}.ws-create{width:36px;padding:0}.ws-pop,.account-menu-pop{position:fixed;top:calc(var(--top-h) + 6px);inset-inline:10px;width:auto}}

/* ───────────── Command palette ───────────── */






















/* ───────────── Page heads and cards ───────────── */
.ph{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.ph h1{font-size:clamp(26px,2.6vw,34px);font-weight:640;letter-spacing:-.03em;margin-top:10px}
.ph p{margin-top:6px;font-size:14px;max-width:640px}

.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-1)}
.card+.card{margin-top:16px}










/* ───────────── Home ───────────── */



























.funnel{display:flex;flex-direction:column;gap:6px}






@keyframes grow-x{from{transform:scaleX(0)}}
























.setup{display:flex;flex-direction:column;gap:12px}







.ring{position:relative;display:inline-grid;place-items:center;width:var(--size,64px);height:var(--size,64px);flex-shrink:0}
.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:6;stroke-linecap:round}


.ring b{position:relative;font-size:calc(var(--size,64px)*.28);font-weight:680;letter-spacing:-.02em;font-variant-numeric:tabular-nums}






































/* ───────────── Toolbars ───────────── */


.search-x{position:relative;display:flex;align-items:center;flex:1;min-width:200px;max-width:420px}
.search-x .icon{position:absolute;inset-inline-start:13px;color:var(--text-3);width:16px;height:16px}
.search-x input{padding-inline-start:38px!important;border-radius:var(--r-pill)!important;min-height:38px!important}




/* ───────────── Jobs list ───────────── */
















/* ───────────── Pipeline board ───────────── */
.board{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(264px,1fr);gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity;min-height:60vh}
.col{display:flex;flex-direction:column;min-height:0;border-radius:var(--r-lg);background:var(--surface-3);border:1px solid var(--line-soft);scroll-snap-align:start}
.col.is-focus{box-shadow:var(--ring-gold)}











@keyframes landed{0%{transform:scale(.96);box-shadow:var(--ring-gold)}60%{transform:scale(1.02)}100%{transform:none}}













/* ───────────── Smart Inbox ───────────── */










.inbox{display:grid;grid-template-columns:220px minmax(300px,420px) minmax(0,1fr);min-height:68vh;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-2);overflow:hidden}









.mail{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--line-soft);background:none;text-align:start;cursor:pointer;color:var(--text);transition:background var(--t-1)}
.mail:hover{background:var(--surface-2)}
.mail.is-active{background:linear-gradient(90deg,rgba(212,180,122,.16),rgba(212,180,122,.04));box-shadow:inset 3px 0 0 var(--gold-500)}
[dir="rtl"] .mail.is-active{box-shadow:inset -3px 0 0 var(--gold-500)}















































@media (max-width:1180px){.inbox{grid-template-columns:200px minmax(260px,1fr)}}
@media (max-width:760px){.inbox{grid-template-columns:1fr}}


















/* ───────────── Careers portal builder ───────────── */



.builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:16px;align-items:start}


@media (max-width:1100px){.builder{grid-template-columns:minmax(0,1fr)}}






















/* ───────────── Earnings & settings ───────────── */















.plans{margin-bottom:18px}
.plans h3{font-size:15.5px;margin-bottom:10px}















/* Candidate home: compact recommended roles */












/* ───────── Admin: Monetization control centre ───────── */




















/* The global field style is very specific; inside this compact control the wrapper draws the box. */
































/* AI reviews page: plain-language screening on top */





/* Admin › Platform AI: models for each task */






/* Admin › Payments (Dodo Payments and Ziina card checkout) */

























/* Phones and narrow tablets: nothing may make a workspace screen wider than the window, or phones zoom the whole
   page out. The title gives way first in the top bar; rows wrap; long codes and links break. Wide tables and code
   samples scroll inside their own box. */
.ws-title{flex:0 1 auto;min-width:0}
.ws-title strong{min-width:0}
.ws-top-actions{flex:0 0 auto}
@media (max-width:560px){
 .ws-top{gap:8px}
 .ws-top-actions{gap:4px}
 .ws-search{flex:0 0 auto}
 .ws-view :is(.between,.page-head,.section-head){flex-wrap:wrap}
 .ws-view .btn{max-width:100%;white-space:normal}
 .ws-view :is(code,.code-inline){overflow-wrap:anywhere;word-break:break-word}
}

/* Shortlist checkout: locked profiles the workspace can unlock before sharing them with a client. */









/* Job seekers' updates in the bell, report charts and job alert choices (November 2026) */
.ws-update{position:relative}
.ws-update.is-unread{background:var(--surface-2,#f6f7f2)}
.ws-update.is-unread::after{content:"";position:absolute;inset-inline-end:10px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--gold,#c29b58)}
.ws-update-time{color:var(--text-3)}








/* ───────── Admin settings pages (Platform settings, Privacy & access, Payments, Integrations) ─────────
   One topic per section: an icon, a title and one line on what it covers, then cards. Each provider is one card with
   its status, its keys and its own steps, so everything about one service sits in one place. */
.admin-sidebar-nav .ws-nav-group{padding:6px 0}
.admin-sidebar-nav .ws-nav-group:first-child{padding-top:0}
@media (pointer:fine){.admin-sidebar-nav .admin-side-link{min-height:36px;padding-block:7px}}


























































/* Cards side by side line up: equal height, with their save button at the bottom. */



/* A provider that is not in use keeps its settings folded under one line. */



/* Cards laid out in a grid line up: the gap between stacked cards does not apply there. */

/* On the sectioned settings pages the save bar takes no room until something changed. */