/* --- Fonts / display (React Poppins parity) --- */
:root {
  --pj-font: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --pj-font-display: "Poppins", ui-sans-serif, system-ui, sans-serif;
}
.font-display,
.font-bold.font-display,
[class*="font-display"],
.pj-composer-hero__title,
.pj-composer-quota__n,
.pj-user-drawer__title,
.pj-edit-dialog__title,
.pj-emp-h1,
.pj-emp-job__title,
.pj-emp-kpi__n,
.pj-emp-metric__val--lg,
.pj-s-e70947cd {
  font-family: var(--pj-font-display) !important;
}
.pj-emp-job__zap {
  color: #fff !important;
}
.pj-emp-job__zap-ico {
  display: block;
  color: #fff;
  stroke: currentColor;
}
.pj-emp-badge--warn {
  color: #b45309;
}
.pj-emp-badge--warn .pj-emp-job__zap-ico {
  color: #b45309;
  stroke: currentColor;
}
.pj-emp-badge--warn img,
.pj-emp-kpi__chip--warn img,
a.pj-emp-cta--gig img {
  filter: invert(48%) sepia(79%) saturate(600%) hue-rotate(5deg) brightness(0.95);
}
a.pj-emp-cta--gig,
a.scp1.pj-s-ff3f25ba.pj-emp-cta--gig {
  border-color: color-mix(in srgb, #f59e0b 45%, var(--pj-border, #ebe7e5)) !important;
  color: #b45309 !important;
  background: color-mix(in srgb, #f59e0b 8%, #fff) !important;
}
.pj-emp-csv {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  height: 2.25rem;
  padding: 0 0.9rem;
  border-radius: 999px;
  border: 1px solid var(--pj-border, #ebe7e5);
  background: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--pj-text-strong, #1a1a1a);
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
}
.pj-emp-csv:hover { background: var(--pj-bg-muted, #faf4f0); }
.pj-novi-page {
  font-family: var(--pj-font);
  max-width: none;
  margin: 0;
  padding: 0 0 2rem;
  background: transparent;
}
.pj-s-daab79ea > .pj-novi-page {
  width: 100%;
}
.pj-novi-page .pj-emp-h1,
.pj-novi-page .pj-ai-composer__title,
.pj-novi-page .pj-novi-form-title {
  font-family: var(--pj-font-display) !important;
}

/* PickJobs static overlays / modals / employer rows — load AFTER pickjobs.css */
/* --- Dashboard FO/firma modals + emp shell (bundle align) --- */
.pj-composer-dialog,.pj-edit-dialog{position:fixed;width:min(42rem,calc(100vw - 1.5rem));max-height:90vh;overflow:auto;border-radius:1.5rem;background:var(--pj-bg-page);box-shadow:var(--pj-shadow-pop);box-sizing:border-box}
.pj-edit-dialog{width:min(32rem,calc(100vw - 1.5rem));padding:1.25rem 1.25rem 1.5rem}
.pj-composer-close{position:absolute;top:.85rem;right:.85rem;z-index:2;display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:.5rem;background:transparent;cursor:pointer;opacity:.75}
.pj-composer-close:hover{opacity:1;background:color-mix(in srgb,var(--pj-text-strong) 8%,transparent)}
.pj-composer-hero{background:linear-gradient(135deg,var(--pj-brand),var(--pj-brand-warm,var(--pj-brand)),var(--pj-brand-deep,var(--pj-brand)));color:#fff;padding:1.5rem 1.5rem 1.75rem;border-radius:1.5rem 1.5rem 0 0}
.pj-composer-hero__row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.pj-composer-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:rgba(255,255,255,.2);font-size:.65rem;font-weight:700;letter-spacing:.04em}
.pj-composer-hero__title{margin:.75rem 0 0;font-family:var(--pj-font-display,inherit);font-size:1.5rem;font-weight:700}
.pj-composer-hero__lead{margin:.5rem 0 0;max-width:28rem;font-size:.875rem;color:rgba(255,255,255,.88)}
.pj-composer-quota{border-radius:1rem;background:rgba(255,255,255,.15);padding:.5rem .75rem;text-align:center;backdrop-filter:blur(6px)}
.pj-composer-quota__n{font-family:var(--pj-font-display,inherit);font-size:1.25rem;font-weight:700;line-height:1}
.pj-composer-quota__l{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85}
.pj-composer-body{padding:1.25rem 1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem}
.pj-composer-form,.pj-edit-dialog__form{display:grid;gap:1rem}
.pj-composer-contact{border-radius:1rem;background:var(--pj-bg-muted);padding:1rem}
.pj-composer-contact__label{margin:0 0 .75rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pj-text-muted)}
.pj-composer-submit{margin-top:.25rem}
.pj-grid-2{display:grid;gap:.75rem}
@media (min-width:480px){.pj-grid-2{grid-template-columns:1fr 1fr}}
.pj-salary-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}
.pj-salary-toggle{display:inline-flex;padding:2px;border:1px solid var(--pj-border);border-radius:999px;background:var(--pj-bg-muted);font-size:.6875rem;font-weight:600}
.pj-salary-toggle button{border:0;background:transparent;border-radius:999px;padding:.25rem .7rem;cursor:pointer;color:var(--pj-text-muted);font:inherit}
.pj-salary-toggle button.is-active{background:var(--pj-bg-page);color:var(--pj-text-strong);box-shadow:var(--pj-shadow-soft,0 1px 2px rgba(0,0,0,.06))}
.pj-ai-composer{border:1px solid var(--pj-border);border-radius:1.25rem;padding:1rem;background:color-mix(in srgb,var(--pj-brand) 5%,var(--pj-bg-page))}
.pj-ai-composer__title{margin:0 0 .5rem;font-weight:700;font-size:.9rem}
.pj-ai-composer__hints{display:flex;flex-wrap:wrap;gap:.4rem;margin:.65rem 0}
.pj-ai-composer__actions{display:flex;flex-wrap:wrap;gap:.5rem}
.pj-chip{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--pj-border);border-radius:999px;padding:.25rem .65rem;background:var(--pj-bg-page);font-size:.7rem;font-weight:600;cursor:pointer;font-family:inherit;color:var(--pj-text-strong)}
.pj-chip:hover{border-color:var(--pj-brand)}
.pj-chip--brand{background:linear-gradient(135deg,var(--pj-brand),var(--pj-brand-deep,var(--pj-brand)));color:#fff;border:0}
.pj-chip--sm{font-size:.6rem;padding:.15rem .45rem}
.pj-chip--warn{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#b45309;border-color:transparent}
.pj-btn-outline-sm,.pj-btn-ghost-sm,.pj-btn-outline-dashed,.pj-btn-brand-md{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:2.25rem;padding:0 .9rem;border-radius:999px;font-size:.8rem;font-weight:600;text-decoration:none;cursor:pointer;font-family:inherit;box-sizing:border-box}
.pj-btn-outline-sm{border:1px solid var(--pj-border);background:var(--pj-bg-page);color:var(--pj-text-strong)}
.pj-btn-ghost-sm{border:0;background:transparent;color:var(--pj-text-muted)}
.pj-btn-ghost-sm:hover{color:var(--pj-text-strong);background:var(--pj-bg-muted)}
.pj-btn-outline-dashed{border:1px dashed color-mix(in srgb,var(--pj-brand) 45%,var(--pj-border));background:transparent;color:var(--pj-brand)}
.pj-btn-outline-dashed:hover{background:color-mix(in srgb,var(--pj-brand) 6%,transparent)}
.pj-btn-brand-md{border:0;background:linear-gradient(135deg,var(--pj-brand),var(--pj-brand-deep,var(--pj-brand)));color:#fff;box-shadow:var(--pj-shadow-pop)}
.pj-btn-danger{color:#b91c1c}
.pj-edit-dialog__head{margin-bottom:1rem;padding-right:2rem}
.pj-edit-dialog__title{margin:0;font-family:var(--pj-font-display,inherit);font-size:1.25rem;font-weight:700}
.pj-edit-dialog__desc{margin:.35rem 0 0;font-size:.8rem;color:var(--pj-text-muted)}
.pj-edit-dialog__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}
.pj-overlay--drawer-right .pj-overlay__panel--sheet > [role=dialog]{inset:0 0 0 auto;width:min(36rem,100%);max-width:100%;transform:translateX(100%)}
.pj-overlay--drawer-right.is-open .pj-overlay__panel--sheet > [role=dialog]{transform:translateX(0)}
.pj-user-drawer{display:flex;flex-direction:column;height:100%;background:var(--pj-bg-page);box-shadow:var(--pj-shadow-pop)}
.pj-user-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--pj-border);background:linear-gradient(180deg,color-mix(in srgb,var(--pj-brand) 12%,var(--pj-bg-page)),var(--pj-bg-page))}
.pj-user-drawer__title{margin:0;font-family:var(--pj-font-display,inherit);font-size:1.25rem;font-weight:700}
.pj-user-drawer__email{margin:.2rem 0 0;font-size:.75rem;color:var(--pj-text-muted)}
.pj-user-drawer__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.75rem 1.25rem 0}
.pj-user-drawer__tabs button{border:1px solid var(--pj-border);border-radius:.75rem;background:var(--pj-bg-muted);padding:.55rem;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit}
.pj-user-drawer__tabs button.is-active{background:linear-gradient(135deg,var(--pj-brand),var(--pj-brand-deep,var(--pj-brand)));color:#fff;border-color:transparent}
.pj-user-drawer__body{padding:1rem 1.25rem 2rem;overflow:auto;flex:1}
.pj-user-drawer__identity{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}
.pj-user-drawer__avatar{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;background:linear-gradient(135deg,var(--pj-brand),var(--pj-brand-deep,var(--pj-brand)));color:#fff;font-weight:700}
.pj-user-drawer__name{margin:0;font-weight:700}
.pj-user-drawer__headline{margin:.15rem 0 0;font-size:.75rem;color:var(--pj-text-muted)}
.pj-user-drawer__form{display:grid;gap:.85rem}
.pj-user-drawer__apps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.pj-user-drawer__apps li{display:flex;align-items:flex-start;gap:.6rem;border:1px solid var(--pj-border);border-radius:.85rem;padding:.75rem;background:var(--pj-bg-page)}
.pj-user-drawer__app-title{margin:0;font-size:.85rem;font-weight:700}
.pj-user-drawer__app-meta{margin:.2rem 0 0;font-size:.7rem;color:var(--pj-text-muted)}
.pj-user-drawer__hint{margin:1rem 0 0;font-size:.75rem;color:var(--pj-text-muted)}
.pj-dot{width:.4rem;height:.4rem;margin-top:.4rem;border-radius:999px;flex-shrink:0}
.pj-dot--ok{background:var(--pj-success,#16a34a)}
.pj-dot--warn{background:#f59e0b}
.pj-dot--muted{background:#38bdf8}
.pj-emp-shell{display:flex;min-height:100vh;background:var(--pj-bg-page)}
.pj-emp-aside{display:none;width:16rem;flex-shrink:0;border-right:1px solid var(--pj-border);padding:1.25rem 1rem;flex-direction:column;gap:1rem;background:var(--pj-bg-card,var(--pj-bg-page))}
@media (min-width:1024px){.pj-emp-aside{display:flex}}
.pj-emp-logo{display:inline-flex}
.pj-emp-badges{display:flex;gap:.35rem;flex-wrap:wrap}
.pj-emp-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}
.pj-emp-nav a{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-radius:.75rem;text-decoration:none;color:var(--pj-text-strong);font-size:.875rem;font-weight:600}
.pj-emp-nav a:hover{background:var(--pj-bg-muted)}
.pj-emp-nav a.is-active{background:linear-gradient(135deg,var(--pj-brand),var(--pj-brand-deep,var(--pj-brand)));color:#fff}
.pj-emp-aside-foot{display:flex;flex-direction:column;gap:.35rem;padding-top:.5rem;border-top:1px solid var(--pj-border)}
.pj-emp-aside-foot a{font-size:.8rem;color:var(--pj-text-muted);text-decoration:none;padding:.4rem .75rem}
.pj-emp-aside-foot a:hover{color:var(--pj-text-strong)}
.pj-emp-main{flex:1;min-width:0;padding:1.25rem 1rem 2.5rem;max-width:64rem}
@media (min-width:640px){.pj-emp-main{padding:1.75rem 1.5rem 3rem}}
.pj-emp-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.pj-emp-h1{margin:0;font-family:var(--pj-font-display,inherit);font-size:1.75rem;font-weight:700}
.pj-emp-sub{margin:.35rem 0 0;font-size:.875rem;color:var(--pj-text-muted)}
.pj-emp-cta-row{display:flex;flex-wrap:wrap;gap:.5rem}
.pj-job-list{display:flex;flex-direction:column;gap:.85rem;margin-top:1.25rem}
.pj-job-row{display:flex;border:1px solid var(--pj-border);border-radius:1rem;background:var(--pj-bg-card,var(--pj-bg-page));overflow:hidden;box-shadow:var(--pj-shadow-soft,none)}
.pj-job-row__accent{width:.35rem;flex-shrink:0;background:var(--pj-brand)}
.pj-job-row__accent--warn{background:#f59e0b}
.pj-job-row__body{flex:1;min-width:0;padding:1rem 1.1rem}
.pj-job-row__top{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.pj-job-row__top h3{margin:0;font-size:1rem;font-weight:700;margin-right:.25rem}
.pj-job-row__meta{margin:.45rem 0 0;font-size:.75rem;color:var(--pj-text-muted)}
.pj-job-row__actions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.65rem}
.pj-novi-page{max-width:48rem;margin:0 auto;padding:1.5rem 1rem 3rem;background:linear-gradient(180deg,color-mix(in srgb,var(--pj-brand) 6%,transparent),transparent 12rem)}
.pj-novi-back{display:inline-flex;margin-bottom:1rem;font-size:.875rem;color:var(--pj-text-muted);text-decoration:none}
.pj-novi-back:hover{color:var(--pj-text-strong)}
.pj-novi-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.pj-mode-toggle{display:inline-flex;padding:3px;border:1px solid var(--pj-border);border-radius:999px;background:var(--pj-bg-muted)}
.pj-mode-toggle button{border:0;background:transparent;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;color:var(--pj-text-muted)}
.pj-mode-toggle button.is-active{background:var(--pj-bg-page);color:var(--pj-text-strong);box-shadow:var(--pj-shadow-soft,none)}
.pj-novi-form{margin-top:1.25rem}
.pj-novi-form-title{margin:0 0 .25rem;font-size:1rem;font-weight:700}
.pj-novi-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.5rem}
.pj-hint{margin:.25rem 0 0;font-size:.7rem;color:var(--pj-text-muted)}
.pj-linkish{border:0;background:none;padding:0;color:var(--pj-brand);font:inherit;text-decoration:underline;cursor:pointer}
button.scp3.pj-s-97ed6950,button.scp2.pj-s-83283880,button.scpc.pj-s-15eb3033{width:100%;text-align:left;cursor:pointer;font:inherit}
a.scp1.pj-s-ff3f25ba,a.scp3.pj-s-a855010a,a.scp18.pj-s-fad9608c,a.scp1c.pj-s-dbec1910{text-decoration:none;color:inherit}

/* --- Active group tab: white text (a.pj-filter-chip was overriding) --- */
a.pj-filter-chip.pj-s-d46bde0b,
a.pj-filter-chip.pj-s-d46bde0b.is-active,
button.pj-s-d46bde0b,
.pj-s-d46bde0b.is-active {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}
a.pj-filter-chip.pj-s-0861a60a {color: rgba(98,98,98,.75)}

/* Employer apps + enterprise */
.pj-apps-list{display:flex;flex-direction:column;gap:.85rem}
.pj-app-card{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--pj-border);border-radius:1rem;background:var(--pj-bg-page);padding:1rem 1.1rem;box-shadow:var(--pj-shadow-soft,none)}
.pj-app-card__main{min-width:0;flex:1}
.pj-app-card__main h3{margin:0;font-size:1rem;font-weight:700}
.pj-app-card__meta{margin:.35rem 0 0;font-size:.75rem;color:var(--pj-text-muted)}
.pj-app-card__chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}
.pj-app-card__actions{display:flex;flex-wrap:wrap;gap:.4rem}
.pj-ent-upsell{border:1px solid color-mix(in srgb,var(--pj-brand) 40%,var(--pj-border));border-radius:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--pj-brand) 10%,transparent),transparent);padding:1.1rem 1.25rem}
.pj-ent-upsell__title{margin:0;font-weight:700}
.pj-ent-upsell__desc{margin:.35rem 0 0;font-size:.85rem;color:var(--pj-text-muted)}
.pj-ent-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
@media (min-width:768px){.pj-ent-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pj-ent-tabs button{border:1px solid var(--pj-border);border-radius:.75rem;background:var(--pj-bg-muted);padding:.65rem .5rem;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;color:var(--pj-text-muted)}
.pj-ent-tabs button.is-active{background:linear-gradient(135deg,var(--pj-brand),var(--pj-brand-deep,var(--pj-brand)));color:#fff;border-color:transparent}

/* FO Objavi / empty CTA as buttons keep layout */
button.scp17.pj-s-892eb1ec{display:inline-flex;align-items:center;gap:.4rem;border:0;cursor:pointer;font:inherit}


/* --- Gig composer / edit dialogs: force visible centered modal --- */
#pj-gig-composer-dialog.pj-overlay,
#pj-edit-gig-dialog.pj-overlay,
#pj-job-edit-dialog.pj-overlay {
  z-index: 80;
}
#pj-gig-composer-dialog .pj-composer-dialog,
#pj-edit-gig-dialog .pj-edit-dialog,
#pj-job-edit-dialog .pj-edit-dialog {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  width: min(42rem, calc(100vw - 1.5rem)) !important;
  max-height: min(90vh, 900px) !important;
  overflow: auto !important;
  margin: 0 !important;
  opacity: 0;
  transform: translate(-50%, -48%) scale(0.98);
  transition: opacity .22s ease, transform .22s ease;
  z-index: 81;
  pointer-events: auto;
  background: var(--pj-bg-page);
  border-radius: 1.5rem;
  box-shadow: 0 24px 80px rgba(20,15,16,.2);
}
#pj-edit-gig-dialog .pj-edit-dialog,
#pj-job-edit-dialog .pj-edit-dialog {
  width: min(32rem, calc(100vw - 1.5rem)) !important;
}
#pj-gig-composer-dialog.is-open .pj-composer-dialog,
#pj-edit-gig-dialog.is-open .pj-edit-dialog,
#pj-job-edit-dialog.is-open .pj-edit-dialog {
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
}
#pj-gig-composer-dialog.is-open,
#pj-edit-gig-dialog.is-open,
#pj-job-edit-dialog.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
  display: block !important;
}


