/* Vacaturemarkt Platform UI 6.20.0 — source styles */
:root {
  --vm-navy: #172033;
  --vm-text: #2a2f3a;
  --vm-muted: #6d7482;
  --vm-line: #e6e7ea;
  --vm-line-strong: #d4d7dc;
  --vm-surface: #f8f8f7;
  --vm-surface-2: #f2f2f0;
  --vm-orange: #FF7723;
  --vm-orange-hover: #E86412;
  --vm-orange-soft: #FFF3EA;
  --vm-blue: #315aa8;
  --vm-green: #247052;
}

/* Search */
.vm-search {
  display: grid;
  grid-template-columns: 1.42fr 1.08fr .88fr auto;
  gap: 0;
  min-height: 62px;
  padding: 6px;
  border: 1px solid var(--vm-line-strong);
  border-radius: 9px;
  background: #fff;
  box-shadow: none;
}
.vm-search-field {
  position: relative;
  min-width: 0;
  min-height: 48px;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 11px;
  align-items: center;
  padding: 5px 16px;
}
.vm-search-field + .vm-search-field { border-left: 1px solid #e6eaf0; }
.vm-search-field > svg { width: 22px; height: 22px; color: #152150; }
.vm-search-field label { min-width: 0; }
.vm-search-field label > span { display: block; margin-bottom: 1px; color: #5e6987; font-size: 11px; font-weight: 600; }
.vm-search-field input,
.vm-search-field select {
  width: 100%;
  height: 31px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1b2140 !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 520;
}
.vm-search-field input::placeholder { color: #8d96ac; opacity: 1; }
.vm-search-select::after { content: "⌄"; position: absolute; right: 17px; bottom: 18px; color: #6d7894; font-size: 14px; pointer-events: none; }
.vm-search button {
  min-width: 148px;
  margin-left: 7px;
  border: 0;
  border-radius: 8px;
  background: var(--vm-orange);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .15s ease;
  box-shadow: none;
}
.vm-search button:hover { background: var(--vm-orange-hover); }
.vm-search-advanced { grid-template-columns: 1.28fr 1fr .86fr .96fr auto; }
.vm-search-mini-icon { color: #5f6b8c; font-size: 17px; }

/* Vacancy cards */
.vm-vacancy-grid { display: grid; gap: 11px; }
.vm-job-card {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 58px minmax(0,1fr) auto;
  gap: 15px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--vm-line);
  border-radius: 9px;
  background: #fff;
  transition: border-color .15s ease, background-color .15s ease;
}
.vm-job-card:hover { border-color: var(--vm-line-strong); background: #fafafa; box-shadow: none; }
.vm-job-logo {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #e3e7ee;
  border-radius: 9px;
  background: #fff;
  color: #344054;
  font-size: 14px;
  font-weight: 700;
}
.vm-job-logo img { width: 100%; height: 100%; object-fit: contain; }
.vm-job-main { min-width: 0; }
.job-card-title-row { display: flex; align-items: flex-start; gap: 8px; }
.vm-job-main h3 { margin: 0 0 4px; color: var(--vm-navy); font-size: 16px; font-weight: 700; line-height: 1.3; }
.vm-job-main h3 a { text-decoration: none; }
.vm-job-main h3 a:hover { color: var(--vm-blue); }
.vm-job-main > p { margin: 0; color: #5f6984; font-size: 12px; }
.job-new { padding: 4px 9px; border-radius: 999px; background: #e9f8ef; color: #13824c; font-size: 10px; font-style: normal; font-weight: 780; white-space: nowrap; }
.job-new.is-hidden { visibility: hidden; }
.vm-placement-badge,
.vm-verified-badge,
.vm-business-badge {
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  padding: 4px 7px;
  border: 1px solid #e1e4ea;
  border-radius: 999px;
  background: #fff;
  color: #596176;
  font-size: 10px;
  font-weight: 720;
}
.vm-placement-badge.agency { border-color: #f2d5c7; background: #fff8f4; color: #91431f; }
.vm-placement-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--vm-blue); }
.vm-placement-badge.agency .vm-placement-dot { background: var(--vm-orange); }
.vm-quality-public { display:inline-flex; align-items:center; margin:7px 0 0 7px; padding:4px 7px; border:1px solid #dbe4dc; border-radius:999px; background:#f3faf5; color:#176c43; font-size:9px; font-weight:760; vertical-align:top; }
.vm-job-meta { display: flex; flex-wrap: wrap; gap: 6px 13px; margin-top: 10px; color: #6f778b; font-size: 12px; }
.vm-job-meta span { display: inline-flex; align-items: center; gap: 4px; }
.vm-job-meta svg { width: 13px; height: 13px; }
.vm-card-cta { padding: 9px 11px; border: 1px solid #d7dce5; border-radius: 9px; color: #222a46; font-size: 11px; font-weight: 730; text-decoration: none; }
.vm-card-cta:hover { border-color: var(--vm-orange); color: var(--vm-orange); }
.vm-save-card { position: absolute; top: 9px; right: 10px; width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 9px; background: transparent; color: #4d556b; cursor: pointer; }
.vm-save-card:hover { background: #f3f4f6; }
.vm-save-card svg { width: 16px; height: 16px; }

/* Compact home vacancy row */
.vm-job-card-home {
  grid-template-columns: 62px minmax(205px,1.45fr) minmax(130px,.85fr) minmax(138px,.95fr) minmax(145px,1fr) minmax(112px,.72fr) auto 34px;
  gap: 14px;
  min-height: 78px;
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid #e6eaf0;
  border-radius: 0;
  box-shadow: none;
}
.vm-job-card-home:last-child { border-bottom: 0; }
.vm-job-card-home:hover { z-index: 2; border-color: #e6eaf0; background: #fbfcfe; box-shadow: none; transform: none; }
.vm-job-card-home .vm-job-logo { width: 52px; height: 52px; border-radius: 8px; }
.vm-home-job-identity { min-width: 0; }
.vm-home-job-identity h3 { margin: 0 0 4px; overflow: hidden; color: var(--vm-navy); font-size: 14px; font-weight: 800; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.vm-home-job-identity h3 a { text-decoration: none; }
.vm-home-job-identity h3 a:hover { color: var(--vm-blue); }
.vm-home-company-row { min-width: 0; display: flex; align-items: center; gap: 7px; color: #637093; font-size: 11px; }
.vm-home-company-row > a,
.vm-home-company-row > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.vm-home-company-row > a:hover { color: var(--vm-blue); }
.vm-home-placement { flex: 0 0 auto; padding: 2px 6px; border-radius: 999px; background: #eef3ff; color: #3659aa; font-size: 10px; font-weight: 800; }
.vm-home-placement.agency { background: #fff2eb; color: #a14a22; }
.vm-home-job-fact,
.vm-home-job-age { min-width: 0; display: flex; align-items: center; gap: 8px; color: #667398; font-size: 11px; }
.vm-home-job-fact svg,
.vm-home-job-age svg { width: 17px; height: 17px; flex: 0 0 17px; color: #5c70ad; }
.vm-home-job-fact span,
.vm-home-job-age span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vm-home-job-fact.is-empty { visibility: hidden; }
.vm-home-job-age { color: #7b849d; }
.vm-home-job-arrow { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #3159ad; text-decoration: none; }
.vm-home-job-arrow:hover { background: #eef3fb; }
.vm-home-job-arrow svg { width: 18px; height: 18px; }

/* Home empty state */
.home-empty {
  display: flex;
  align-items: center;
  min-height: 92px;
  padding: 18px 20px;
  background: #fff;
}
.home-empty h3 { margin: 0 0 4px; color: var(--vm-navy); font-size: 15px; }
.home-empty p { margin: 0; color: var(--vm-muted); font-size: 12px; }

/* Company cards */
.vm-company-strip-v3 { display: flex; align-items: center; justify-content: space-between; gap: 13px; min-width: 0; }
.vm-company-card-v3 { display: flex; align-items: center; gap: 12px; padding: 15px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.vm-company-card-v3:hover { border-color: #ccd1da;  }
.vm-company-card-v3.compact { padding: 0; border: 0; background: transparent; }
.vm-company-card-logo { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--vm-line); border-radius: 9px; background: #fafafa; color: #273775; font-size: 12px; font-weight: 850; }
.vm-company-card-v3.compact .vm-company-card-logo { width: 32px; height: 32px; flex-basis: 32px; border-radius: 8px; }
.vm-company-card-logo img { width: 100%; height: 100%; object-fit: contain; }
.vm-company-card-copy { min-width: 0; }
.vm-company-card-copy strong,
.vm-company-card-copy small,
.vm-company-card-copy em { display: block; }
.vm-company-card-copy strong { color: var(--vm-navy); font-size: 13px; }
.vm-company-card-copy small { margin-top: 2px; color: var(--vm-muted); font-size: 10px; }
.vm-company-card-copy em { margin-top: 6px; color: #68718a; font-size: 10px; font-style: normal; }
.vm-company-card-v3.compact .vm-company-card-copy { display: none; }
.vm-company-directory { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }

/* Stats + ads */
.vm-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 26px 0; }
.vm-stats > div { display: grid; grid-template-columns: 38px 1fr; gap: 10px; align-items: center; padding: 18px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; box-shadow: none; }
.vm-stats > div:last-child { border-right: 1px solid var(--vm-line); }
.vm-stat-icon { color: #34466f; }
.vm-stat-icon svg { width: 22px; height: 22px; }
.vm-stat-copy strong,
.vm-stat-copy span { display: block; }
.vm-stat-copy strong { color: var(--vm-navy); font-size: 18px; }
.vm-stat-copy span { margin-top: 1px; color: var(--vm-muted); font-size: 10px; }
.vm-ad { padding: 14px; border: 1px solid var(--vm-line); border-radius: 10px; background: #fff; }
.vm-ad > small { color: #8b91a0; font-size: 10px; }
.vm-ad h3 { margin: 8px 0 5px; color: var(--vm-navy); font-size: 15px; }
.vm-ad-copy { color: #687084; font-size: 11px; }
.vm-ad a { color: var(--vm-blue); font-size: 11px; font-weight: 720; text-decoration: none; }
.vm-ad-image img { border-radius: 8px; }

/* Forms */
.vm-form { border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; box-shadow: none; }
.vm-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.vm-span-2 { grid-column: 1 / -1; }
.vm-form label { display: grid; gap: 6px; color: #343a50; font-size: 13px; font-weight: 650; }
.vm-form label > small,
.vm-field-help { color: #81889a; font-size: 10px; font-weight: 450; line-height: 1.5; }
.vm-form input,
.vm-form textarea,
.vm-form select {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--vm-line-strong);
  border-radius: 8px;
  background: #fff;
  color: var(--vm-text);
  font-size: 14px;
  outline: none;
  transition: border-color .12s ease, box-shadow .12s ease;
}
.vm-form textarea { min-height: auto; resize: vertical; line-height: 1.55; }
.vm-form input:focus,
.vm-form textarea:focus,
.vm-form select:focus { border-color: #8796ba; box-shadow: 0 0 0 3px rgba(49,90,203,.08); }
.vm-form input::placeholder,
.vm-form textarea::placeholder { color: #a0a5b1; }
.vm-form .is-invalid { border-color: #c83e31 !important; box-shadow: 0 0 0 3px rgba(200,62,49,.08) !important; }
.vm-form-errors { margin-top: 14px; padding: 12px 14px; border: 1px solid #efc7c0; border-radius: 9px; background: #fff5f3; color: #892c22; font-size: 11px; }
.vm-form-errors ul { margin: 6px 0 0; padding-left: 18px; }
.vm-inline-fields { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; }
.vm-checkbox { display: flex !important; align-items: flex-start !important; gap: 8px !important; font-weight: 450 !important; }
.vm-checkbox input { width: auto !important; min-height: 0; margin-top: 3px; }
.vm-checkbox a { color: var(--vm-blue); }
.vm-notice { padding: 14px 16px; border: 1px solid var(--vm-line); border-radius: 9px; background: #f7f8fa; color: #34394c; font-size: 12px; }
.vm-notice a { color: var(--vm-blue); font-weight: 720; }

/* Buttons from core */
.vm-primary,
.vm-secondary { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 15px; border-radius: 9px; font-size: 13px; font-weight: 750; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease; }
.vm-primary { border: 1px solid var(--vm-orange); background: var(--vm-orange); color: #fff; }
.vm-primary:hover { border-color: var(--vm-orange-hover); background: var(--vm-orange-hover);  }
.vm-secondary { border: 1px solid var(--vm-line-strong); background: #fff; color: var(--vm-navy); }
.vm-secondary:hover { border-color: #c7ccd5; background: #fff; }
.vm-small { min-height: 36px; padding: 8px 11px; font-size: 10px; }

/* Authentication */
.vm-auth-grid { display: grid; gap: 14px; }
.vm-auth-v5 { grid-template-columns: 1fr; }
.vm-auth-card { padding: 28px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; box-shadow: none; }
.vm-auth-card-head { padding-bottom: 20px; border-bottom: 1px solid #eef0f3; }
.vm-auth-label { display: block; margin-bottom: 7px; color: var(--vm-blue); font-size: 10px; font-weight: 800; }
.vm-auth-card h2 { margin: 0; color: var(--vm-navy); font-size: 25px; font-weight: 770; letter-spacing: -.55px; }
.vm-auth-card-head p { margin: 7px 0 0; color: var(--vm-muted); font-size: 12px; line-height: 1.55; }
.vm-auth-fields { margin-top: 20px; }
.vm-auth-fields.vm-form-grid { gap: 14px; }
.vm-auth-card .vm-form-grid { grid-template-columns: 1fr 1fr; }
.vm-login-card .vm-auth-fields { display: grid; gap: 14px; }
.vm-auth-submit { width: 100%; margin-top: 18px; }
.vm-auth-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px; padding-top: 17px; border-top: 1px solid #eef0f3; }
.vm-auth-alt > span { grid-column: 1 / -1; color: #858c9d; font-size: 10px; }
.vm-auth-alt a { padding: 10px; border: 1px solid var(--vm-line); border-radius: 9px; color: #29314f; text-align: center; font-size: 12px; font-weight: 720; text-decoration: none; }
.vm-auth-alt a:hover { border-color: #c8ced9; background: #fff; }
.vm-employer-register-fields { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eef0f3; }
.vm-employer-register-fields[hidden] { display: none !important; }
.vm-auth-section-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.vm-auth-section-head strong { color: var(--vm-navy); font-size: 13px; }
.vm-auth-section-head span { color: var(--vm-muted); font-size: 10px; }
.vm-business-help { margin: 10px 0 0; }
.vm-auth-privacy { margin-top: 18px; padding: 12px; border-radius: 9px; background: #f8f9fb; font-size: 11px !important; }
.vm-auth-signin { margin: 15px 0 0; color: var(--vm-muted); text-align: center; font-size: 11px; }
.vm-auth-signin a { color: var(--vm-blue); font-weight: 720; }
.vm-auth-help-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: -2px; color: var(--vm-muted); font-size: 10px; }
.vm-auth-help-row a { color: var(--vm-blue); font-weight: 720; text-decoration: none; }
.vm-auth-help-row a:hover { text-decoration: underline; }
.vm-recovery-card { max-width: 560px; }
.vm-inline-button { display: inline-flex; margin-top: 18px; text-decoration: none; }
.vm-notice-action { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.vm-notice-action p { margin: 3px 0 0; color: var(--vm-muted); font-size: 11px; }
.vm-employer-gate { display: grid; gap: 16px; }
.vm-employer-gate-copy { padding: 20px; border: 1px solid #f0d7cb; border-radius: 9px; background: #fffaf7; }
.vm-employer-gate-copy > span { color: #a84e25; font-size: 10px; font-weight: 800; }
.vm-employer-gate-copy h2 { margin: 5px 0 7px; color: var(--vm-navy); font-size: 20px; }
.vm-employer-gate-copy p { margin: 0 0 14px; color: var(--vm-muted); font-size: 12px; }

/* Vacancy form */
.vm-submit-vacancy-v4 { padding: 28px; border-radius: 9px; background: #fff; }
.vm-form-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--vm-line); }
.vm-form-title-row h2 { margin: 3px 0 5px; color: var(--vm-navy); font-size: 27px; font-weight: 770; letter-spacing: -.7px; }
.vm-form-title-row p:not(.eyebrow) { margin: 0; color: var(--vm-muted); font-size: 11px; }
.vm-form-progress { min-width: 130px; padding: 10px 12px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; }
.vm-form-progress strong,
.vm-form-progress span { display: block; }
.vm-form-progress strong { color: var(--vm-navy); font-size: 10px; }
.vm-form-progress span { margin-top: 3px; color: var(--vm-muted); font-size: 10px; }
.vm-vacancy-form-section { display: grid; grid-template-columns: 34px 190px minmax(0,1fr); gap: 19px; padding: 27px 0; border-bottom: 1px solid var(--vm-line); }
.vm-section-index { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: var(--vm-navy); color: #fff; font-size: 10px; font-weight: 800; }
.vm-section-copy h3 { margin: 2px 0 4px; color: var(--vm-navy); font-size: 14px; }
.vm-section-copy p { margin: 0; color: var(--vm-muted); font-size: 10px; line-height: 1.5; }
.vm-section-fields { gap: 13px; }
.vm-mandatory-box { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px; border: 1px solid #f0d4c5; border-radius: 9px; background: #fffaf7; }
.vm-mandatory-box > div,
.vm-placement-confirm { grid-column: 1 / -1; }
.vm-mandatory-box p { margin: 3px 0 0; color: #776b68; font-size: 10px; }
.vm-radio-card { display: flex !important; align-items: flex-start !important; gap: 8px !important; padding: 12px !important; border: 1px solid #e1e4ea !important; border-radius: 12px !important; background: #fff !important; cursor: pointer; }
.vm-radio-card:has(input:checked) { border-color: #F1A06F !important; background: #fffaf7 !important; }
.vm-radio-card:focus-within { border-color: #F1A06F !important; box-shadow: 0 0 0 3px rgba(255,119,35,.08); }
.vm-radio-card input { width: auto; min-height: 0; margin-top: 3px; }
.vm-radio-card b,
.vm-radio-card small { display: block; }
.vm-radio-card b { font-size: 11px; }
.vm-radio-card small { margin-top: 3px; color: var(--vm-muted); font-size: 10px; }
.vm-map-preview { min-height: 180px; display: grid; place-items: center; overflow: hidden; border: 1px dashed #ccd2dc; border-radius: 9px; background: #fff; color: #80879a; font-size: 11px; }
.vm-map-preview iframe { width: 100%; height: 240px; border: 0; }
.vm-submit-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 21px; }
.vm-submit-footer strong,
.vm-submit-footer span { display: block; }
.vm-submit-footer strong { color: var(--vm-navy); font-size: 12px; }
.vm-submit-footer span { margin-top: 3px; color: var(--vm-muted); font-size: 10px; }

/* Dashboard */
.vm-dashboard-v4 { display: grid; grid-template-columns: 218px minmax(0,1fr); gap: 30px; align-items: start; }
.vm-dashboard-sidebar { position: sticky; top: var(--vm-sticky-offset, 126px); padding: 4px 18px 4px 0 !important; border: 0 !important; border-right: 1px solid var(--vm-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--vm-text) !important; box-shadow: none; }
.vm-dashboard-user { display: flex; align-items: center; gap: 10px; padding: 8px 7px 14px; border-bottom: 1px solid var(--vm-line); }
.vm-dashboard-user > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 8px; background: #eef0f3; color: var(--vm-navy); font-size: 14px; font-weight: 700; }
.vm-dashboard-user h3,
.vm-dashboard-user p { margin: 0; }
.vm-dashboard-user h3 { color: var(--vm-navy); font-size: 14px; line-height:1.25; }
.vm-dashboard-user p { margin-top: 3px; color: var(--vm-muted) !important; font-size: 11px; }
.vm-dashboard-nav { display: grid; gap: 2px; padding: 10px 0; }
.vm-dashboard-nav a { position: relative; display: flex !important; align-items: center; gap: 9px !important; padding: 8px 8px !important; border-radius: 7px !important; color: #525a69 !important; font-size: 13px !important; font-weight: 580; text-decoration: none; }
.vm-dashboard-nav a > span { width: 24px; height: 24px; display: grid; place-items: center; flex: 0 0 24px; border: 0; border-radius: 6px; background: transparent; color: #667085; font-size: 12px; line-height: 1; }
.vm-dashboard-nav a.is-active > span { background: transparent; color: var(--vm-orange); }
.vm-dashboard-nav a:hover { background: #f5f6f8; }
.vm-dashboard-nav a.is-active { background: #f1f1ef; color: var(--vm-navy) !important; font-weight: 650; }
.vm-dashboard-nav a.is-active::before { display: none; }
.vm-dashboard-side-footer { display: grid; gap: 4px; padding-top: 10px; border-top: 1px solid var(--vm-line); }
.vm-dashboard-side-footer a { padding: 6px 9px !important; color: #697084 !important; font-size: 10px !important; text-decoration: none; }
.vm-dashboard-side-footer a:hover { color: var(--vm-blue) !important; }
.vm-dashboard-content { min-width: 0; display: grid; gap: 18px; }
.vm-dashboard-hero-v4 { padding: 4px 0 20px; border: 0; border-bottom: 1px solid var(--vm-line); border-radius: 0; background: transparent; box-shadow: none; }
.vm-dashboard-welcome { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.vm-dashboard-welcome h2 { margin: 2px 0 6px; color: var(--vm-navy); font-size: 27px; font-weight: 700; letter-spacing: -.45px; }
.vm-dashboard-welcome > div > p:last-child { margin: 0; color: var(--vm-muted); font-size: 13px; }
.vm-dashboard-hero-actions { display: flex; gap: 8px; }
.vm-dashboard-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 21px; }
.vm-dashboard-kpis article { position: relative; padding: 14px 16px 14px 0; border: 0; border-right: 1px solid var(--vm-line); border-radius: 0; background: transparent; box-shadow: none; }
.vm-dashboard-kpis article:last-child { border-right: 0; }
.vm-kpi-icon { display: none; }
.vm-dashboard-kpis strong,
.vm-dashboard-kpis small,
.vm-dashboard-kpis em { display: block; }
.vm-dashboard-kpis strong { color: var(--vm-navy); font-size: 24px; line-height: 1.1; letter-spacing:-.3px; }
.vm-dashboard-kpis small { margin-top: 4px; color: #596176; font-size: 11px; }
.vm-dashboard-kpis em { margin-top: 9px; color: #8a90a0; font-size: 10px; font-style: normal; }
.vm-dashboard-grid-v4 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.vm-panel { padding: 20px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; box-shadow: none; }
.vm-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.vm-panel-head h2,
.vm-panel-head p { margin: 0; }
.vm-panel-head h2 { color: var(--vm-navy); font-size: 19px; font-weight: 700; letter-spacing:-.2px; }
.vm-panel-head p { margin-top: 4px; color: var(--vm-muted); font-size: 12px; line-height:1.5; }
.vm-score-ring { min-width: 48px; height: 34px; display: grid; place-items: center; padding: 0 9px; border-radius: 9px; background: #f1f4fb; color: var(--vm-blue); font-size: 10px; font-weight: 800; }
.vm-company-status-list { margin-top: 13px; border-top: 1px solid var(--vm-line); }
.vm-company-status-list > div { display: flex; justify-content: space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid #f0f1f3; font-size: 12px; }
.vm-company-status-list span { color: var(--vm-muted); }
.vm-company-status-list strong { color: #363c50; text-align: right; }
.vm-ok { color: var(--vm-green); }
.vm-attention { color: #b24a1e; }
.vm-text-action { display: inline-block; margin-top: 12px; color: var(--vm-blue); font-size: 10px; font-weight: 720; text-decoration: none; }
.vm-quick-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 13px; }
.vm-quick-actions a { display: grid; gap: 2px; padding: 12px; border: 1px solid var(--vm-line); border-radius: 9px; text-decoration: none; transition: border-color .15s ease, background-color .15s ease; }
.vm-quick-actions a:hover { border-color: #ccd1da; background: #fff; }
.vm-quick-actions a > span { width: 30px; height: 30px; display: grid; place-items: center; margin-bottom: 5px; border-radius: 10px; background: #f1f4fb; color: var(--vm-blue); font-size: 13px; }
.vm-quick-actions strong { color: var(--vm-navy); font-size: 13px; }
.vm-quick-actions small { color: var(--vm-muted); font-size: 11px; }
.vm-dashboard-empty { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 14px 0; border: 0; border-top: 1px solid var(--vm-line); border-radius: 0; background: transparent; }
.vm-dashboard-empty > span { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 34px; border-radius: 11px; background: #f1f4fb; color: var(--vm-blue); font-size: 14px; }
.vm-dashboard-empty > div { margin-right: auto; }
.vm-dashboard-empty strong,
.vm-dashboard-empty p { display: block; margin: 0; }
.vm-dashboard-empty strong { color: var(--vm-navy); font-size: 13px; }
.vm-dashboard-empty p { margin-top: 3px; color: var(--vm-muted); font-size: 11px; }
.vm-dashboard-table { margin-top: 14px; overflow: auto; border: 1px solid var(--vm-line); border-radius: 9px; }
.vm-table-head,
.vm-table-row { min-width: 780px; display: grid; grid-template-columns: minmax(190px,1.7fr) .75fr .8fr 1.25fr 1.05fr; gap: 12px; align-items: center; padding: 11px 12px; }
.vm-table-head { background: #f8f9fb; color: #7c8394; font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.vm-table-row { border-top: 1px solid #eef0f3; font-size: 12px; }
.vm-table-row:hover { background: #fcfcfd; }
.vm-job-cell strong,
.vm-job-cell small { display: block; }
.vm-job-cell a { color: var(--vm-navy); text-decoration: none; }
.vm-job-cell a:hover { color: var(--vm-blue); }
.vm-job-cell small { margin-top: 2px; color: var(--vm-muted); }
.vm-table-row > span > small { color: #6c7488; }
.vm-table-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.vm-table-actions a { color: var(--vm-blue); font-size: 11px; font-weight: 720; text-decoration: none; }
.vm-danger { color: #af342a !important; }
.vm-status-pill { display: inline-flex; padding: 4px 7px; border-radius: 999px; background: #eef1f7; color: #455472; font-size: 10px; font-weight: 750; }
.vm-status-pill.online { background: #edf8f1; color: var(--vm-green); }
.vm-status-pill.gesloten { background: #f0f1f3; color: #676e7d; }
.vm-status-pill.wacht-op-controle { background: #fff5e9; color: #9a5a11; }
.vm-candidate-list { display: grid; gap: 8px; margin-top: 13px; }
.vm-candidate-card { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 11px; align-items: center; padding: 12px; border: 1px solid var(--vm-line); border-radius: 9px; }
.vm-candidate-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 9px; background: #f1f4fb; color: var(--vm-blue); font-size: 11px; font-weight: 800; }
.vm-candidate-copy strong,
.vm-candidate-copy a,
.vm-candidate-copy small { display: block; }
.vm-candidate-copy strong { color: var(--vm-navy); font-size: 13px; }
.vm-candidate-copy a { margin-top: 2px; color: #56617a; font-size: 11px; text-decoration: none; }
.vm-candidate-copy small { margin-top: 4px; color: #8a90a0; font-size: 10px; }
.vm-candidate-actions { display: flex; align-items: center; gap: 7px; }
.vm-candidate-actions form { display: flex; gap: 6px; }
.vm-candidate-actions select { min-width: 140px; padding: 8px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; font-size: 11px; }
.vm-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 0; border-top: 1px solid #eef0f3; }
.vm-row strong,
.vm-row small { display: block; }
.vm-row strong { font-size: 12px; }
.vm-row small { margin-top: 3px; color: var(--vm-muted); font-size: 10px; }
.vm-row a { text-decoration: none; }
.vm-tool-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 14px; }
.vm-tool-cards a { display: grid; gap: 3px; padding: 14px; border: 1px solid var(--vm-line); border-radius: 9px; text-decoration: none; }
.vm-tool-cards a:hover { border-color: #ccd1da; background: #fff; }
.vm-tool-cards strong { color: var(--vm-navy); font-size: 13px; }
.vm-tool-cards span { color: var(--vm-muted); font-size: 11px; }

/* Company editor */
.vm-company-editor-v4 { padding: 0; overflow: hidden; }
.vm-company-editor-head { padding: 20px 22px; border-bottom: 1px solid var(--vm-line); background: #fff; }
.vm-company-editor-head .eyebrow { margin-bottom: 3px; }
.vm-profile-completion { min-width: 90px; padding: 9px 10px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; text-align: center; }
.vm-profile-completion strong,
.vm-profile-completion span { display: block; }
.vm-profile-completion strong { color: var(--vm-navy); font-size: 17px; }
.vm-profile-completion span { color: var(--vm-muted); font-size: 8px; }
.vm-profile-form-v4 { padding: 0 !important; border: 0 !important; }
.vm-company-editor-layout { display: grid; grid-template-columns: 190px minmax(0,1fr); }
.vm-company-brand-card { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 16px; border-right: 1px solid var(--vm-line); background: #fff; }
.vm-company-logo-preview { width: 94px; height: 94px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; color: #273775; font-size: 21px; font-weight: 850; }
.vm-company-logo-preview img { width: 100%; height: 100%; object-fit: contain; }
.vm-company-brand-card > strong { color: var(--vm-navy); font-size: 12px; text-align: center; }
.vm-company-brand-card > small { color: var(--vm-muted); font-size: 10px; text-align: center; }
.vm-file-button { width: 100%; min-height: 37px; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 10px !important; border: 1px solid var(--vm-line-strong) !important; border-radius: 12px !important; background: #fff !important; font-size: 10px !important; font-weight: 720 !important; cursor: pointer; }
.vm-file-button input { display: none; }
.vm-company-brand-card .vm-secondary { width: 100%; font-size: 10px; }
.vm-company-editor-fields { padding: 0 22px 22px; }
.vm-profile-section { padding: 20px 0; border-bottom: 1px solid var(--vm-line); }
.vm-profile-section:last-of-type { border-bottom: 0; }
.vm-profile-section-title { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 13px; }
.vm-profile-section-title > span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 9px; background: var(--vm-navy); color: #fff; font-size: 10px; font-weight: 800; }
.vm-profile-section-title h3,
.vm-profile-section-title p { margin: 0; }
.vm-profile-section-title h3 { color: var(--vm-navy); font-size: 13px; }
.vm-profile-section-title p { margin-top: 2px; color: var(--vm-muted); font-size: 10px; }
.vm-profile-savebar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 17px; }
.vm-profile-savebar span { color: var(--vm-muted); font-size: 10px; }
.vm-news-form { display: grid; gap: 10px; margin-top: 14px; padding: 15px; border-radius: 9px; background: #fff; }
.vm-news-form .vm-primary { justify-self: start; }

/* CV builder + employer CV directory */
.vm-cv-builder-shell { padding: 34px 0 82px; }
.vm-cv-builder-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding: 0 0 24px; border-bottom: 1px solid var(--vm-line); }
.vm-cv-builder-top > div:first-child { max-width: 720px; }
.vm-cv-builder-top h1 { max-width: 700px; margin: 3px 0 8px; color: var(--vm-navy); font-size: clamp(30px,4vw,46px); line-height: 1.04; letter-spacing: -1.5px; }
.vm-cv-builder-top p:not(.eyebrow) { margin: 0; color: var(--vm-muted); font-size: 12px; line-height: 1.65; }
.vm-cv-builder-summary { min-width: 285px; display: grid; grid-template-columns: 1fr auto auto; gap: 8px; align-items: center; }
.vm-cv-score { min-height: 46px; display: flex; align-items: center; gap: 10px; padding-right: 12px; border-right: 1px solid var(--vm-line); }
.vm-cv-score > span { color: var(--vm-navy); font-size: 22px; font-weight: 820; letter-spacing: -.5px; }
.vm-cv-score strong,.vm-cv-score small { display: block; }
.vm-cv-score strong { font-size: 12px; }
.vm-cv-score small { margin-top: 2px; color: var(--vm-muted); font-size: 11px; }
.vm-cv-studio { display: grid; grid-template-columns: 170px minmax(0,1fr) minmax(350px,.8fr); gap: 22px; align-items: start; padding-top: 26px; }
.vm-cv-studio-nav { position: sticky; top: var(--vm-sticky-offset, 136px); padding: 0 14px 0 0; border: 0; border-right: 1px solid var(--vm-line); border-radius: 0; background: transparent; }
.vm-cv-studio-nav nav { display: grid; gap: 2px; }
.vm-cv-studio-nav nav a { display: flex; align-items: center; gap: 9px; padding: 10px 9px; border-radius: 9px; color: #5e6577; font-size: 12px; font-weight: 670; text-decoration: none; }
.vm-cv-studio-nav nav a > span { width: 22px; height: 22px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #e7e9ed; border-radius: 8px; background: #fff; color: #707789; font-size: 10px; }
.vm-cv-studio-nav nav a:hover,.vm-cv-studio-nav nav a.is-active { background: #f1f1ef; color: var(--vm-navy); }
.vm-cv-studio-nav nav a.is-active > span { border-color: #d5d7dc; background: #fff; color: var(--vm-navy); }
.vm-cv-tip { margin-top: 8px; padding: 12px 10px 10px; border-top: 1px solid var(--vm-line); color: var(--vm-muted); font-size: 11px; line-height: 1.55; }
.vm-cv-tip strong { color: var(--vm-navy); font-size: 11px; }
.vm-cv-tip p { margin: 4px 0 0; }
.vm-cv-form-panel { min-width: 0; overflow: hidden; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; }
.vm-cv-form-v7 { padding: 0 !important; border: 0 !important; }
.vm-cv-edit-section { padding: 24px; border-top: 1px solid var(--vm-line); scroll-margin-top: 140px; }
.vm-cv-edit-section:first-of-type { border-top: 0; }
.vm-cv-edit-title { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; }
.vm-cv-edit-title > span { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 7px; background: #f2f4f7; color: var(--vm-navy); font-size: 11px; font-weight: 800; }
.vm-cv-edit-title h2,.vm-cv-edit-title p { margin: 0; }
.vm-cv-edit-title h2 { color: var(--vm-navy); font-size: 18px; }
.vm-cv-edit-title p { margin-top: 3px; color: var(--vm-muted); font-size: 12px; }
.vm-field-help { display: block; margin-top: 5px; color: #858c9c; font-size: 11px; font-weight: 500; line-height: 1.5; }
.vm-repeater { display: grid; gap: 10px; }
.vm-repeater-list { display: grid; gap: 10px; }
.vm-repeater-card { padding: 16px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fbfbfc; }
.vm-repeater-card .vm-form-grid { margin-bottom: 10px; }
.vm-repeater-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.vm-repeater-head strong { color: var(--vm-navy); font-size: 13px; }
.vm-link-button { padding: 0; border: 0; background: transparent; color: #667085; font-size: 11px; font-weight: 650; cursor: pointer; }
.vm-link-button:hover { color: #b83222; }
.vm-check-row { min-height: 43px; display: flex !important; align-items: center; gap: 8px !important; padding-top: 19px; }
.vm-check-row input { width: 15px !important; min-height: 0 !important; height: 15px !important; }
.vm-privacy-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.vm-choice-card { display: grid !important; grid-template-columns: 18px 1fr; gap: 10px !important; align-items: flex-start; padding: 14px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; cursor: pointer; }
.vm-choice-card input { width: 16px !important; height: 16px !important; min-height: 0 !important; margin-top: 2px; }
.vm-choice-card strong,.vm-choice-card small { display: block; }
.vm-choice-card strong { color: var(--vm-navy); font-size: 13px; }
.vm-choice-card small { margin-top: 4px; color: var(--vm-muted); font-size: 11px; line-height: 1.5; }
.vm-cv-savebar { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 18px; border-top: 1px solid var(--vm-line); background: #fff; }
.vm-cv-savebar > span { color: var(--vm-muted); font-size: 11px; }
.vm-cv-savebar > div { display: flex; gap: 7px; }
.vm-preview-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; color: #777f91; font-size: 11px; }
.vm-cv-preview-wrap { position: sticky; top: var(--vm-sticky-offset, 136px); }
.vm-cv-preview { aspect-ratio: 210/297; overflow: hidden; padding: 30px; border: 1px solid #d9dde5; border-radius: 5px; background: #fff; box-shadow: none; color: #1a1d29; font-family: Arial,sans-serif; font-size: 8px; line-height: 1.45; }
.vm-cv-preview header { padding-bottom: 13px; border-bottom: 2px solid #1f2e5c; }
.vm-cv-preview .cv-name { margin: 0; color: var(--vm-navy); font-size: 20px; font-weight: 800; line-height: 1.05; }
.vm-cv-preview header h2 { margin: 5px 0 7px; color: #3a4360; font-size: 10px; font-weight: 600; }
.cv-contact { display: flex; flex-wrap: wrap; gap: 5px 10px; color: #62697a; font-size: 7px; }
.vm-cv-preview section { margin-top: 12px; }
.vm-cv-preview h3 { margin: 0 0 5px; color: var(--vm-navy); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.cv-entry { margin: 0 0 8px; }
.cv-entry strong,.cv-entry small,.cv-entry p { display: block; margin: 0; }
.cv-entry strong { font-size: 8px; }
.cv-entry small { margin-top: 1px; color: #7d8493; font-size: 6.8px; }
.cv-entry p { margin-top: 3px; white-space: normal; }
.cv-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.vm-cv-preview footer { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; padding-top: 8px; border-top: 1px solid #d8dce4; color: #596176; font-size: 7px; }
.vm-cv-preview.template-classic header { border-bottom-width: 1px; text-align: center; }
.vm-cv-preview.template-classic .cv-contact { justify-content: center; }
.vm-cv-preview.template-classic h3 { padding-bottom: 3px; border-bottom: 1px solid #d3d6dd; text-align: center; }
.vm-cv-preview.template-minimal { box-shadow: none; }
.vm-cv-preview.template-minimal header { border-bottom: 1px solid #d3d6dd; }

.vm-cv-directory { padding: 36px 0 80px; }
.vm-cv-directory-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding-bottom: 22px; border-bottom: 1px solid var(--vm-line); }
.vm-cv-directory-head h1 { max-width: 720px; margin: 3px 0 7px; color: var(--vm-navy); font-size: clamp(30px,4vw,44px); line-height: 1.05; letter-spacing: -1.3px; }
.vm-cv-directory-head p:not(.eyebrow) { margin: 0; color: var(--vm-muted); font-size: 14px; line-height: 1.6; }
.vm-directory-count { min-width: 120px; text-align: right; }
.vm-directory-count strong,.vm-directory-count span { display: block; }
.vm-directory-count strong { color: var(--vm-navy); font-size: 28px; }
.vm-directory-count span { color: var(--vm-muted); font-size: 11px; }
.vm-cv-search-form { display: grid; grid-template-columns: 1.2fr 1fr 1.2fr .8fr auto; gap: 8px; margin: 20px 0; padding: 10px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; }
.vm-cv-search-form label { display: grid; gap: 5px; color: #5d6578; font-size: 11px; font-weight: 700; }
.vm-cv-search-form input,.vm-cv-search-form select { min-height: 44px; padding: 9px 11px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; color: var(--vm-text); font-size: 13px; }
.vm-cv-search-form .vm-primary { align-self: end; min-height: 40px; }
.vm-cv-result-grid { display: grid; gap: 9px; }
.vm-cv-result-card { display: grid; grid-template-columns: 56px minmax(0,1fr) auto; gap: 16px; align-items: start; padding: 18px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; }
.vm-cv-result-card:hover { border-color: #cfd4de; box-shadow: none; }
.vm-cv-result-avatar,.vm-candidate-detail-avatar { display: grid; place-items: center; border-radius: 9px; background: #f0f2f6; color: var(--vm-navy); font-weight: 820; }
.vm-cv-result-avatar { width: 56px; height: 56px; font-size: 16px; }
.vm-cv-result-main h2 { margin: 4px 0 2px; color: var(--vm-navy); font-size: 17px; line-height: 1.3; }
.vm-cv-result-main > p { margin: 0; color: var(--vm-muted); font-size: 12px; }
.vm-cv-result-person { color: #626a7a !important; }
.vm-cv-result-summary { max-width: 720px; margin-top: 7px !important; color: #4f5667 !important; line-height: 1.55; }
.vm-candidate-detail-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.vm-candidate-detail-toolbar .vm-link-button { padding: 6px 0; }
.vm-candidate-availability { color: var(--vm-green); font-size: 11px; font-weight: 760; }
.vm-cv-result-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 9px; color: #5e6575; font-size: 11px; }
.vm-skill-pills { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.vm-skill-pills span { padding: 5px 8px; border: 1px solid #e4e7ec; border-radius: 999px; background: #fff; color: #596176; font-size: 10px; }
.vm-candidate-cv-detail { padding: 34px 0 80px; }
.vm-back-link { display: inline-flex; color: #667085; font-size: 12px; font-weight: 650; text-decoration: none; }
.vm-candidate-cv-detail > header { display: grid; grid-template-columns: 62px minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 22px 0; border-top: 1px solid var(--vm-line); border-bottom: 1px solid var(--vm-line); }
.vm-candidate-detail-avatar { width: 62px; height: 62px; font-size: 18px; }
.vm-candidate-cv-detail h1 { margin: 2px 0 4px; color: var(--vm-navy); font-size: 30px; letter-spacing: -.7px; }
.vm-candidate-cv-detail header p:not(.eyebrow) { margin: 0; color: var(--vm-muted); font-size: 13px; }
.vm-candidate-detail-status { min-width: 110px; text-align: right; }
.vm-candidate-detail-status strong,.vm-candidate-detail-status span { display: block; }
.vm-candidate-detail-status strong { color: var(--vm-navy); font-size: 18px; }
.vm-candidate-detail-status span { color: var(--vm-muted); font-size: 11px; }
.vm-candidate-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 28px; padding-top: 26px; }
.vm-candidate-detail-grid section { padding: 20px 0; border-bottom: 1px solid var(--vm-line); }
.vm-candidate-detail-grid section:first-child { padding-top: 0; }
.vm-candidate-detail-grid h2 { margin: 0 0 12px; color: var(--vm-navy); font-size: 18px; }
.vm-candidate-detail-grid p { color: #4f5668; font-size: 13px; line-height: 1.7; }
.vm-profile-timeline { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 18px; padding: 13px 0; border-top: 1px solid #eef0f3; }
.vm-profile-timeline:first-of-type { border-top: 0; padding-top: 0; }
.vm-profile-timeline strong,.vm-profile-timeline span { display: block; }
.vm-profile-timeline strong { color: var(--vm-navy); font-size: 13px; }
.vm-profile-timeline span,.vm-profile-timeline small { color: var(--vm-muted); font-size: 11px; }
.vm-profile-timeline p { grid-column: 1 / -1; margin: 2px 0 0; white-space: normal; }
.vm-candidate-detail-grid > aside { position: sticky; top: var(--vm-sticky-offset, 136px); align-self: start; padding: 18px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; }
.vm-candidate-detail-grid > aside section { padding: 14px 0; }
.vm-candidate-detail-grid > aside section:first-child { padding-top: 0; }
.vm-candidate-facts dl { margin: 0; }
.vm-candidate-facts dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #eef0f3; font-size: 11px; }
.vm-candidate-facts dt { color: var(--vm-muted); }
.vm-candidate-facts dd { margin: 0; color: var(--vm-navy); font-weight: 700; text-align: right; }
.vm-candidate-contact a { display: block; margin-top: 8px; color: var(--vm-blue); font-size: 12px; font-weight: 650; text-decoration: none; }

/* Salary check */
.vm-salary-check-v7 { padding: 30px 0 82px; }
.vm-salary-intro-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: 18px; align-items: start; }
.vm-salary-form-card,.vm-salary-method-card,.vm-salary-result-v7,.vm-salary-evidence-main,.vm-official-source-card { border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; }
.vm-salary-form-card { padding: 26px; }
.vm-salary-form-card h2 { max-width: 620px; margin: 3px 0 8px; color: var(--vm-navy); font-size: 28px; letter-spacing: -.6px; }
.vm-salary-form-card > p:not(.eyebrow) { max-width: 680px; margin: 0; color: var(--vm-muted); font-size: 13px; line-height: 1.65; }
.vm-salary-form { display: grid; gap: 12px; margin-top: 20px; }
.vm-salary-form label { display: grid; gap: 5px; color: #4d5568; font-size: 12px; font-weight: 700; }
.vm-salary-form input,.vm-salary-form select { min-height: 46px; padding: 10px 12px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; color: var(--vm-text); font-size: 13px; }
.vm-salary-form .vm-primary { justify-self: start; min-height: 44px; }
.vm-salary-method-card { padding: 22px; background: #fff; }
.vm-method-label { display: inline-flex; color: var(--vm-blue); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.vm-salary-method-card h3 { margin: 5px 0 14px; color: var(--vm-navy); font-size: 18px; }
.vm-salary-method-card ol { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.vm-salary-method-card li { display: grid; gap: 2px; padding-top: 10px; border-top: 1px solid #e9ebef; }
.vm-salary-method-card li:first-child { padding-top: 0; border-top: 0; }
.vm-salary-method-card strong { color: var(--vm-navy); font-size: 12px; }
.vm-salary-method-card li span,.vm-salary-method-card > p { color: var(--vm-muted); font-size: 11px; line-height: 1.55; }
.vm-salary-method-card > p { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid #e9ebef; }
.vm-salary-result-v7 { margin-top: 18px; padding: 26px; }
.vm-salary-result-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.vm-result-kicker { color: var(--vm-blue); font-size: 10px; font-weight: 760; }
.vm-salary-result-head h2 { margin: 4px 0 5px; color: var(--vm-navy); font-size: 24px; }
.vm-salary-result-head p { margin: 0; color: var(--vm-muted); font-size: 12px; }
.vm-confidence { min-width: 88px; padding: 10px 12px; border-left: 1px solid var(--vm-line); text-align: right; }
.vm-confidence span,.vm-confidence small { display: block; }
.vm-confidence span { color: var(--vm-navy); font-size: 22px; font-weight: 820; }
.vm-confidence small { color: var(--vm-muted); font-size: 10px; }
.vm-salary-primary-number { padding: 28px 0 22px; }
.vm-salary-primary-number > span,.vm-salary-primary-number > strong,.vm-salary-primary-number > small { display: block; }
.vm-salary-primary-number > span { color: var(--vm-muted); font-size: 12px; font-weight: 650; }
.vm-salary-primary-number > strong { margin-top: 3px; color: var(--vm-navy); font-size: clamp(38px,6vw,64px); line-height: 1; letter-spacing: -2px; }
.vm-salary-primary-number > small { margin-top: 9px; color: #555d71; font-size: 12px; line-height: 1.5; }
.vm-salary-breakdown { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--vm-line); border-radius: 9px; overflow: hidden; }
.vm-salary-breakdown article { min-width: 0; padding: 14px; border-right: 1px solid var(--vm-line); }
.vm-salary-breakdown article:last-child { border-right: 0; }
.vm-salary-breakdown span,.vm-salary-breakdown strong,.vm-salary-breakdown small { display: block; }
.vm-salary-breakdown span { color: var(--vm-muted); font-size: 10px; }
.vm-salary-breakdown strong { margin-top: 5px; color: var(--vm-navy); font-size: 16px; }
.vm-salary-breakdown small { margin-top: 5px; color: #747b8a; font-size: 10px; line-height: 1.45; }
.vm-salary-breakdown .is-muted { background: #fff; }
.vm-salary-breakdown .is-muted strong { color: #8b92a0; font-size: 12px; }
.vm-salary-range-scale { margin-top: 22px; padding: 18px 4px 0; }
.vm-range-track { position: relative; height: 5px; border-radius: 999px; background: linear-gradient(90deg,#eef0f4 0%,#d8def0 35%,#ffcab8 65%,#ffd9cc 100%); }
.vm-range-track span { position: absolute; top: 50%; width: 12px; height: 12px; transform: translate(-50%,-50%); border: 2px solid #fff; border-radius: 50%; background: #8e97ab; box-shadow: 0 0 0 1px #d6dae2; }
.vm-range-track span.is-median { width: 15px; height: 15px; background: var(--vm-orange); }
.vm-range-labels { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 9px; color: var(--vm-muted); font-size: 10px; }
.vm-range-labels span:nth-child(2) { text-align: center; }.vm-range-labels span:nth-child(3) { text-align: right; }
.vm-range-labels strong { color: var(--vm-navy); font-size: 12px; }
.vm-salary-actions { display: flex; gap: 8px; margin-top: 22px; }
.vm-salary-evidence { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: 18px; margin-top: 18px; }
.vm-salary-evidence-main,.vm-official-source-card { padding: 24px; }
.vm-salary-evidence-main h2 { margin: 4px 0 16px; color: var(--vm-navy); font-size: 22px; }
.vm-method-steps { display: grid; gap: 0; }
.vm-method-steps article { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 14px 0; border-top: 1px solid var(--vm-line); }
.vm-method-steps article:first-child { border-top: 0; padding-top: 0; }
.vm-method-steps b { color: #a0a6b4; font-size: 11px; }
.vm-method-steps strong { color: var(--vm-navy); font-size: 13px; }
.vm-method-steps p { margin: 4px 0 0; color: var(--vm-muted); font-size: 11px; line-height: 1.65; }
.vm-salary-used-jobs { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--vm-line); }
.vm-salary-used-jobs h3 { margin: 0 0 8px; color: var(--vm-navy); font-size: 14px; }
.vm-salary-used-jobs > div { display: grid; }
.vm-salary-used-jobs a { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #eef0f3; color: #4e5668; font-size: 11px; text-decoration: none; }
.vm-salary-used-jobs a strong { color: var(--vm-navy); }
.vm-official-source-card { align-self: start; background: #fff; }
.vm-official-source-card h3 { margin: 5px 0 8px; color: var(--vm-navy); font-size: 17px; }
.vm-official-source-card > p { color: var(--vm-muted); font-size: 11px; line-height: 1.65; }
.vm-official-numbers { display: grid; gap: 8px; margin: 16px 0; }
.vm-official-numbers > div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 9px 0; border-top: 1px solid #e7e9ed; }
.vm-official-numbers strong { color: var(--vm-navy); font-size: 14px; }
.vm-official-numbers span { color: var(--vm-muted); font-size: 10px; text-align: right; }
.vm-source-note { padding: 10px; border-left: 2px solid #d8dce5; background: #fff; }
.vm-source-link { display: block; padding: 9px 0; border-top: 1px solid #e7e9ed; color: var(--vm-blue); font-size: 11px; font-weight: 700; text-decoration: none; }

/* Detail transparency / maps */
.vm-transparency-panel { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); margin-top: 14px; border: 1px solid var(--vm-line); border-radius: 9px; overflow: hidden; background: #fff; }
.vm-transparency-panel > div { padding: 14px; border-right: 1px solid var(--vm-line); }
.vm-transparency-panel > div:last-child { border-right: 0; }
.vm-transparency-panel small,
.vm-transparency-panel strong { display: block; }
.vm-transparency-panel small { color: var(--vm-muted); font-size: 8px; }
.vm-transparency-panel strong { margin-top: 3px; color: var(--vm-navy); font-size: 10px; }
.vm-job-location-card { margin-top: 20px; overflow: hidden; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; }
.vm-job-location-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px; }
.vm-job-location-head h2,
.vm-job-location-head p { margin: 0; }
.vm-job-location-head h2 { color: var(--vm-navy); font-size: 17px; }
.vm-job-location-head p:not(.eyebrow) { margin-top: 3px; color: var(--vm-muted); font-size: 10px; }
.vm-map-embed iframe { display: block; width: 100%; height: 300px; border: 0; }
.vm-apply-tool-link { margin: -1px 0 2px; font-size: 10px; }
.vm-apply-tool-link a { color: var(--vm-blue); font-weight: 700; text-decoration: none; }

/* Public company extras */
.vm-verified-badge { border-color: #ccebd8; background: #effaf4; color: #16683f; }
.company-hero-stat { min-width: 112px; padding: 13px 14px; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; text-align: center; }
.company-hero-stat strong,
.company-hero-stat span { display: block; }
.company-hero-stat strong { color: var(--vm-navy); font-size: 20px; }
.company-hero-stat span { margin-top: 2px; color: var(--vm-muted); font-size: 8px; }
.company-hero-links a { color: var(--vm-blue); font-size: 10px; font-weight: 720; text-decoration: none; }
.company-richtext,
.vm-company-section > p { color: #4f576c; font-size: 12px; line-height: 1.7; }
.vm-company-jobs { display: grid; gap: 8px; }
.vm-company-job { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px; border: 1px solid var(--vm-line); border-radius: 9px; text-decoration: none; }
.vm-company-job:hover { border-color: #ccd1da; background: #fff; }
.vm-company-job strong,
.vm-company-job small { display: block; }
.vm-company-job strong { color: var(--vm-navy); font-size: 11px; }
.vm-company-job small { margin-top: 3px; color: var(--vm-muted); font-size: 10px; }
.vm-company-news-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.vm-company-news-grid article { overflow: hidden; border: 1px solid var(--vm-line); border-radius: 9px; background: #fff; }
.vm-company-news-grid a { display: block; padding: 13px; text-decoration: none; }
.vm-news-thumb { margin: -13px -13px 11px; }
.vm-news-thumb img { display: block; width: 100%; aspect-ratio: 16/8; object-fit: cover; }
.vm-company-news-grid small { color: #8a90a0; font-size: 8px; }
.vm-company-news-grid h3 { margin: 4px 0 5px; color: var(--vm-navy); font-size: 12px; }
.vm-company-news-grid p { margin: 0; color: var(--vm-muted); font-size: 10px; line-height: 1.5; }
.vm-company-news-grid span { display: inline-block; margin-top: 9px; color: var(--vm-blue); font-size: 10px; font-weight: 720; }
.vm-company-facts { display: grid; gap: 0; margin: 12px 0 16px; }
.vm-company-facts > div { display: grid; grid-template-columns: 1fr 1.2fr; gap: 10px; padding: 9px 0; border-bottom: 1px solid #eef0f3; font-size: 10px; }
.vm-company-facts dt { color: var(--vm-muted); }
.vm-company-facts dd { margin: 0; text-align: right; font-weight: 660; }
.vm-company-link { color: inherit; text-decoration: none; }
.vm-company-link:hover { color: var(--vm-blue); }

/* Front-end account */
.vm-account-panel { scroll-margin-top: 145px; }
.vm-account-head { padding-bottom: 15px; border-bottom: 1px solid var(--vm-line); }
.vm-account-type { display: inline-flex; padding: 6px 9px; border: 1px solid #dfe3ea; border-radius: 999px; background: #fff; color: #596176; font-size: 10px; font-weight: 750; }
.vm-account-layout { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 22px; margin-top: 18px; }
.vm-account-summary { padding-right: 22px; border-right: 1px solid var(--vm-line); }
.vm-account-avatar { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 9px; background: var(--vm-navy); color: #fff; font-size: 17px; font-weight: 850; }
.vm-account-summary > div:nth-child(2) strong,
.vm-account-summary > div:nth-child(2) span { display: block; }
.vm-account-summary > div:nth-child(2) strong { color: var(--vm-navy); font-size: 12px; }
.vm-account-summary > div:nth-child(2) span { margin-top: 2px; color: var(--vm-muted); font-size: 10px; word-break: break-all; }
.vm-account-summary ul { margin: 18px 0 0; padding: 0; border-top: 1px solid #eef0f3; list-style: none; }
.vm-account-summary li { display: grid; gap: 2px; padding: 9px 0; border-bottom: 1px solid #eef0f3; }
.vm-account-summary li span { color: var(--vm-muted); font-size: 8px; }
.vm-account-summary li strong { font-size: 10px; }
.vm-account-form { border: 0 !important; border-radius: 0 !important; }
.vm-account-form-section + .vm-account-form-section { margin-top: 22px; padding-top: 20px; border-top: 1px solid #eef0f3; }
.vm-account-form-section h3 { margin: 0 0 4px; color: var(--vm-navy); font-size: 13px; }
.vm-account-form-section > p { margin: 0 0 13px; color: var(--vm-muted); font-size: 10px; }
.vm-account-form .vm-form-grid { grid-template-columns: 1fr 1fr; gap: 13px; }
.vm-account-savebar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; padding-top: 17px; border-top: 1px solid var(--vm-line); }
.vm-account-savebar p { max-width: 420px; margin: 0; color: var(--vm-muted); font-size: 10px; line-height: 1.5; }
.vm-account-savebar .vm-primary { white-space: nowrap; }
.vm-security-inline { display: flex; align-items: center; gap: 8px; color: #596176; font-size: 10px; }
.vm-security-inline::before { content: "✓"; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: #edf8f1; color: var(--vm-green); font-weight: 800; }

@media (max-width: 1100px) {
  .vm-cv-studio { grid-template-columns: 155px minmax(0,1fr); }
  .vm-cv-preview-wrap { grid-column: 2; position: static; max-width: 650px; }
  .vm-dashboard-v4 { grid-template-columns: 190px minmax(0,1fr); }
}

@media (max-width: 900px) {
  .vm-search,
  .vm-search-advanced { grid-template-columns: 1fr; }
  .vm-search-field + .vm-search-field { border-top: 1px solid #eef0f3; border-left: 0; }
  .vm-search-field { min-height: 54px; padding: 8px 10px; }
  .vm-search button { min-height: 49px; margin: 8px 0 0; }
  .vm-job-card-home { grid-template-columns: 56px minmax(190px,1.4fr) minmax(120px,.85fr) minmax(130px,.9fr) minmax(112px,.8fr) auto 34px; }
  .vm-job-card-home .vm-home-job-work { display: none; }
  .vm-company-directory { grid-template-columns: 1fr 1fr; }
  .vm-company-strip-v3 { justify-content: flex-start; overflow-x: auto; }
  .vm-dashboard-v4 { grid-template-columns: 1fr; }
  .vm-dashboard-sidebar { position: static; }
  .vm-dashboard-nav { display: flex; gap: 6px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
  .vm-dashboard-nav::-webkit-scrollbar { display: none; }
  .vm-dashboard-nav a { flex: 0 0 auto; min-width: max-content; }
  .vm-dashboard-nav a.is-active::before { display: none; }
  .vm-dashboard-side-footer { grid-template-columns: 1fr 1fr; }
  .vm-dashboard-grid-v4 { grid-template-columns: 1fr; }
  .vm-dashboard-kpis { grid-template-columns: 1fr 1fr; }
  .vm-dashboard-kpis article:nth-child(2) { border-right: 0; }
  .vm-dashboard-kpis article:nth-child(-n+2) { border-bottom: 1px solid var(--vm-line); }
  .vm-vacancy-form-section { grid-template-columns: 32px 1fr; }
  .vm-section-fields { grid-column: 1 / -1; }
  .vm-company-editor-layout { grid-template-columns: 1fr; }
  .vm-company-brand-card { border-right: 0; border-bottom: 1px solid var(--vm-line); }
  .vm-cv-studio { grid-template-columns: 1fr; }
  .vm-cv-studio-nav { position: static; }
  .vm-cv-studio-nav { overflow-x: auto; scrollbar-width: none; }
  .vm-cv-studio-nav::-webkit-scrollbar { display: none; }
  .vm-cv-studio-nav nav { display: flex; min-width: max-content; }
  .vm-cv-studio-nav nav a { min-width: 138px; }
  .vm-cv-preview-wrap { grid-column: auto; }
  .vm-salary-intro-grid,
  .vm-salary-evidence,
  .vm-candidate-detail-grid { grid-template-columns: 1fr; }
  .vm-salary-breakdown { grid-template-columns: 1fr 1fr; }
  .vm-salary-breakdown article:nth-child(2) { border-right: 0; }
  .vm-salary-breakdown article:nth-child(-n+2) { border-bottom: 1px solid var(--vm-line); }
  .vm-cv-search-form { grid-template-columns: 1fr 1fr; }
  .vm-cv-search-form .vm-primary { grid-column: 1 / -1; }
  .vm-candidate-detail-grid > aside { position: static; }
  .vm-account-layout { grid-template-columns: 1fr; }
  .vm-account-summary { padding-right: 0; padding-bottom: 18px; border-right: 0; border-bottom: 1px solid var(--vm-line); }
  .vm-account-summary ul { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; border-top: 0; }
  .vm-account-summary li { padding: 9px; border: 1px solid #eef0f3; border-radius: 8px; }
}

@media (max-width: 700px) {
  .vm-job-card-home { grid-template-columns: 50px minmax(0,1fr) 32px; gap: 12px; min-height: 74px; padding: 11px 12px; }
  .vm-job-card-home .vm-job-logo { width: 48px; height: 48px; }
  .vm-job-card-home .vm-home-job-fact,
  .vm-job-card-home .vm-home-job-age,
  .vm-job-card-home .job-new { display: none; }
  .vm-home-job-identity h3 { font-size: 13px; }
  .vm-home-company-row { font-size: 10px; }
  .vm-home-placement { font-size: 7px; }
  .vm-form-grid { grid-template-columns: 1fr; }
  .vm-span-2 { grid-column: auto; }
  .vm-auth-card { padding: 20px; }
  .vm-auth-card .vm-form-grid { grid-template-columns: 1fr; }
  .vm-auth-section-head { display: grid; }
  .vm-auth-help-row { align-items: flex-start; flex-direction: column; gap: 6px; }
  .vm-dashboard-welcome { flex-direction: column; }
  .vm-dashboard-hero-actions { width: 100%; }
  .vm-dashboard-hero-actions > * { flex: 1; }
  .vm-dashboard-nav { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
  .vm-dashboard-kpis { grid-template-columns: 1fr 1fr; }
  .vm-quick-actions { grid-template-columns: 1fr; }
  .vm-candidate-card { grid-template-columns: 38px 1fr; }
  .vm-candidate-actions { grid-column: 1 / -1; }
  .vm-candidate-actions form { flex: 1; }
  .vm-candidate-actions select { flex: 1; min-width: 0; }
  .vm-profile-savebar,
  .vm-submit-footer,
  .vm-cv-savebar,
  .vm-account-savebar { align-items: stretch; flex-direction: column; }
  .vm-cv-studio-nav nav { display: flex; min-width: max-content; }
  .vm-cv-builder-top { align-items: flex-start; flex-direction: column; }
  .vm-cv-builder-summary { width: 100%; grid-template-columns: 1fr 1fr; }
  .vm-cv-builder-summary .vm-cv-score { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--vm-line); padding: 0 0 10px; }
  .vm-cv-savebar > div { display: grid; grid-template-columns: 1fr 1fr; }
  .vm-submit-vacancy-v4 { padding: 18px; }
  .vm-form-title-row { flex-direction: column; }
  .vm-vacancy-form-section { grid-template-columns: 30px 1fr; padding: 21px 0; }
  .vm-mandatory-box { grid-template-columns: 1fr; }
  .vm-mandatory-box > div,
  .vm-placement-confirm { grid-column: auto; }
  .vm-company-directory { grid-template-columns: 1fr; }
  .vm-stats { grid-template-columns: 1fr 1fr; }
  .vm-stats > div:nth-child(2) { border-right: 1px solid var(--vm-line); }
  .vm-stats > div:nth-child(-n+2) { border-bottom: 1px solid var(--vm-line); }
  .vm-transparency-panel { grid-template-columns: 1fr; }
  .vm-transparency-panel > div { border-right: 0; border-bottom: 1px solid var(--vm-line); }
  .vm-transparency-panel > div:last-child { border-bottom: 0; }
  .vm-company-news-grid { grid-template-columns: 1fr; }
  .vm-company-job { align-items: flex-start; flex-direction: column; }
  .vm-account-head { align-items: flex-start; flex-direction: column; }
  .vm-account-summary ul { grid-template-columns: 1fr; }
  .vm-account-form .vm-form-grid { grid-template-columns: 1fr; }
  .vm-account-form .vm-form-grid > span:empty { display: none; }
  .vm-account-savebar .vm-primary { width: 100%; }
  .vm-tool-cards { grid-template-columns: 1fr; }
  .vm-privacy-options { grid-template-columns: 1fr; }
  .vm-cv-result-card { grid-template-columns: 42px 1fr; }
  .vm-cv-result-avatar { width: 42px; height: 42px; font-size: 13px; }
  .vm-candidate-detail-toolbar { align-items: flex-start; }
  .vm-cv-result-card > .vm-secondary { grid-column: 1 / -1; width: 100%; }
  .vm-cv-directory-head { align-items: flex-start; flex-direction: column; }
  .vm-directory-count { text-align: left; }
  .vm-cv-search-form { grid-template-columns: 1fr; }
  .vm-cv-search-form .vm-primary { grid-column: auto; }
  .vm-candidate-cv-detail > header { grid-template-columns: 52px 1fr; }
  .vm-candidate-detail-avatar { width: 52px; height: 52px; }
  .vm-candidate-detail-status { grid-column: 1 / -1; text-align: left; }
  .vm-salary-breakdown { grid-template-columns: 1fr; }
  .vm-salary-breakdown article { border-right: 0; border-bottom: 1px solid var(--vm-line); }
  .vm-salary-breakdown article:last-child { border-bottom: 0; }
  .vm-salary-actions { flex-direction: column; }
  .vm-salary-actions > * { width: 100%; justify-content: center; }
  .home-empty { align-items: flex-start; flex-direction: column; }
}

/* Responsive UI reliability */
.vm-dashboard-table,
.vm-analytics-table { -webkit-overflow-scrolling: touch; overscroll-behavior-inline: contain; }
.vm-panel, .vm-auth-card, .vm-form, .vm-analytics-card { min-width: 0; }
.vm-form input[type="file"] { min-height: 44px; padding: 8px; }
.vm-form input[type="checkbox"], .vm-form input[type="radio"] { accent-color: var(--vm-orange); }
@media (max-width: 700px) {
  .vm-form input, .vm-form textarea, .vm-form select,
  .vm-search-field input, .vm-search-field select,
  .vm-salary-form input, .vm-salary-form select,
  .vm-cv-search-form input, .vm-cv-search-form select { font-size: 16px !important; }
  .vm-dashboard-sidebar { padding: 10px 0 !important; border-right: 0 !important; border-bottom: 1px solid var(--vm-line) !important; border-radius: 0 !important; }
  .vm-dashboard-user { padding-bottom: 10px; }
  .vm-dashboard-nav { margin-inline: -2px; padding-block: 8px; }
  .vm-dashboard-nav a { padding: 7px 9px !important; border: 0; background: transparent; }
  .vm-dashboard-nav a > span { width: 26px; height: 26px; flex-basis: 26px; }
  .vm-dashboard-nav a.is-active { border-color: #ffd2c1; }
  .vm-dashboard-kpis { grid-template-columns: 1fr; }
  .vm-dashboard-hero-v4, .vm-panel, .vm-auth-card, .vm-salary-form-card, .vm-salary-method-card, .vm-salary-result-v7 { padding: 18px; border-radius: 9px; }
  .vm-dashboard-hero-actions { display: grid; grid-template-columns: 1fr; }
  .vm-dashboard-hero-actions > * { width: 100%; }
  .vm-cv-savebar > div { grid-template-columns: 1fr; width: 100%; }
  .vm-cv-savebar > div > * { width: 100%; }
}

@media print {
  body * { visibility: hidden !important; }
  .vm-cv-preview,
  .vm-cv-preview *,
  .vm-candidate-cv-detail,
  .vm-candidate-cv-detail * { visibility: visible !important; }
  .vm-cv-preview { position: absolute !important; left: 0; top: 0; width: 210mm !important; height: 297mm !important; max-width: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  .vm-candidate-cv-detail { position: absolute !important; inset: 0 auto auto 0; width: 100% !important; max-width: none !important; padding: 0 !important; background: #fff !important; }
  .vm-candidate-detail-toolbar { display: none !important; }
  .vm-candidate-detail-grid { grid-template-columns: minmax(0,1fr) 250px !important; gap: 24px !important; }
  .vm-candidate-detail-grid > aside { position: static !important; }
}


/* Employer analytics */
.vm-analytics-panel { overflow: hidden; }
.vm-analytics-head { align-items: center; }
.vm-period-switch { display:flex; gap:2px; padding:2px; border:1px solid var(--vm-line); border-radius:8px; background:#f8f8f7; }
.vm-period-switch a { padding:7px 10px; border-radius:6px; color:#60687a; font-size:11px; font-weight:650; text-decoration:none; }
.vm-period-switch a:hover { color:var(--vm-navy); background:#fff; }
.vm-period-switch a.active { background:#f1f1ef; color:var(--vm-navy); box-shadow:none; }
.vm-analytics-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:20px; }
.vm-analytics-kpis article { min-width:0; padding:15px 16px 15px 0; border:0; border-right:1px solid var(--vm-line); border-radius:0; background:transparent; }
.vm-analytics-kpis article:last-child { border-right:0; }
.vm-analytics-kpis span,.vm-analytics-kpis strong,.vm-analytics-kpis small { display:block; }
.vm-analytics-kpis span { color:#667085; font-size:11px; font-weight:650; }
.vm-analytics-kpis strong { margin-top:5px; color:var(--vm-navy); font-size:27px; letter-spacing:-.7px; }
.vm-analytics-kpis small { margin-top:5px; color:#8a91a2; font-size:10px; line-height:1.45; }
.vm-analytics-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr); gap:14px; margin-top:14px; }
.vm-analytics-layout.vm-analytics-bottom { grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr); }
.vm-analytics-card { min-width:0; padding:20px; border:1px solid var(--vm-line); border-radius:9px; background:#fff; box-shadow:none; }
.vm-analytics-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.vm-analytics-card-head h3 { margin:0; color:var(--vm-navy); font-size:15px; }
.vm-analytics-card-head p { margin:3px 0 0; color:var(--vm-muted); font-size:10px; }
.vm-chart-legend { display:flex; gap:12px; flex-wrap:wrap; color:#6e7588; font-size:9px; }
.vm-chart-legend span::before { content:""; display:inline-block; width:8px; height:8px; margin-right:5px; border-radius:50%; vertical-align:0; background:#315dcc; }
.vm-chart-legend .clicks::before { background:#FF7723; }
.vm-chart-legend .apps::before { background:#17784a; }
.vm-analytics-svg { width:100%; height:auto; margin-top:12px; overflow:visible; }
.vm-chart-grid { stroke:#edf0f4; stroke-width:1; }
.vm-chart-axis { fill:#9298a6; font-size:9px; }
.vm-chart-x { text-anchor:middle; }
.vm-chart-views,.vm-chart-clicks,.vm-chart-apps { fill:none; stroke-linejoin:round; stroke-linecap:round; }
.vm-chart-views { stroke:#315dcc; stroke-width:3; }
.vm-chart-clicks { stroke:#FF7723; stroke-width:2.4; }
.vm-chart-apps { stroke:#17784a; stroke-width:2.4; }
.vm-funnel { display:grid; gap:11px; margin-top:20px; }
.vm-funnel > div { display:grid; grid-template-columns:105px minmax(80px,1fr) 42px; gap:9px; align-items:center; }
.vm-funnel span { color:#5e6678; font-size:10px; }
.vm-funnel strong { color:var(--vm-navy); text-align:right; font-size:11px; }
.vm-funnel-track { height:9px; overflow:hidden; border-radius:999px; background:#eef1f5; }
.vm-funnel-track i { display:block; height:100%; border-radius:999px; background:#315bb5; }
.vm-analytics-mini { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; padding-top:14px; border-top:1px solid var(--vm-line); }
.vm-analytics-mini span { padding:9px 0; border-radius:0; background:transparent; color:#6a7182; font-size:10px; }
.vm-analytics-mini b { color:var(--vm-navy); }
.vm-analytics-table { margin-top:14px; overflow-x:auto; border:1px solid var(--vm-line); border-radius:9px; }
.vm-analytics-row { min-width:610px; display:grid; grid-template-columns:minmax(210px,1.7fr) .55fr .55fr .72fr .58fr; gap:10px; align-items:center; padding:10px 12px; border-top:1px solid #eef0f3; font-size:10px; }
.vm-analytics-row.head { border-top:0; background:#f8f9fb; color:#7d8493; font-size:8px; font-weight:800; letter-spacing:.035em; text-transform:uppercase; }
.vm-analytics-row > span:first-child a { color:var(--vm-navy); font-weight:720; text-decoration:none; }
.vm-analytics-row > span:first-child small { display:block; margin-top:2px; color:#8a91a2; }
.vm-quality-score { display:inline-flex; padding:4px 7px; border-radius:999px; background:#eef1f5; color:#596176; font-size:9px; }
.vm-quality-score.good { background:#edf8f1; color:#17784a; }.vm-quality-score.mid{background:#fff6e8;color:#9b651b}.vm-quality-score.low{background:#fff0ed;color:#a43a2a}
.vm-source-list { display:grid; gap:10px; margin-top:16px; }
.vm-source-list > div { display:grid; grid-template-columns:90px minmax(70px,1fr) 35px; gap:8px; align-items:center; }
.vm-source-list span,.vm-source-list strong { font-size:10px; }.vm-source-list span{color:#626a7b}.vm-source-list strong{text-align:right;color:var(--vm-navy)}
.vm-source-list > div > div { height:8px; overflow:hidden; border-radius:999px; background:#eef1f5; }.vm-source-list i{display:block;height:100%;border-radius:999px;background:#315dcc}
.vm-privacy-note { margin-top:17px; padding:12px 0 0; border:0; border-top:1px solid #e5e8ee; border-radius:0; background:transparent; }.vm-privacy-note strong{color:var(--vm-navy);font-size:10px}.vm-privacy-note p{margin:3px 0 0;color:#788092;font-size:9px;line-height:1.5}
.vm-analytics-empty { margin-top:14px; padding:20px 0; border:0; border-top:1px solid #d7dce5; border-radius:0; background:transparent; text-align:left; }.vm-analytics-empty strong{color:var(--vm-navy);font-size:12px}.vm-analytics-empty p{margin:4px auto 0;max-width:440px;color:var(--vm-muted);font-size:10px;line-height:1.5}

@media (max-width: 980px) {
  .vm-analytics-kpis { grid-template-columns:1fr 1fr; }
  .vm-analytics-kpis article:nth-child(2) { border-right:1px solid var(--vm-line); }
  .vm-analytics-kpis article:nth-child(-n+2) { border-bottom:1px solid var(--vm-line); }
  .vm-analytics-layout,.vm-analytics-layout.vm-analytics-bottom { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
  .vm-analytics-head { align-items:flex-start; flex-direction:column; }
  .vm-period-switch { width:100%; }
  .vm-period-switch a { flex:1; text-align:center; }
  .vm-analytics-kpis { grid-template-columns:1fr; }
  .vm-analytics-kpis article { border:0; border-bottom:1px solid var(--vm-line); }
  .vm-analytics-kpis article:last-child { border-bottom:0; }
  .vm-chart-legend { display:none; }
  .vm-funnel > div { grid-template-columns:92px minmax(70px,1fr) 36px; }
}
.vm-insights-card { margin-top:14px; }
.vm-insight-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.vm-insight { display:grid; grid-template-columns:8px 1fr; gap:11px; padding:12px 0; border:0; border-top:1px solid var(--vm-line); border-radius:0; background:transparent; }
.vm-insight > span { width:8px; height:8px; margin-top:4px; border-radius:50%; background:#8d95a5; }
.vm-insight.good > span { background:#17784a; }
.vm-insight.attention > span { background:#FF7723; }
.vm-insight strong { display:block; color:var(--vm-navy); font-size:11px; }
.vm-insight p { margin:4px 0 0; color:#687083; font-size:10px; line-height:1.55; }
@media (max-width: 800px) { .vm-insight-list { grid-template-columns:1fr; } }


/* v6.17 admin portal + featured vacancy controls */
.vm-featured-label,
.vm-featured-mini {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 4px 8px;
  border-radius: 999px;
  background: #fff3ea;
  color: #a84f12;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.2;
}
.vm-job-card.is-featured { border-color: #ffd8bf; background: #fffdfb; }
.vm-job-card-home.is-featured { box-shadow: inset 3px 0 0 var(--vm-orange); }
.vm-review-mini { color: #8b5d00; font-weight: 650; }
.vm-promo-state { display:block; margin-top:6px; color:#6d7482; font-size:9px; line-height:1.4; }
.vm-inline-form { display:inline; margin:0; padding:0; }
.vm-link-button { padding:0; border:0; background:transparent; color:var(--vm-blue); font:inherit; font-size:10px; font-weight:650; cursor:pointer; text-align:left; }
.vm-link-button:hover { text-decoration:underline; }

.vm-admin-portal .vm-dashboard-sidebar { top: var(--vm-sticky-offset, 126px); }
.vm-admin-review-panel,
.vm-admin-controls-panel,
.vm-admin-feature-panel { scroll-margin-top: calc(var(--vm-sticky-offset, 126px) + 18px); }
.vm-count-badge { display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border:1px solid var(--vm-line); border-radius:999px; color:#5f6675; font-size:10px; font-weight:650; background:#fff; }
.vm-admin-review-list { display:grid; margin-top:14px; border-top:1px solid var(--vm-line); }
.vm-admin-review-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:center; padding:14px 0; border-bottom:1px solid var(--vm-line); }
.vm-admin-review-main strong { display:block; color:var(--vm-navy); font-size:13px; }
.vm-admin-review-main strong a { color:inherit; text-decoration:none; }
.vm-admin-review-main strong a:hover { text-decoration:underline; text-underline-offset:3px; }
.vm-admin-review-main p { margin:4px 0 0; color:var(--vm-muted); font-size:10px; }
.vm-admin-review-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.vm-danger-button { border-color:#e2b4ae !important; color:#9f382c !important; }
.vm-danger-button:hover { background:#fff4f2 !important; }
.vm-control-list { display:grid; margin:6px 0 18px; border-top:1px solid var(--vm-line); }
.vm-control-row { display:grid !important; grid-template-columns:minmax(0,1fr) auto; gap:22px !important; align-items:center; padding:14px 0; border-bottom:1px solid var(--vm-line); cursor:pointer; }
.vm-control-row span { display:grid; gap:3px; }
.vm-control-row strong { color:var(--vm-navy); font-size:12px; }
.vm-control-row small { color:var(--vm-muted); font-size:10px; font-weight:450; line-height:1.5; }
.vm-control-row input[type="checkbox"] { width:38px !important; height:22px !important; appearance:none; border:1px solid #cfd3da; border-radius:999px !important; background:#e8e9ec; position:relative; cursor:pointer; transition:.15s ease; }
.vm-control-row input[type="checkbox"]::after { content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.12); transition:.15s ease; }
.vm-control-row input[type="checkbox"]:checked { border-color:var(--vm-orange); background:var(--vm-orange); }
.vm-control-row input[type="checkbox"]:checked::after { transform:translateX(16px); }
.vm-admin-money-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.vm-admin-money-grid label { display:grid; gap:6px; color:#40485a; font-size:10px; font-weight:650; }
.vm-admin-money-grid input { min-height:42px; padding:9px 11px; border:1px solid var(--vm-line-strong); border-radius:8px; background:#fff; }
.vm-admin-note { margin-top:18px; padding-top:14px; border-top:1px solid var(--vm-line); }
.vm-admin-note strong { color:var(--vm-navy); font-size:11px; }
.vm-admin-note p { margin:4px 0 0; max-width:680px; color:var(--vm-muted); font-size:10px; line-height:1.55; }

@media (max-width: 760px) {
  .vm-admin-review-row { grid-template-columns:1fr; align-items:start; }
  .vm-admin-review-actions { justify-content:flex-start; }
  .vm-admin-money-grid { grid-template-columns:1fr; }
}
.vm-admin-subhead { margin:20px 0 6px; color:var(--vm-navy); font-size:12px; }


/* v6.18 legal pages, contact inbox and brand network */
.vm-admin-portal .vm-dashboard-kpis { grid-template-columns: repeat(5,minmax(0,1fr)); }
.vm-admin-messages-panel,
.vm-admin-legal-panel,
.vm-admin-brands-panel { scroll-margin-top: calc(var(--vm-sticky-offset, 126px) + 18px); }
.vm-nav-count { margin-left:auto; min-width:19px; height:19px; display:inline-grid; place-items:center; padding:0 5px; border-radius:999px; background:var(--vm-orange); color:#fff; font-size:9px; line-height:1; }
.vm-admin-page-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.vm-admin-inline-control { margin:16px 0; }

.vm-contact-inbox { display:grid; margin-top:14px; border-top:1px solid var(--vm-line); }
.vm-contact-message { border-bottom:1px solid var(--vm-line); }
.vm-contact-message details { padding:0; }
.vm-contact-message summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 0; cursor:pointer; }
.vm-contact-message summary::-webkit-details-marker { display:none; }
.vm-contact-message summary > span { min-width:0; display:grid; gap:4px; }
.vm-contact-message summary strong { color:var(--vm-navy); font-size:12px; line-height:1.35; }
.vm-contact-message summary small { color:var(--vm-muted); font-size:10px; line-height:1.4; }
.vm-contact-message summary > b { flex:0 0 auto; padding:4px 7px; border-radius:999px; background:#f1f3f6; color:#747b89; font-size:9px; }
.vm-contact-message.is-unread summary > b { background:#fff1e8; color:#a64c10; }
.vm-contact-message-body { padding:0 0 16px; }
.vm-contact-sender { display:flex; flex-wrap:wrap; gap:7px 14px; margin:0 0 12px; color:#656d7d; font-size:10px; }
.vm-contact-sender strong { color:var(--vm-navy); }
.vm-contact-copy { max-width:760px; margin-bottom:14px; color:#343a4d; font-size:12px; line-height:1.65; white-space:normal; }
.vm-admin-archive { margin-top:18px; padding-top:14px; border-top:1px solid var(--vm-line); }
.vm-admin-archive > summary { cursor:pointer; color:#687083; font-size:10px; font-weight:650; }

.vm-admin-legal-form,
.vm-admin-brands-form { margin-top:16px; padding:18px; }
.vm-brand-manager { display:grid; margin-bottom:16px; border-top:1px solid var(--vm-line); }
.vm-brand-manager-row { display:grid; grid-template-columns:82px minmax(0,1fr); gap:16px; padding:16px 0; border-bottom:1px solid var(--vm-line); }
.vm-brand-slot { min-height:72px; display:grid; place-items:center; align-content:center; gap:5px; padding:8px; border:1px solid var(--vm-line); border-radius:9px; background:#fafbfc; color:#7a8190; font-size:9px; }
.vm-brand-slot span { font-weight:800; }
.vm-brand-slot b { font-size:10px; }
.vm-brand-slot img { max-width:62px; max-height:46px; width:auto; height:auto; object-fit:contain; }
.vm-brand-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.vm-brand-fields label { display:grid; gap:6px; color:#343a50; font-size:11px; font-weight:650; }
.vm-brand-fields input,
.vm-brand-fields textarea { width:100%; min-height:42px; padding:9px 11px; border:1px solid var(--vm-line-strong); border-radius:8px; background:#fff; color:var(--vm-text); font:inherit; }
.vm-brand-fields textarea { resize:vertical; line-height:1.5; }
.vm-brand-toggles { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.vm-brand-toggles .vm-checkbox { color:#606879; font-size:10px; }

.vm-legal-page { color:#3c4256; font-size:14px; line-height:1.72; }
.vm-legal-page a { color:var(--vm-blue); text-underline-offset:2px; }
.vm-legal-intro { margin-bottom:20px; padding-bottom:18px; border-bottom:1px solid var(--vm-line); }
.vm-legal-intro p { margin:0 0 8px; }
.vm-legal-intro p:last-child { margin-bottom:0; }
.vm-legal-identity { margin:0 0 24px; padding:0; border-top:1px solid var(--vm-line); }
.vm-legal-identity > div { display:grid; grid-template-columns:150px minmax(0,1fr); gap:16px; padding:10px 0; border-bottom:1px solid var(--vm-line); }
.vm-legal-identity dt { color:#6c7484; font-size:11px; font-weight:650; }
.vm-legal-identity dd { margin:0; color:var(--vm-navy); font-size:12px; }
.vm-legal-toc { display:grid; grid-template-columns:1fr 1fr; gap:5px 18px; margin:0 0 28px; padding:16px 0; border-top:1px solid var(--vm-line); border-bottom:1px solid var(--vm-line); }
.vm-legal-toc strong { grid-column:1 / -1; margin-bottom:5px; color:var(--vm-navy); font-size:12px; }
.vm-legal-toc a { color:#5e6677; font-size:11px; text-decoration:none; }
.vm-legal-toc a:hover { color:var(--vm-navy); text-decoration:underline; }
.vm-legal-page section { scroll-margin-top:calc(var(--vm-sticky-offset,126px) + 18px); padding:22px 0 4px; border-top:1px solid var(--vm-line); }
.vm-legal-page section:first-of-type { border-top:0; }
.vm-legal-page section h2 { margin:0 0 9px; color:var(--vm-navy); font-size:20px; letter-spacing:-.25px; }
.vm-legal-page section p { margin:0 0 12px; }
.vm-legal-page section ul { margin:8px 0 14px; padding-left:20px; }
.vm-legal-page section li { margin:0 0 7px; }

.vm-contact-page { max-width:760px; }
.vm-contact-intro { margin-bottom:18px; }
.vm-contact-intro h2 { margin:0 0 7px; color:var(--vm-navy); font-size:22px; }
.vm-contact-intro p { margin:0; color:var(--vm-muted); font-size:13px; line-height:1.6; }
.vm-contact-form { margin-top:16px; padding:20px; }
.vm-contact-privacy { margin:16px 0; color:#61697a !important; font-size:11px !important; }
.vm-contact-footnote { margin:12px 0 0; color:#7b8291; font-size:10px; line-height:1.55; }
.vm-hp-field { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.vm-notice-success { border-color:#cde4d6; background:#f4fbf6; color:#276240; }
.vm-notice-error { border-color:#efc9c2; background:#fff6f4; color:#8d3528; }

.vm-brands-page { color:#3c4256; }
.vm-brands-intro { margin-bottom:22px; }
.vm-brands-intro h2 { margin:0 0 7px; color:var(--vm-navy); font-size:22px; }
.vm-brands-intro p { margin:0; color:var(--vm-muted); font-size:13px; line-height:1.6; }
.vm-brands-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; border-top:1px solid var(--vm-line); }
.vm-brand-card-public { display:grid; grid-template-columns:94px minmax(0,1fr); gap:16px; align-items:start; padding:22px 0; border-bottom:1px solid var(--vm-line); }
.vm-brand-logo-public { min-height:72px; display:grid; place-items:center; padding:10px; border:1px solid var(--vm-line); border-radius:9px; background:#fafbfc; text-decoration:none; }
.vm-brand-logo-public img { max-width:100%; max-height:54px; width:auto; height:auto; object-fit:contain; }
.vm-brand-logo-public span { color:var(--vm-navy); font-size:17px; font-weight:800; }
.vm-brand-card-public h2 { margin:1px 0 6px; font-size:17px; }
.vm-brand-card-public h2 a { color:var(--vm-navy); text-decoration:none; }
.vm-brand-card-public p { margin:0 0 9px; color:#626a7b; font-size:11px; line-height:1.55; }

@media (max-width: 1100px) {
  .vm-admin-portal .vm-dashboard-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .vm-admin-portal .vm-dashboard-kpis article:nth-child(3) { border-right:0; }
}
@media (max-width: 760px) {
  .vm-admin-portal .vm-dashboard-kpis { grid-template-columns:1fr 1fr; }
  .vm-brand-manager-row { grid-template-columns:1fr; }
  .vm-brand-slot { width:92px; }
  .vm-brand-fields { grid-template-columns:1fr; }
  .vm-brand-fields .vm-span-2 { grid-column:auto; }
  .vm-brands-grid { grid-template-columns:1fr; }
  .vm-legal-toc { grid-template-columns:1fr; }
  .vm-legal-toc strong { grid-column:auto; }
  .vm-legal-identity > div { grid-template-columns:1fr; gap:3px; }
}
@media (max-width: 520px) {
  .vm-admin-portal .vm-dashboard-kpis { grid-template-columns:1fr; }
  .vm-contact-message summary { align-items:flex-start; }
  .vm-brand-card-public { grid-template-columns:72px minmax(0,1fr); gap:12px; }
}
.vm-contact-secondary { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:16px; padding-top:14px; border-top:1px solid var(--vm-line); }
.vm-contact-secondary > span { color:#687083; font-size:10px; font-weight:650; }
@media (max-width:520px) { .vm-contact-secondary { align-items:flex-start; flex-direction:column; } }
.vm-contact-operator { margin-top:28px; padding-top:22px; border-top:1px solid var(--vm-line); }
.vm-contact-operator h2 { margin:0 0 12px; color:var(--vm-navy); font-size:18px; }
.vm-contact-operator .vm-legal-identity { margin-bottom:0; }

/* Vacaturemarkt 6.20 — WordPress beheer, eenvoudiger werkgeversdashboard en mobiele veiligheid */
.vm-device-gate { display:flex; align-items:flex-start; gap:14px; padding:18px; border:1px solid #f4c7ad; border-radius:12px; background:#fff8f3; color:var(--vm-text); }
.vm-device-gate > span { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:10px; background:#fff; color:var(--vm-orange); font-weight:800; }
.vm-device-gate strong { display:block; color:var(--vm-navy); font-size:14px; }
.vm-device-gate p { margin:5px 0 0; color:var(--vm-muted); font-size:12px; line-height:1.6; }
.vm-device-gate-mobile-only { display:none; margin-bottom:16px; }
.vm-employer-device-note { display:flex; align-items:center; gap:10px; margin-top:16px; padding-top:14px; border-top:1px solid var(--vm-line); color:var(--vm-muted); font-size:11px; }
.vm-employer-device-note strong { color:var(--vm-navy); }
.vm-employer-simple-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:620px; }
.vm-employer-simple-kpis article:nth-child(2) { border-right:0; }
.vm-upload-help { display:block; margin-top:-3px; color:var(--vm-muted); font-size:9px; line-height:1.4; }
.vm-remove-logo { margin-top:2px !important; font-size:10px !important; }
.vm-company-team-panel { overflow:hidden; }
.vm-team-list { display:grid; border-top:1px solid var(--vm-line); }
.vm-team-list article { min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:11px; align-items:center; padding:12px 0; border-bottom:1px solid var(--vm-line); }
.vm-team-avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; background:var(--vm-surface-2); color:var(--vm-navy); font-size:12px; font-weight:750; }
.vm-team-list article > div:nth-child(2) { min-width:0; }
.vm-team-list strong,.vm-team-list small { display:block; min-width:0; overflow-wrap:anywhere; }
.vm-team-list strong { color:var(--vm-navy); font-size:12px; }
.vm-team-list small { margin-top:3px; color:var(--vm-muted); font-size:10px; }
.vm-team-add { margin-top:16px; padding-top:14px; border-top:1px solid var(--vm-line); }
.vm-team-add > label { display:grid; gap:7px; color:var(--vm-navy); font-size:11px; font-weight:650; }
.vm-team-add > label > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.vm-team-add input { width:100%; min-width:0; }
.vm-team-add small { color:var(--vm-muted); font-size:9px; font-weight:400; line-height:1.5; }

/* Contactformulier v2 */
.vm-contact-page-v2 { max-width:820px; }
.vm-contact-kicker { display:block; margin-bottom:5px; color:var(--vm-orange); font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.vm-contact-form-v2 { padding:0; overflow:hidden; }
.vm-contact-form-section { padding:19px 20px; border-bottom:1px solid var(--vm-line); }
.vm-contact-section-title { display:flex; gap:10px; align-items:flex-start; margin-bottom:14px; }
.vm-contact-section-title > span { width:25px; height:25px; flex:0 0 25px; display:grid; place-items:center; border-radius:8px; background:var(--vm-orange-soft); color:var(--vm-orange); font-size:10px; font-weight:800; }
.vm-contact-section-title strong,.vm-contact-section-title small { display:block; }
.vm-contact-section-title strong { color:var(--vm-navy); font-size:12px; }
.vm-contact-section-title small { margin-top:3px; color:var(--vm-muted); font-size:10px; font-weight:400; line-height:1.5; }
.vm-contact-submit-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:17px 20px; }
.vm-contact-submit-row .vm-contact-privacy { margin:0; max-width:560px; }

/* WordPress admin portal — scoped so normal wp-admin screens stay untouched. */
.vm-wp-admin { max-width:1280px; }
.vm-wp-admin > h1 { margin-bottom:4px; }
.vm-admin-lead { max-width:860px; margin:0 0 22px; color:#646970; font-size:13px; line-height:1.55; }
.vm-wp-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0; }
.vm-wp-kpis article { min-width:0; padding:16px 17px; border:1px solid #dcdcde; border-radius:10px; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.02); }
.vm-wp-kpis strong,.vm-wp-kpis span,.vm-wp-kpis small { display:block; }
.vm-wp-kpis strong { color:#1d2327; font-size:24px; line-height:1.1; }
.vm-wp-kpis span { margin-top:5px; color:#1d2327; font-size:12px; font-weight:650; }
.vm-wp-kpis small { margin-top:5px; color:#646970; font-size:10px; }
.vm-wp-panel,.vm-wp-admin .vm-panel { margin:14px 0; padding:20px; border:1px solid #dcdcde; border-radius:10px; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.02); }
.vm-wp-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:14px; border-bottom:1px solid #eee; }
.vm-wp-panel-head span { display:block; margin-bottom:3px; color:#d85c16; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.vm-wp-panel-head h2 { margin:0 0 5px; font-size:18px; }
.vm-wp-panel-head p { margin:0; color:#646970; font-size:11px; line-height:1.5; }
.vm-wp-panel-head > b { flex:0 0 auto; padding:5px 8px; border-radius:999px; background:#f6f7f7; color:#50575e; font-size:10px; }
.vm-wp-list { display:grid; }
.vm-wp-list article { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid #eee; }
.vm-wp-list article:last-child { border-bottom:0; }
.vm-wp-list article > div:first-child { min-width:0; }
.vm-wp-list strong,.vm-wp-list small { display:block; overflow-wrap:anywhere; }
.vm-wp-list small { margin-top:4px; color:#646970; font-size:10px; }
.vm-wp-actions { display:flex; flex:0 0 auto; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.vm-wp-danger { color:#b32d2e !important; border-color:#dba5a5 !important; }
.vm-wp-empty { padding:18px 0 2px; }
.vm-wp-empty strong { display:block; color:#1d2327; }
.vm-wp-empty p,.vm-wp-muted { color:#646970; }
.vm-wp-controls { display:grid; border-top:1px solid #eee; }
.vm-wp-controls > label { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 0; border-bottom:1px solid #eee; }
.vm-wp-controls strong,.vm-wp-controls small { display:block; }
.vm-wp-controls small { margin-top:3px; color:#646970; font-size:10px; font-weight:400; }
.vm-wp-formgrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0 0; }
.vm-wp-formgrid label { display:grid; gap:6px; color:#1d2327; font-weight:600; }
.vm-wp-formgrid input { width:100%; }
.vm-wp-note { margin-top:18px; padding:13px 14px; border-left:3px solid #ff7723; background:#fff8f3; }
.vm-wp-note strong { color:#1d2327; }
.vm-wp-note p { margin:4px 0 0; color:#646970; font-size:11px; }
.vm-wp-linkgrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:14px; }
.vm-wp-linkgrid a { display:block; min-width:0; padding:14px; border:1px solid #dcdcde; border-radius:9px; background:#fff; text-decoration:none; }
.vm-wp-linkgrid strong,.vm-wp-linkgrid span { display:block; }
.vm-wp-linkgrid strong { color:#1d2327; }
.vm-wp-linkgrid span { margin-top:4px; color:#646970; font-size:10px; }
.vm-wp-admin .vm-brand-logo-controls { display:grid; grid-template-columns:max-content max-content; gap:7px; align-items:center; }
.vm-wp-admin .vm-brand-logo-controls small { grid-column:1/-1; color:#646970; font-weight:400; }
.vm-wp-admin .vm-brand-slot { overflow:hidden; }
.vm-wp-admin .vm-brand-slot img { max-width:100%; max-height:54px; object-fit:contain; }

@media (max-width: 900px) {
  .vm-wp-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vm-wp-linkgrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vm-wp-formgrid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 639px) {
  .vm-device-gate-mobile-only { display:flex; }
  .vm-vacancy-desktop-form { display:none !important; }
}

@media (max-width: 767px) {
  .vm-dashboard-v4,.vm-dashboard-content,.vm-dashboard-sidebar,.vm-panel,.vm-dashboard-hero-v4,.vm-company-editor-layout,.vm-company-editor-fields,.vm-profile-form-v4,.vm-analytics-panel,.vm-analytics-layout,.vm-analytics-card { min-width:0 !important; max-width:100% !important; box-sizing:border-box; }
  .vm-dashboard-content { width:100%; overflow:visible; }
  .vm-dashboard-sidebar { width:100%; overflow:hidden; }
  .vm-dashboard-nav { width:100%; max-width:100%; padding-inline:0; }
  .vm-dashboard-nav a { max-width:none; }
  .vm-dashboard-welcome,.vm-panel-head,.vm-company-editor-head { min-width:0; }
  .vm-dashboard-welcome > div,.vm-panel-head > div,.vm-company-editor-head > div { min-width:0; }
  .vm-dashboard-welcome h2,.vm-panel-head h2,.vm-panel-head p,.vm-company-editor-head p { overflow-wrap:anywhere; }
  .vm-employer-simple-kpis { grid-template-columns:1fr 1fr; max-width:100%; }
  .vm-company-editor-fields { padding:0 14px 16px; }
  .vm-company-editor-head { padding:16px 14px; }
  .vm-company-brand-card { padding:16px 14px; }
  .vm-form-grid { grid-template-columns:1fr !important; }
  .vm-form-grid .vm-span-2 { grid-column:auto !important; }
  .vm-form input,.vm-form select,.vm-form textarea,.vm-team-add input { max-width:100% !important; min-width:0 !important; width:100%; box-sizing:border-box; }
  .vm-profile-savebar { align-items:stretch; flex-direction:column; gap:10px; }
  .vm-profile-savebar .vm-primary { width:100%; }
  .vm-team-list article { grid-template-columns:34px minmax(0,1fr); }
  .vm-team-list article > form { grid-column:2; justify-self:start; }
  .vm-team-add > label > div { grid-template-columns:1fr; }
  .vm-team-add .vm-secondary { width:100%; }
  .vm-analytics-table,.vm-dashboard-table { width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
  .vm-analytics-row,.vm-table-head,.vm-table-row { min-width:640px; }
  .vm-contact-submit-row { align-items:stretch; flex-direction:column; }
  .vm-contact-submit-row .vm-primary { width:100%; }
  .vm-contact-form-section { padding:16px; }
}

@media (max-width: 560px) {
  .vm-employer-simple-kpis { grid-template-columns:1fr; }
  .vm-employer-simple-kpis article { border-right:0; border-bottom:1px solid var(--vm-line); }
  .vm-employer-simple-kpis article:last-child { border-bottom:0; }
  .vm-wp-kpis,.vm-wp-linkgrid,.vm-wp-formgrid { grid-template-columns:1fr; }
  .vm-wp-list article,.vm-wp-panel-head,.vm-wp-controls > label { align-items:flex-start; flex-direction:column; }
  .vm-wp-actions { justify-content:flex-start; }
  .vm-wp-admin .vm-brand-logo-controls { grid-template-columns:1fr; }
  .vm-wp-admin .vm-brand-logo-controls small { grid-column:auto; }
}


/* Vacaturemarkt 6.30 — plans, entitlements and monetization */
.vm-plan-chip { display:inline-flex; align-items:center; min-height:27px; padding:4px 9px; border-radius:999px; background:#edf3ff; color:#214c92; font-size:11px; font-weight:850; white-space:nowrap; }
.vm-plan-summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; margin-top:10px; border-top:1px solid var(--vm-line); border-bottom:1px solid var(--vm-line); }
.vm-plan-summary > div { display:flex; align-items:flex-start; gap:12px; }
.vm-plan-summary strong,.vm-plan-summary p { display:block; }
.vm-plan-summary p { margin:3px 0 0; color:var(--vm-muted); font-size:12px; line-height:1.5; }
.vm-profile-head-actions { display:flex; align-items:center; gap:14px; }
.vm-premium-lock,.vm-candidate-paywall { padding:24px; border:1px dashed #cbd3dd; border-radius:12px; background:#fafbfd; }
.vm-premium-lock h3,.vm-candidate-paywall h2 { margin:0 0 7px; color:var(--vm-navy); }
.vm-premium-lock p,.vm-candidate-paywall p { color:var(--vm-muted); }
.vm-pricing-page { max-width:1120px; margin:0 auto; }
.vm-pricing-intro { max-width:720px; margin:0 auto 30px; text-align:center; }
.vm-pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
.vm-pricing-card { display:flex; flex-direction:column; min-width:0; padding:26px; border:1px solid #dde3e8; border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(18,35,57,.045); }
.vm-pricing-card.is-featured { border-color:#aebed2; box-shadow:0 18px 44px rgba(18,35,57,.09); }
.vm-pricing-card h3 { margin:8px 0 3px; font-size:24px; color:var(--vm-navy); }
.vm-pricing-price { margin:12px 0 18px; font-size:32px; font-weight:850; color:var(--vm-navy); }
.vm-pricing-price small { font-size:12px; color:var(--vm-muted); font-weight:650; }
.vm-pricing-features { flex:1; margin:0 0 22px; padding:0; list-style:none; }
.vm-pricing-features li { padding:8px 0; border-bottom:1px solid #edf0f2; font-size:13px; }
.vm-pricing-card form { display:grid; gap:8px; }
.vm-pricing-card .vm-primary,.vm-pricing-card .vm-secondary { width:100%; justify-content:center; }
.vm-pricing-foot { margin:24px auto 0; max-width:780px; color:var(--vm-muted); text-align:center; font-size:12px; line-height:1.6; }
.vm-candidate-preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:20px; }
.vm-candidate-preview { padding:16px; border:1px solid var(--vm-line); border-radius:10px; background:#fff; }
.vm-candidate-preview strong,.vm-candidate-preview span { display:block; }
.vm-candidate-preview span { margin-top:4px; color:var(--vm-muted); font-size:12px; }
.vm-analytics-upgrade { margin-top:18px; padding:18px; border-top:1px solid var(--vm-line); background:#fafbfd; }
.vm-wp-formgrid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.vm-wp-formgrid-4 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.vm-admin-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.vm-admin-plan-card { padding:18px; border:1px solid #dcdcde; border-radius:10px; background:#fff; }
.vm-admin-plan-card h3 { margin-top:0; }
.vm-wp-feature-checks { display:flex; flex-wrap:wrap; gap:10px 18px; padding:10px 0; }
.vm-wp-feature-checks label { font-weight:600; }
@media (max-width:900px) { .vm-pricing-grid { grid-template-columns:1fr; } .vm-candidate-preview-grid { grid-template-columns:1fr; } .vm-admin-plan-grid,.vm-wp-formgrid-4 { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .vm-plan-summary { align-items:flex-start; flex-direction:column; } .vm-profile-head-actions { align-items:flex-end; flex-direction:column; } .vm-admin-plan-grid,.vm-wp-formgrid-4,.vm-wp-formgrid-2 { grid-template-columns:1fr; } }


/* Pricing shortcode uses vm-price-* class names. */
.vm-pricing-hero { max-width:760px; margin:0 auto 34px; text-align:center; }
.vm-pricing-hero h1 { margin:7px 0 12px; color:var(--vm-navy); font-size:clamp(34px,5vw,54px); line-height:1.04; }
.vm-pricing-hero > p:last-child { margin:0; color:var(--vm-muted); font-size:16px; line-height:1.65; }
.vm-price-card { display:flex; flex-direction:column; min-width:0; padding:26px; border:1px solid #dde3e8; border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(18,35,57,.045); }
.vm-price-card.is-popular { border-color:#9bafc7; box-shadow:0 18px 44px rgba(18,35,57,.09); transform:translateY(-4px); }
.vm-price-card.is-current { outline:2px solid rgba(34,83,146,.12); }
.vm-price-card-top > span { display:inline-flex; min-height:25px; align-items:center; padding:3px 8px; border-radius:999px; background:#f0f3f7; color:#57687b; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.04em; }
.vm-price-card h2 { margin:12px 0 3px; color:var(--vm-navy); font-size:27px; }
.vm-price { display:flex; align-items:baseline; gap:7px; margin-top:13px; }
.vm-price strong { color:var(--vm-navy); font-size:33px; line-height:1; }
.vm-price small,.vm-year-price { color:var(--vm-muted); font-size:12px; }
.vm-year-price { margin:7px 0 0; }
.vm-price-card > ul { flex:1; margin:22px 0; padding:0; list-style:none; border-top:1px solid #edf0f2; }
.vm-price-card > ul li { position:relative; padding:10px 0 10px 22px; border-bottom:1px solid #edf0f2; color:#405064; font-size:13px; line-height:1.45; }
.vm-price-card > ul li:before { content:'✓'; position:absolute; left:0; color:#18764a; font-weight:900; }
.vm-price-actions { display:grid; gap:8px; }
.vm-price-actions form { margin:0; }
.vm-price-actions .vm-primary,.vm-price-actions .vm-secondary { width:100%; justify-content:center; }
.vm-current-plan { display:block; padding:11px 13px; border-radius:8px; background:#f5f7f9; color:#536376; text-align:center; font-size:12px; font-weight:750; }
.vm-addon-strip { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:26px; padding:24px 26px; border:1px solid #dde3e8; border-radius:14px; background:#fff; }
.vm-addon-strip h2 { margin:4px 0 6px; color:var(--vm-navy); }
.vm-addon-strip p { margin:0; color:var(--vm-muted); }
.vm-addon-strip > strong { white-space:nowrap; color:var(--vm-navy); font-size:28px; }
.vm-addon-strip > strong small { display:block; margin-top:4px; color:var(--vm-muted); font-size:11px; text-align:right; }
.vm-pricing-footnote { margin:22px auto 0; max-width:800px; color:var(--vm-muted); text-align:center; font-size:12px; line-height:1.6; }
.vm-locked-searchbar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) auto; gap:8px; align-items:center; margin:20px 0; padding:12px; border:1px dashed #c9d1da; border-radius:10px; background:#fff; color:#7a8794; font-size:12px; }
.vm-locked-searchbar span { padding:9px; border:1px solid #edf0f2; border-radius:7px; }
.vm-locked-searchbar b { padding:9px; color:#46566a; }
.vm-preview-results .is-locked { opacity:.88; }
.vm-premium-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:22px; padding:20px 0 0; border-top:1px solid var(--vm-line); }
.vm-premium-cta p { margin:4px 0 0; }
@media (max-width:700px) {
 .vm-price-card.is-popular { transform:none; }
 .vm-addon-strip,.vm-premium-cta { align-items:flex-start; flex-direction:column; }
 .vm-locked-searchbar { grid-template-columns:1fr 1fr; }
 .vm-locked-searchbar b { grid-column:1/-1; }
}

/* Vacaturemarkt Core 6.31 — honest package comparison */
.vm-price-card > ul.vm-price-feature-list { margin:22px 0; padding:0; list-style:none; border-top:1px solid #edf0f2; }
.vm-price-card > ul.vm-price-feature-list li {
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:7px;
  align-items:start;
  padding:10px 0;
  border-bottom:1px solid #edf0f2;
  font-size:13px;
  line-height:1.45;
}
.vm-price-card > ul.vm-price-feature-list li::before { content:none; }
.vm-price-feature-icon { font-weight:900; line-height:1.45; }
.vm-price-feature-list .is-included { color:#405064; }
.vm-price-feature-list .is-included .vm-price-feature-icon { color:#18764a; }
.vm-price-feature-list .is-unavailable { color:#9aa3af; }
.vm-price-feature-list .is-unavailable .vm-price-feature-icon { color:#9aa3af; }
.vm-price-feature-list .is-unavailable > span:last-child {
  text-decoration:line-through;
  text-decoration-thickness:1px;
  text-decoration-color:#b9c0c9;
}

/* Vacaturemarkt 6.32 — candidate reports, review warnings and moderation dashboard */
.vm-review-warning {
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 34px;
  gap:12px;
  align-items:center;
  margin:14px 0 0;
  padding:14px 15px;
  border:1px solid #f3c5ad;
  border-left:4px solid var(--vm-orange);
  border-radius:10px;
  background:#fff8f3;
  color:#3b4252;
}
.vm-review-warning-icon,
.vm-employer-review-icon {
  width:34px;height:34px;display:grid;place-items:center;border-radius:50%;
  background:var(--vm-orange-soft);color:#b54b13;font-size:18px;font-weight:850;
}
.vm-review-warning-copy { min-width:0; }
.vm-review-warning-copy strong { display:block;color:var(--vm-navy);font-size:12px;line-height:1.35; }
.vm-review-warning-copy span { display:block;margin-top:3px;color:#6c5a50;font-size:10px;line-height:1.5; }
.vm-review-warning-info { position:relative;justify-self:end; }
.vm-review-warning-info > summary {
  width:30px;height:30px;display:grid;place-items:center;border:1px solid #e6b79f;border-radius:50%;
  background:#fff;color:#9e4318;font-size:12px;font-weight:800;cursor:pointer;list-style:none;
}
.vm-review-warning-info > summary::-webkit-details-marker { display:none; }
.vm-review-warning-info > div {
  position:absolute;z-index:30;right:0;top:calc(100% + 8px);width:min(340px,calc(100vw - 42px));
  padding:14px;border:1px solid #eaded7;border-radius:10px;background:#fff;box-shadow:0 14px 38px rgba(22,31,51,.12);
}
.vm-review-warning-info > div strong { color:var(--vm-navy);font-size:11px; }
.vm-review-warning-info > div p { margin:5px 0 0;color:#626b7a;font-size:10px;line-height:1.55; }
.vm-card-review-warning {
  grid-column:1/-1;display:flex;align-items:center;gap:6px;margin-top:8px;padding:7px 9px;border-radius:7px;
  background:#fff5ef;color:#8f431f;font-size:9px;line-height:1.4;
}
.vm-card-review-warning > span { width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;border-radius:50%;background:#ffe3d2;font-weight:850; }
.vm-card-review-warning strong { color:#7f3513; }

.vm-report-feedback { margin-top:14px;padding:11px 13px;border:1px solid #dfe4ea;border-radius:9px;background:#f8f9fb; }
.vm-report-feedback strong,.vm-report-feedback span { display:block; }
.vm-report-feedback strong { color:var(--vm-navy);font-size:11px; }
.vm-report-feedback span { margin-top:2px;color:var(--vm-muted);font-size:10px;line-height:1.5; }
.vm-report-feedback.is-success { border-color:#cfe5d7;background:#f4fbf6; }
.vm-report-feedback.is-error { border-color:#efcbc2;background:#fff6f4; }
.vm-report-control { margin-top:14px;border-top:1px solid var(--vm-line); }
.vm-report-control > summary {
  min-height:48px;display:flex;align-items:center;gap:9px;padding:10px 2px;color:#596274;font-size:11px;font-weight:700;cursor:pointer;list-style:none;
}
.vm-report-control > summary::-webkit-details-marker { display:none; }
.vm-report-control > summary:hover { color:var(--vm-navy); }
.vm-report-flag { width:24px;height:24px;display:grid;place-items:center;border:1px solid #dfe3e8;border-radius:50%;background:#fff;color:#7b8493;font-size:11px;font-weight:850; }
.vm-report-control-arrow { margin-left:auto;color:#8a92a0;font-size:17px;transition:transform .16s ease; }
.vm-report-control[open] .vm-report-control-arrow { transform:rotate(90deg); }
.vm-report-panel { padding:0 0 16px; }
.vm-report-login { padding:14px;border:1px solid var(--vm-line);border-radius:9px;background:#fafbfc; }
.vm-report-login strong { color:var(--vm-navy);font-size:12px; }
.vm-report-login p { margin:4px 0 10px;color:var(--vm-muted);font-size:10px;line-height:1.55; }
.vm-report-form { padding:15px;border:1px solid var(--vm-line);border-radius:10px;background:#fff; }
.vm-report-form-head strong { color:var(--vm-navy);font-size:13px; }
.vm-report-form-head p { margin:3px 0 12px;color:var(--vm-muted);font-size:10px;line-height:1.55; }
.vm-report-reasons { display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.vm-report-reasons label { min-width:0; }
.vm-report-reasons input { position:absolute;opacity:0;pointer-events:none; }
.vm-report-reasons span { min-height:40px;display:flex;align-items:center;padding:8px 10px;border:1px solid #e0e4e9;border-radius:8px;background:#fff;color:#515b6d;font-size:10px;font-weight:620;line-height:1.35;cursor:pointer; }
.vm-report-reasons input:checked + span { border-color:#f0a579;background:#fff5ef;color:#8b3d15;box-shadow:0 0 0 2px rgba(255,119,35,.07); }
.vm-report-details { display:grid;gap:6px;margin-top:12px;color:#3d4658;font-size:10px;font-weight:700; }
.vm-report-details small { color:#8a91a0;font-weight:500; }
.vm-report-details textarea { width:100%;min-height:96px;padding:10px 11px;border:1px solid #dfe3e8;border-radius:9px;background:#fff;color:var(--vm-text);resize:vertical;outline:0; }
.vm-report-details textarea:focus { border-color:#b8c2d3;box-shadow:0 0 0 3px rgba(49,90,168,.07); }
.vm-report-form-actions { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--vm-line); }
.vm-report-form-actions small { max-width:360px;color:#7a8291;font-size:9px;line-height:1.45; }
.vm-report-form-actions .vm-primary { flex:0 0 auto; }

.vm-employer-review-notice {
  display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:start;margin:0 0 16px;padding:17px;
  border:1px solid #f0c4ac;border-left:4px solid var(--vm-orange);border-radius:10px;background:#fff8f3;
}
.vm-employer-review-copy .eyebrow { margin:0 0 3px;color:#a44a1d; }
.vm-employer-review-copy h3 { margin:0;color:var(--vm-navy);font-size:15px; }
.vm-employer-review-copy > p { margin:4px 0 10px;color:#5f6573;font-size:10px;line-height:1.55; }
.vm-employer-review-copy ul { display:grid;gap:5px;margin:0;padding:0;list-style:none; }
.vm-employer-review-copy li { padding:7px 9px;border:1px solid #f2ddd1;border-radius:7px;background:rgba(255,255,255,.72);color:#4e5666;font-size:10px; }
.vm-employer-review-copy li span { display:block;margin-top:2px;color:#8a5b43;font-size:9px; }
.vm-employer-review-copy > small { display:block;margin-top:9px;color:#7b6b62;font-size:9px;line-height:1.5; }
.vm-disabled-action { display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border:1px solid #dfe2e7;border-radius:8px;background:#f4f5f7;color:#8a909b;font-size:9px;font-weight:700;cursor:not-allowed; }

.vm-report-admin-kpis { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0; }
.vm-report-admin-kpis article { padding:16px;border:1px solid #dcdcde;border-radius:10px;background:#fff; }
.vm-report-admin-kpis strong,.vm-report-admin-kpis span { display:block; }
.vm-report-admin-kpis strong { color:#172033;font-size:24px;line-height:1; }
.vm-report-admin-kpis span { margin-top:6px;color:#646970;font-size:11px; }
.vm-report-admin-filters { display:flex;align-items:end;gap:10px;margin:0 0 14px; }
.vm-report-admin-filters label { display:grid;gap:5px;color:#3c434a;font-size:11px;font-weight:600; }
.vm-report-admin-filters select { min-width:180px; }
.vm-report-admin-panel { padding:0 !important;overflow:hidden; }
.vm-report-admin-list { display:grid; }
.vm-report-admin-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:18px 20px;border-bottom:1px solid #e6e7ea; }
.vm-report-admin-row:last-child { border-bottom:0; }
.vm-report-admin-title { display:flex;flex-wrap:wrap;gap:6px;align-items:center; }
.vm-report-status,.vm-report-review-chip { display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:750; }
.vm-report-status { background:#f1f2f4;color:#5f6673; }
.vm-report-status.is-new { background:#fff3ea;color:#9b4518; }
.vm-report-status.is-investigating { background:#eef3ff;color:#315aa8; }
.vm-report-status.is-resolved { background:#edf8f1;color:#247052; }
.vm-report-status.is-dismissed { background:#f2f2f2;color:#777; }
.vm-report-review-chip { border:1px solid #f1c0a5;background:#fff8f3;color:#9b4518; }
.vm-report-admin-main h2 { margin:7px 0 3px;color:#172033;font-size:15px; }
.vm-report-admin-meta { margin:0;color:#777;font-size:10px; }
.vm-report-admin-reason { display:grid;gap:3px;margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#f8f9fa; }
.vm-report-admin-reason strong { color:#333;font-size:11px; }
.vm-report-admin-reason span { color:#626a75;font-size:10px;line-height:1.5;white-space:pre-wrap; }
.vm-report-admin-links { display:flex;flex-wrap:wrap;gap:12px;margin-top:10px; }
.vm-report-admin-links a { font-size:10px;text-decoration:none; }
.vm-report-admin-actions { display:flex;flex-wrap:wrap;align-content:start;justify-content:flex-end;gap:6px; }
.vm-report-admin-actions form { margin:0; }

@media (max-width: 900px) {
  .vm-report-admin-kpis { grid-template-columns:1fr 1fr; }
  .vm-report-admin-row { grid-template-columns:1fr; }
  .vm-report-admin-actions { justify-content:flex-start; }
}
@media (max-width: 700px) {
  .vm-review-warning { grid-template-columns:32px minmax(0,1fr) 30px;padding:12px;gap:9px; }
  .vm-review-warning-icon { width:30px;height:30px;font-size:15px; }
  .vm-review-warning-copy strong { font-size:11px; }
  .vm-review-warning-copy span { font-size:9px; }
  .vm-report-reasons { grid-template-columns:1fr; }
  .vm-report-form-actions { align-items:stretch;flex-direction:column; }
  .vm-report-form-actions .vm-primary { width:100%; }
  .vm-employer-review-notice { grid-template-columns:34px minmax(0,1fr);padding:14px; }
  .vm-employer-review-notice > .vm-secondary { grid-column:2;justify-self:start; }
  .vm-employer-review-icon { width:32px;height:32px; }
  .vm-report-admin-kpis { grid-template-columns:1fr 1fr; }
  .vm-report-admin-filters { align-items:stretch;flex-direction:column; }
  .vm-report-admin-filters label,.vm-report-admin-filters select,.vm-report-admin-filters .button { width:100%; }
}

.vm-job-card.is-under-review {
  border-color:#efc8b3;
  box-shadow:inset 3px 0 0 var(--vm-orange);
}
.vm-job-card-home.is-under-review { background:#fffaf7; }
.vm-home-review-mini {
  display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:999px;
  background:#fff0e6;color:#974117;font-size:9px;font-weight:800;white-space:nowrap;
}
.vm-brand-slot img {
  width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;padding:0;transform:scale(1.06);
}
.vm-review-search-badge {
  display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;
  background:#fff0e6;color:#984218;font-size:9px;font-weight:800;white-space:nowrap;
}

/* Accessible focus treatment for report reason choices. */
.vm-report-reasons label { position: relative; }
.vm-report-reasons input:focus-visible + span {
  outline: 3px solid rgba(37, 99, 235, .20);
  outline-offset: 2px;
}

/* Vacaturemarkt 6.33 — organization-specific registration, pricing and vacancy transparency */
.vm-org-registration-field { display:grid; gap:9px; }
.vm-field-title { color:#4c5668; font-size:11px; font-weight:750; }
.vm-org-type-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.vm-org-type-card { position:relative; display:block; cursor:pointer; }
.vm-org-type-card input { position:absolute; opacity:0; pointer-events:none; }
.vm-org-type-card > span { min-height:72px; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:12px 13px; border:1px solid #dde2e8; border-radius:10px; background:#fff; transition:border-color .15s ease,box-shadow .15s ease,background .15s ease; }
.vm-org-type-card strong,.vm-org-type-card b { color:var(--vm-navy); font-size:11px; line-height:1.3; }
.vm-org-type-card small { color:var(--vm-muted); font-size:9px; line-height:1.45; }
.vm-org-type-card input:checked + span { border-color:#f2a16f; background:#fff8f3; box-shadow:0 0 0 2px rgba(255,119,35,.08); }
.vm-org-type-card input:focus-visible + span { outline:3px solid rgba(49,90,168,.16); outline-offset:2px; }
.vm-org-readonly { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:10px; padding:12px 13px; border:1px solid #dfe4e9; border-radius:9px; background:#f8fafc; }
.vm-org-readonly b { color:var(--vm-navy); font-size:11px; }
.vm-org-readonly span { color:#687386; font-size:9px; text-align:right; }
.vm-pricing-audience-tabs { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 14px; }
.vm-pricing-audience-tabs a { min-height:36px; display:inline-flex; align-items:center; padding:0 11px; border:1px solid #dfe3e8; border-radius:999px; background:#fff; color:#566175; font-size:10px; font-weight:700; text-decoration:none; }
.vm-pricing-audience-tabs a.is-active { border-color:var(--vm-navy); background:var(--vm-navy); color:#fff; }
.vm-pricing-audience-note { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:20px; padding:13px 0; border-top:1px solid var(--vm-line); border-bottom:1px solid var(--vm-line); }
.vm-pricing-audience-note strong { color:var(--vm-navy); font-size:12px; }
.vm-pricing-audience-note span { max-width:620px; color:var(--vm-muted); font-size:10px; line-height:1.55; text-align:right; }
.vm-urgent-mini { display:inline-flex; align-items:center; min-height:20px; padding:2px 6px; border-radius:999px; background:#fff0e6; color:#a44817; font-size:8px; }
.vm-org-pricing-admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:12px; }
.vm-org-pricing-admin-card { padding:16px; border:1px solid #dcdcde; border-radius:10px; background:#fff; }
.vm-org-pricing-admin-card h3 { margin:0 0 12px; }
.vm-org-pricing-admin-card .vm-settings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.vm-addon-strip { border-radius:10px; box-shadow:none; }
@media(max-width:700px){
  .vm-org-type-grid { grid-template-columns:1fr; }
  .vm-org-readonly,.vm-pricing-audience-note { align-items:flex-start; flex-direction:column; }
  .vm-org-readonly span,.vm-pricing-audience-note span { text-align:left; }
  .vm-org-pricing-admin-grid { grid-template-columns:1fr; }
}
.vm-org-dashboard-focus { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; margin-top:14px; padding:14px 0; border-top:1px solid var(--vm-line); border-bottom:1px solid var(--vm-line); }
.vm-org-dashboard-focus strong,.vm-org-dashboard-focus span { display:block; }
.vm-org-dashboard-focus strong { color:var(--vm-navy); font-size:11px; }
.vm-org-dashboard-focus span { margin-top:3px; color:var(--vm-muted); font-size:9px; }
.vm-org-dashboard-focus ul { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px 12px; margin:0; padding:0; list-style:none; color:#536075; font-size:9px; }
@media(max-width:700px){.vm-org-dashboard-focus{grid-template-columns:1fr}.vm-org-dashboard-focus ul{justify-content:flex-start}}

/* Vacaturemarkt 6.34 — announcement bar admin */
.vm-wp-admin .vm-wp-formgrid select,
.vm-wp-admin .vm-wp-formgrid textarea {
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
.vm-wp-admin .vm-wp-formgrid textarea {
  min-height:86px;
  padding:9px 11px;
  resize:vertical;
  line-height:1.5;
}
.vm-wp-admin .vm-wp-formgrid label > small {
  color:#646970;
  font-size:11px;
  font-weight:400;
  line-height:1.45;
}


/* Vacaturemarkt Core 6.35 — announcement status/preview */
.vm-announcement-admin-status{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0;padding:16px 18px;border:1px solid #dfe5eb;border-left-width:4px;border-radius:12px;background:#fff}.vm-announcement-admin-status>div>span{display:block;margin-bottom:2px;color:#768196;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.vm-announcement-admin-status strong{display:block;color:#142038;font-size:15px}.vm-announcement-admin-status p{margin:4px 0 0;color:#677287;font-size:12px;line-height:1.45}.vm-announcement-admin-status--success{border-left-color:#1d8f60}.vm-announcement-admin-status--warning{border-left-color:#ff711f}.vm-announcement-admin-status--muted{border-left-color:#98a2b3}@media(max-width:782px){.vm-announcement-admin-status{align-items:flex-start;flex-direction:column}.vm-announcement-admin-status .button{width:100%;text-align:center}}


/* 6.37 — employer banner editor + Top Employer commerce */
.vm-company-banner-editor{margin-top:14px;padding-top:14px;border-top:1px solid var(--vm-line,#e4e7eb)}
.vm-company-banner-editor-label{display:block;margin-bottom:7px;color:#142038;font-size:12px;font-weight:760}
.vm-company-banner-preview{min-height:86px;display:grid;place-items:center;overflow:hidden;margin-bottom:10px;border:1px solid #dfe4ea;border-radius:10px;background:#f7f9fb;color:#7a8495;font-size:10px;text-align:center}
.vm-company-banner-preview img{width:100%;height:100%;min-height:86px;max-height:112px;object-fit:cover;object-position:center}
.vm-addon-top-employer{align-items:center}
.vm-addon-buy{display:flex;align-items:center;gap:16px;flex:0 0 auto}.vm-addon-buy>strong{white-space:nowrap;color:var(--vm-navy);font-size:26px}.vm-addon-buy>strong small{display:block;margin-top:4px;color:var(--vm-muted);font-size:10px;text-align:right}
.vm-addon-buy form{margin:0}.vm-addon-buy .vm-secondary{white-space:nowrap}
.vm-addon-active{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:999px;background:#eef8f2;color:#276548;font-size:10px;font-weight:700}
@media(max-width:700px){.vm-addon-buy{width:100%;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.vm-addon-buy form,.vm-addon-buy .vm-secondary{width:100%}.vm-company-banner-preview{min-height:72px}}


/* ========================================================================
   Vacaturemarkt 6.38 — richer candidate profiles & targeted promotion UI
   ======================================================================== */
.vm-candidate-profile-layout-v2{display:grid;grid-template-columns:190px minmax(0,1fr);border-top:1px solid var(--vm-line)}
.vm-candidate-media-v2{padding:20px 18px;border-right:1px solid var(--vm-line);background:#fbfcfd;align-self:stretch}
.vm-candidate-photo-v2{width:112px;height:112px;margin:0 auto 13px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--vm-line);border-radius:18px;background:#eef2f6;color:var(--vm-navy);font-size:28px;font-weight:850}
.vm-candidate-photo-v2 img,.vm-cv-result-avatar img,.vm-candidate-detail-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.vm-candidate-media-v2>small{display:block;margin:7px 0 12px;color:var(--vm-muted);font-size:9px;line-height:1.45;text-align:center}
.vm-candidate-searchable-box-v2{margin-top:16px;padding-top:14px;border-top:1px solid var(--vm-line)}
.vm-candidate-searchable-box-v2 small{display:block;margin-top:6px;color:var(--vm-muted);font-size:9px;line-height:1.5}
.vm-candidate-profile-fields-v2{min-width:0;padding:0 22px 22px}
.vm-candidate-doc-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vm-candidate-doc-v2{display:grid;gap:8px;padding:14px;border:1px solid var(--vm-line);border-radius:12px;background:#fff}
.vm-candidate-doc-v2>strong{color:var(--vm-navy);font-size:12px}
.vm-candidate-doc-v2>span{min-height:30px;color:var(--vm-muted);font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.vm-candidate-links-v2>div,.vm-candidate-documents-v2{display:grid;gap:7px}
.vm-candidate-links-v2 a,.vm-candidate-documents-v2 a{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:8px 10px;border:1px solid var(--vm-line);border-radius:9px;background:#fff;color:var(--vm-blue);font-size:10px;font-weight:700;text-decoration:none}
.vm-candidate-links-v2 a:hover,.vm-candidate-documents-v2 a:hover{border-color:#cbd4df;background:#fafbfc}
.vm-cv-result-avatar,.vm-candidate-detail-avatar{overflow:hidden}
.vm-targeted-promo-menu{position:relative;width:100%}
.vm-targeted-promo-menu>summary{list-style:none;cursor:pointer;color:var(--vm-blue);font-size:10px;font-weight:720}
.vm-targeted-promo-menu>summary::-webkit-details-marker{display:none}
.vm-targeted-promo-menu>summary:after{content:' ▾';color:#7c8798}
.vm-targeted-promo-menu[open]>summary:after{content:' ▴'}
.vm-targeted-promo-menu>div{display:grid;gap:5px;margin-top:7px;padding:8px;border:1px solid var(--vm-line);border-radius:10px;background:#fff}
.vm-targeted-promo-menu .vm-link-button{text-align:left;line-height:1.4}

@media(max-width:760px){
  .vm-candidate-profile-layout-v2{grid-template-columns:1fr}
  .vm-candidate-media-v2{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px 13px;align-items:center;padding:16px 14px;border-right:0;border-bottom:1px solid var(--vm-line)}
  .vm-candidate-photo-v2{grid-row:1 / span 3;width:76px;height:76px;margin:0;border-radius:14px}
  .vm-candidate-media-v2>.vm-file-button{width:auto}
  .vm-candidate-media-v2>small{text-align:left;margin:0}
  .vm-candidate-searchable-box-v2{grid-column:1 / -1;margin-top:5px;padding-top:12px}
  .vm-candidate-profile-fields-v2{padding:0 14px 16px}
  .vm-candidate-doc-grid-v2{grid-template-columns:1fr}
}


/* 6.40 — live unique company name / @handle feedback */
.vm-company-name-field{min-width:0;display:flex;flex-direction:column;gap:6px}.vm-company-name-field>label{margin:0;color:var(--vm-navy);font-size:11px;font-weight:700}.vm-company-name-control{display:grid;gap:6px;position:static}.vm-company-name-control input{width:100%;padding-right:12px!important}.vm-company-name-state{position:static;transform:none;min-height:18px;display:inline-flex;align-items:center;gap:6px;color:var(--vm-muted);font-size:9px;font-weight:760;line-height:1.35;white-space:normal}.vm-company-name-state:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#9ca4b2}.vm-company-name-state.is-checking:before{background:#d18b26}.vm-company-name-state.is-available{color:#18754b}.vm-company-name-state.is-available:before{background:#22a06b}.vm-company-name-state.is-taken{color:#a83c35}.vm-company-name-state.is-taken:before{background:#d9544d}.vm-company-handle-preview{display:flex;align-items:baseline;gap:6px;color:var(--vm-muted);font-size:9px}.vm-company-handle-preview strong{color:var(--vm-navy);font-size:11px;font-weight:760}.vm-company-handle-preview b{font:inherit}.vm-company-name-field>small{color:var(--vm-muted);font-size:9px;line-height:1.45}
@media(max-width:620px){.vm-company-name-control input{padding-right:12px!important}.vm-company-name-state{position:static;transform:none;margin-top:6px}.vm-company-name-control{display:flex;flex-direction:column}.vm-company-handle-preview{font-size:10px}.vm-company-handle-preview strong{font-size:12px}}


/* Vacaturemarkt 6.43 — expanded administrator control center */
.vm-admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.vm-admin-kpi-grid article{padding:18px;border:1px solid #dcdcde;border-radius:10px;background:#fff}.vm-admin-kpi-grid span,.vm-admin-kpi-grid small{display:block;color:#646970}.vm-admin-kpi-grid span{font-size:11px;font-weight:700}.vm-admin-kpi-grid strong{display:block;margin:5px 0;color:#1d2327;font-size:28px;line-height:1}.vm-admin-kpi-grid small{font-size:10px}.vm-admin-hub-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e2e4e7}.vm-admin-hub-links a{position:relative;display:grid;gap:4px;padding:16px 38px 16px 2px;border-bottom:1px solid #e2e4e7;color:#1d2327;text-decoration:none}.vm-admin-hub-links a:nth-child(odd){border-right:1px solid #e2e4e7;padding-right:46px}.vm-admin-hub-links a:nth-child(even){padding-left:18px}.vm-admin-hub-links strong{font-size:13px}.vm-admin-hub-links span{color:#646970;font-size:11px;line-height:1.45}.vm-admin-hub-links b{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#2271b1;font-size:18px}.vm-admin-company-filters{display:grid;grid-template-columns:minmax(240px,1fr) 180px 150px 170px auto auto;gap:10px;align-items:end}.vm-admin-company-filters label{display:grid;gap:5px;font-size:11px;font-weight:650}.vm-admin-company-filters input,.vm-admin-company-filters select{width:100%;min-height:38px}.vm-admin-company-count{margin:16px 0 8px;color:#646970}.vm-admin-company-table-wrap{overflow:auto}.vm-admin-company-table td,.vm-admin-company-table th{vertical-align:middle}.vm-admin-company-table td:first-child strong,.vm-admin-company-table td:first-child small{display:block}.vm-admin-company-table td:first-child small{margin-top:3px;color:#646970}.vm-admin-state{display:inline-flex;margin:2px 4px 2px 0;padding:3px 7px;border-radius:999px;background:#f0f0f1;color:#50575e;font-size:10px;font-weight:700}.vm-admin-state.is-review{background:#fff0e5;color:#a6470e}.vm-admin-state.is-verified{background:#e9f7ef;color:#18754b}.vm-admin-state.is-publish{background:#eaf2fb;color:#1d5f99}.vm-admin-company-editor-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.7fr);gap:18px;align-items:start}.vm-admin-company-editor-grid aside{display:grid;gap:18px}.vm-admin-handle-input{display:flex;align-items:center;border:1px solid #8c8f94;border-radius:4px;background:#fff;overflow:hidden}.vm-admin-handle-input span{padding:0 0 0 10px;color:#646970;font-weight:700}.vm-admin-handle-input input{border:0!important;box-shadow:none!important;flex:1}.vm-admin-company-status-card{display:grid;gap:6px;padding:14px 0;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7}.vm-admin-company-status-card strong{font-size:14px}.vm-admin-company-status-card span,.vm-admin-company-status-card p{margin:0;color:#646970;font-size:11px;line-height:1.5}.vm-admin-company-status-card.is-review strong{color:#b04a12}.vm-admin-company-status-card .button{justify-self:start;margin-top:5px}.vm-admin-team-list{border-top:1px solid #e2e4e7}.vm-admin-team-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #e2e4e7}.vm-admin-team-list span strong,.vm-admin-team-list span small{display:block}.vm-admin-team-list span strong{font-size:11px}.vm-admin-team-list span small{margin-top:2px;color:#646970;font-size:10px}.vm-admin-team-add{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:14px}.vm-admin-team-add label{display:grid;gap:5px;font-size:11px;font-weight:650}.vm-admin-team-add input{width:100%;min-height:36px}
@media(max-width:1180px){.vm-admin-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vm-admin-company-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-admin-company-editor-grid{grid-template-columns:1fr}}@media(max-width:782px){.vm-admin-kpi-grid,.vm-admin-hub-links{grid-template-columns:1fr}.vm-admin-hub-links a:nth-child(odd){border-right:0}.vm-admin-hub-links a:nth-child(even){padding-left:2px}.vm-admin-company-filters{grid-template-columns:1fr}.vm-admin-team-add{grid-template-columns:1fr}}


/* Vacaturemarkt 6.44 — 31-day employer transition to paid packages */
.vm-plan-chip-transition{background:#fff0e5!important;color:#a94c15!important;border-color:#ffd0b2!important}
.vm-paid-transition-panel{margin-top:18px;padding:22px 0;border-top:1px solid var(--vm-line);border-bottom:1px solid var(--vm-line)}
.vm-paid-transition-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.vm-paid-transition-head>div{max-width:760px}
.vm-paid-transition-head h3{margin:3px 0 7px;color:var(--vm-navy);font-size:22px;line-height:1.2;letter-spacing:-.35px}
.vm-paid-transition-head p:not(.eyebrow){margin:0;color:var(--vm-muted);font-size:12px;line-height:1.65}
.vm-transition-countdown{width:82px;height:72px;flex:0 0 82px;display:grid;place-items:center;align-content:center;border-radius:14px;background:#fff7f1;color:var(--vm-orange-hover);font-size:26px;font-weight:850;line-height:1}
.vm-transition-countdown small{margin-top:4px;color:#8e684f;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.vm-transition-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.vm-transition-plan{min-width:0;padding:18px;border:1px solid #dfe4ea;border-radius:14px;background:#fff}
.vm-transition-plan.is-recommended{border-color:#ffc39d;box-shadow:0 8px 22px rgba(255,119,35,.07)}
.vm-transition-plan-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--vm-line)}
.vm-transition-plan-title span{display:block;margin-bottom:3px;color:#7a8494;font-size:9px;font-weight:740;text-transform:uppercase;letter-spacing:.04em}
.vm-transition-plan-title h4{margin:0;color:var(--vm-navy);font-size:18px}
.vm-transition-plan-title>strong{color:var(--vm-navy);font-size:18px;white-space:nowrap}
.vm-transition-plan-title>strong small{margin-left:2px;color:var(--vm-muted);font-size:9px;font-weight:650}
.vm-transition-plan ul{margin:12px 0 16px;padding:0;list-style:none}
.vm-transition-plan li{display:flex;gap:7px;padding:6px 0;color:#536075;font-size:10px;line-height:1.45}
.vm-transition-plan li>span{width:14px;flex:0 0 14px;font-weight:850}
.vm-transition-plan li.is-included>span{color:#27805c}.vm-transition-plan li.is-unavailable{color:#959dac;text-decoration:line-through}.vm-transition-plan li.is-unavailable>span{color:#a3aab6}
.vm-transition-plan-actions{display:grid;gap:8px}.vm-transition-plan-actions form{margin:0}.vm-transition-plan-actions .vm-primary,.vm-transition-plan-actions .vm-secondary{width:100%;justify-content:center;min-height:40px}
.vm-transition-plan-actions .vm-text-link{color:var(--vm-blue);font-size:9px;font-weight:700;text-decoration:none;text-align:center}
.vm-transition-footnote{margin:14px 0 0;color:#7b8595;font-size:10px;line-height:1.55}
@media(max-width:900px){.vm-transition-plan-grid{grid-template-columns:1fr}.vm-paid-transition-head{gap:16px}.vm-transition-countdown{width:72px;height:64px;flex-basis:72px;font-size:23px}}
@media(max-width:560px){.vm-paid-transition-panel{padding:18px 0}.vm-paid-transition-head{display:grid}.vm-transition-countdown{width:auto;height:auto;display:inline-flex;align-items:baseline;justify-content:flex-start;gap:5px;padding:9px 12px;justify-self:start}.vm-transition-countdown small{margin:0}.vm-paid-transition-head h3{font-size:19px}.vm-transition-plan{padding:16px}}


/* Vacaturemarkt 6.46 — security status */
.vm-security-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e1e5ea;border-bottom:1px solid #e1e5ea;margin:18px 0 20px}.vm-security-checks>div{padding:16px 18px 16px 0;border-bottom:1px solid #e1e5ea}.vm-security-checks>div:nth-child(odd){border-right:1px solid #e1e5ea;padding-right:18px}.vm-security-checks>div:nth-child(even){padding-left:18px}.vm-security-checks>div:nth-last-child(-n+2){border-bottom:0}.vm-security-checks strong,.vm-security-checks span{display:block}.vm-security-checks strong{color:#17233c;font-size:13px}.vm-security-checks span{margin-top:4px;color:#69758a;font-size:11px;line-height:1.5}@media(max-width:782px){.vm-security-checks{grid-template-columns:1fr}.vm-security-checks>div,.vm-security-checks>div:nth-child(odd),.vm-security-checks>div:nth-child(even){padding:14px 0;border-right:0;border-bottom:1px solid #e1e5ea}.vm-security-checks>div:nth-last-child(2){border-bottom:1px solid #e1e5ea}.vm-security-checks>div:last-child{border-bottom:0}}