/* --- Employer Oglasi: React JobRow 1:1 (no simplified rows) --- */
.pj-emp-jobs{display:grid;gap:1rem;margin-top:1.5rem}
.pj-emp-job{
  position:relative;display:block;overflow:hidden;border-radius:1rem;
  border:1px solid var(--pj-border);background:var(--pj-bg-page);
  box-shadow:var(--pj-shadow-soft,0 1px 2px rgba(20,15,16,.06));
  text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.pj-emp-job:hover{transform:translateY(-2px);box-shadow:var(--pj-shadow-pop,0 12px 40px rgba(20,15,16,.12));border-color:color-mix(in srgb,var(--pj-brand) 50%,var(--pj-border))}
.pj-emp-job--gig{border-color:color-mix(in srgb,var(--pj-warning,#f59e0b) 30%,var(--pj-border))}
.pj-emp-job--gig:hover{border-color:color-mix(in srgb,var(--pj-warning,#f59e0b) 70%,var(--pj-border))}
.pj-emp-job__rail{position:absolute;left:0;top:0;height:100%;width:4px;background:var(--pj-gradient-brand)}
.pj-emp-job--gig .pj-emp-job__rail{background:linear-gradient(180deg,var(--pj-warning,#f59e0b),#f59e0b)}
.pj-emp-job__grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1rem 1rem 1rem 1.5rem}
@media (min-width:640px){.pj-emp-job__grid{padding:1.25rem 1.25rem 1.25rem 1.5rem;gap:1rem}}
.pj-emp-job__avatar-wrap{position:relative;flex-shrink:0}
.pj-emp-job__avatar{
  display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1rem;
  background:linear-gradient(135deg,#fb4f7a,#ff8a5b);color:#fff;font-family:var(--pj-font-display,inherit);
  font-size:1.25rem;font-weight:700;box-shadow:var(--pj-shadow-soft,none);
}
@media (min-width:640px){.pj-emp-job__avatar{width:4rem;height:4rem;font-size:1.5rem}}
.pj-emp-job__avatar--g2{background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.pj-emp-job__avatar--g3{background:linear-gradient(135deg,#0ea5e9,#22d3ee)}
.pj-emp-job__zap{
  position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:1.5rem;height:1.5rem;
  border-radius:999px;background:var(--pj-warning,#f59e0b);color:#fff;
  box-shadow:var(--pj-shadow-pop,none);box-shadow:0 0 0 2px var(--pj-bg-page);
}
.pj-emp-job__badges{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}
.pj-emp-badge{
  display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;padding:.2rem .65rem;
  font-size:.7rem;font-weight:600;border:0;
}
.pj-emp-badge--ok{background:color-mix(in srgb,var(--pj-success,#22c55e) 15%,transparent);color:var(--pj-success,#16a34a)}
.pj-emp-badge--muted{background:var(--pj-bg-muted);color:var(--pj-text-muted)}
.pj-emp-badge--danger{background:color-mix(in srgb,var(--pj-danger,#ef4444) 10%,transparent);color:var(--pj-danger,#dc2626)}
.pj-emp-badge--brand{background:color-mix(in srgb,var(--pj-brand) 10%,transparent);color:var(--pj-brand)}
.pj-emp-badge--warn{background:color-mix(in srgb,var(--pj-warning,#f59e0b) 15%,transparent);color:var(--pj-warning,#d97706)}
.pj-emp-badge--feat{background:linear-gradient(90deg,#fbbf24,#f97316);color:#fff}
.pj-emp-badge__dot{width:6px;height:6px;border-radius:999px;background:currentColor}
.pj-emp-badge__dot--pulse{animation:pj-pulse 1.4s ease infinite}
@keyframes pj-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.pj-emp-job__title-row{margin-top:.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.pj-emp-job__title{margin:0;font-family:var(--pj-font-display,inherit);font-size:1rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:640px){.pj-emp-job__title{font-size:1.125rem}}
.pj-emp-job:hover .pj-emp-job__title{color:var(--pj-brand)}
.pj-emp-job__co{margin:.15rem 0 0;font-size:.75rem;color:var(--pj-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-emp-job__chev{margin-top:.25rem;flex-shrink:0;opacity:.55;transition:transform .15s ease,opacity .15s ease}
.pj-emp-job:hover .pj-emp-job__chev{transform:translateX(2px);opacity:1;color:var(--pj-brand)}
.pj-emp-metrics{margin-top:.75rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
@media (min-width:640px){.pj-emp-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pj-emp-metric{border-radius:.75rem;border:1px solid transparent;padding:.4rem .65rem}
.pj-emp-metric--brand{background:color-mix(in srgb,var(--pj-brand) 10%,transparent);color:var(--pj-brand);border-color:color-mix(in srgb,var(--pj-brand) 20%,transparent)}
.pj-emp-metric--warn{background:color-mix(in srgb,var(--pj-warning,#f59e0b) 10%,transparent);color:var(--pj-warning,#d97706);border-color:color-mix(in srgb,var(--pj-warning,#f59e0b) 30%,transparent)}
.pj-emp-metric--muted{background:color-mix(in srgb,var(--pj-bg-muted) 60%,transparent);color:rgba(20,15,16,.8)}
.pj-emp-metric__lab{display:flex;align-items:center;gap:.25rem;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;opacity:.7}
.pj-emp-metric__val{margin:.15rem 0 0;font-size:.875rem;font-weight:700;line-height:1.2}
.pj-emp-metric__val--lg{font-family:var(--pj-font-display,inherit);font-size:1.125rem}
.pj-emp-job__desc{margin:.75rem 0 0;font-size:.875rem;color:var(--pj-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pj-emp-job__foot{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid var(--pj-border);padding-top:.75rem}
.pj-emp-job__feat{
  display:inline-flex;align-items:center;gap:.35rem;height:2rem;border-radius:999px;padding:0 .75rem;
  border:0;background:transparent;font:inherit;font-size:.75rem;cursor:pointer;color:var(--pj-text-muted);
}
.pj-emp-job__feat:hover{color:#d97706}
.pj-emp-job__feat.is-on{background:linear-gradient(90deg,#fbbf24,#f97316);color:#fff}
.pj-emp-job__icons{display:flex;align-items:center;gap:.15rem}
.pj-emp-icon{
  display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:.5rem;
  background:transparent;cursor:pointer;color:var(--pj-text-muted);
}
.pj-emp-icon:hover{background:var(--pj-bg-muted);color:var(--pj-text-strong)}
.pj-emp-icon--danger:hover{background:color-mix(in srgb,var(--pj-danger,#ef4444) 10%,transparent);color:var(--pj-danger,#dc2626)}
.pj-emp-kpi-grid{margin-top:1.25rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media (min-width:640px){.pj-emp-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pj-emp-kpi{border-radius:1rem;border:1px solid var(--pj-border);background:var(--pj-bg-page);padding:.75rem;box-shadow:var(--pj-shadow-soft,none)}
.pj-emp-kpi__chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.15rem .5rem;font-size:11px;font-weight:600}
.pj-emp-kpi__chip--brand{background:color-mix(in srgb,var(--pj-brand) 10%,transparent);color:var(--pj-brand)}
.pj-emp-kpi__chip--warn{background:color-mix(in srgb,var(--pj-warning,#f59e0b) 10%,transparent);color:var(--pj-warning,#d97706)}
.pj-emp-kpi__chip--ok{background:color-mix(in srgb,var(--pj-success,#22c55e) 10%,transparent);color:var(--pj-success,#16a34a)}
.pj-emp-kpi__n{margin:.5rem 0 0;font-family:var(--pj-font-display,inherit);font-size:1.5rem;font-weight:700;line-height:1}


/* Hard colors for composer — React GigComposerDialog visual */
#pj-gig-composer-dialog .pj-composer-dialog,
#pj-edit-gig-dialog .pj-edit-dialog,
#pj-job-edit-dialog .pj-edit-dialog {
  background: #ffffff !important;
  box-shadow: 0 24px 80px rgba(20, 15, 16, 0.2) !important;
  overflow: auto !important;
  max-height: min(90vh, 900px) !important;
  border-radius: 1.5rem !important;
  z-index: 81 !important;
}
#pj-gig-composer-dialog .pj-composer-hero {
  background: linear-gradient(135deg, #fb5276, #f28d59, #e11d48) !important;
  color: #fff !important;
}
#pj-gig-composer-dialog .pj-composer-hero__title,
#pj-gig-composer-dialog .pj-composer-quota__n {
  color: #fff !important;
}
#pj-gig-composer-dialog .pj-composer-hero__lead {
  color: rgba(255, 255, 255, 0.88) !important;
}
#pj-gig-composer-dialog .pj-btn-brand-full,
#pj-gig-composer-dialog .pj-composer-submit {
  background-image: linear-gradient(90deg, #f28d59 0%, #fb5276 100%) !important;
  color: #fff !important;
  border: 0 !important;
}
#pj-gig-composer-dialog .pj-input,
#pj-gig-composer-dialog .pj-textarea,
#pj-gig-composer-dialog .pj-ai-composer .pj-textarea {
  background: #fff !important;
  border: 1px solid #ebe7e5 !important;
  color: #1a1a1a !important;
}
#pj-gig-composer-dialog.pj-overlay {
  z-index: 80 !important;
}

/* --- Form / layout utilities used by FO & employer pages --- */
.grid { display: grid; }
.gap-1 { gap: 0.25rem; }
.gap-1\.5, .gap-1\.5 { gap: 0.375rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.text-xs { font-size: 0.75rem; line-height: 1.25rem; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.min-w-0 { min-width: 0; }
.pj-box { box-sizing: border-box; }
.pj-box--panel {
  border: 1px solid var(--pj-border, #ebe7e5);
  border-radius: 1.25rem;
  background: var(--pj-bg-page, #fff);
  padding: 1.25rem 1.35rem;
  box-shadow: var(--pj-shadow-soft, 0 1px 2px rgba(20,15,16,.06));
}
.pj-box--stack-gap { display: flex; flex-direction: column; gap: 1rem; }
.pj-ai-composer--page { margin: 1rem 0 1.25rem; }
label.text-xs, .text-xs.font-medium {
  display: block;
  color: var(--pj-text-strong, #1a1a1a);
  font-family: var(--pj-font);
}