/* ממשק מאצ׳ — חתימות דיגיטליות */
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
}

:root {
  --blue: #001A6E;
  --blue-700: #0A2A8C;
  --gray: #32343D;
  --sky: #2987CD;
  --action: #2987CD;      /* צבע הפעולה: כפתורים ראשיים */
  --wash: #DBECF3;        /* התכלת הרך של ראש העמודים הציבוריים */
  --sky-2: #74ACE3;
  --green: #7ECD8B;
  --line: #E2E7F0;
  --soft: #F0F5FC;
  --bg: #F5F7FB;
  --danger: #C0392B;
  --warn: #A5651A;
  --radius: 12px;
  --shadow: 0 6px 24px rgba(0, 26, 110, .08);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--gray);
  font-family: 'Rubik', 'Segoe UI', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  direction: rtl;
}

a { color: var(--sky); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { color: var(--blue); font-weight: 600; margin: 0 0 12px; }
h1 { font-size: 24px; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }

/* ---------------------------------- שלד ---------------------------------- */
.topbar {
  background: linear-gradient(180deg, var(--wash) 0%, var(--wash) 38%, var(--bg) 100%);
  color: var(--blue);
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  position: sticky;
  top: 0;
  z-index: 30;
}
.topbar .brand { display: flex; align-items: center; gap: 10px; font-weight: 600; }
.topbar .brand svg { width: 76px; height: auto; }
.topbar .brand svg path { fill: var(--blue); }
.topbar .brand span { font-size: 13px; color: #5B7FA8; border-right: 1px solid rgba(0, 26, 110, .16); padding-right: 10px; }
.topbar nav { display: flex; gap: 6px; margin-inline-start: auto; align-items: center; }
.topbar .launcher { margin-inline-start: 4px; }
.topbar nav a {
  color: var(--blue);
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 14px;
}
.topbar nav a:hover { background: rgba(0, 26, 110, .06); text-decoration: none; }
.topbar nav a.active { background: rgba(0, 26, 110, .1); font-weight: 600; }

.wrap { max-width: 1180px; margin: 0 auto; padding: 26px 20px 60px; }
.wrap-narrow { max-width: 760px; }
.page-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; }
.page-head .spacer { margin-inline-start: auto; }
.muted { color: #77808F; font-size: 13.5px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; direction: ltr; unicode-bidi: embed; }

/* --------------------------------- רכיבים -------------------------------- */
.card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px 22px;
  box-shadow: var(--shadow);
  margin-bottom: 18px;
}
.card-tight { padding: 14px 16px; }

.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 9px 20px;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
  background: var(--action);
  color: #fff;
  transition: filter .15s ease, background .15s ease;
}
.btn:hover { filter: brightness(1.12); text-decoration: none; }
.btn:disabled { opacity: .5; cursor: not-allowed; filter: none; }
.btn-secondary { background: #fff; color: var(--blue); border-color: var(--line); }
.btn-secondary:hover { background: var(--soft); }
.btn-ghost { background: transparent; color: var(--blue); }
.btn-danger { background: #fff; color: var(--danger); border-color: #F0C8C3; }
.btn-sm { padding: 5px 14px; font-size: 13.5px; }
.btn-block { width: 100%; justify-content: center; }

.pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 3px 12px;
  font-size: 12.5px;
  font-weight: 500;
  white-space: nowrap;
}
.pill::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.pill-draft { background: #EEF1F6; color: #5A6473; }
.pill-sent { background: #FFF4E5; color: var(--warn); }
.pill-signed { background: #E7F7EA; color: #2C7A3D; }
.pill-void { background: #FBEBE9; color: var(--danger); }
.pill-expired { background: #FBEBE9; color: var(--danger); }

.field { margin-bottom: 14px; }
.field label { display: block; font-size: 13.5px; font-weight: 500; margin-bottom: 5px; color: var(--blue); }
.field .req { color: var(--danger); }
.field .hint { font-size: 12px; color: #8A9099; margin-top: 4px; }
input[type=text], input[type=password], input[type=email], input[type=number], input[type=date], select, textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 10px 12px;
  font: inherit;
  background: #fff;
  color: var(--gray);
}
input:focus, select:focus, textarea:focus { outline: 2px solid var(--sky-2); outline-offset: 1px; border-color: var(--sky); }
textarea { min-height: 90px; resize: vertical; }
textarea.code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; line-height: 1.6; min-height: 320px; direction: ltr; text-align: left; }
.checkbox { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; }

/* iOS Safari מגדיל את התצוגה כשמתמקדים בשדה שהגופן בו קטן מ-16px, והדף "בורח"
   הצידה ולא חוזר. ברוחב נייד כל שדות הקלט עולים ל-16px כדי שזה פשוט לא יקרה. */
@media (max-width: 640px) {
  input[type=text], input[type=password], input[type=email], input[type=number],
  input[type=date], input[type=tel], input[type=search], select, textarea {
    font-size: 16px;
  }
}
.checkbox input { width: 20px; height: 20px; margin-top: 3px; flex: none; accent-color: var(--blue); }

table.list { width: 100%; border-collapse: collapse; }
table.list th {
  text-align: right;
  font-size: 12.5px;
  color: #77808F;
  font-weight: 500;
  padding: 8px 10px;
  border-bottom: 1px solid var(--line);
}
table.list td { padding: 12px 10px; border-bottom: 1px solid var(--line); vertical-align: middle; }
table.list tr:last-child td { border-bottom: 0; }
table.list tr:hover td { background: #FAFCFF; }
table.list .actions { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }

.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 20px; }
.stat { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; }
.stat .n { font-size: 26px; font-weight: 600; color: var(--blue); line-height: 1.2; }
.stat .t { font-size: 13px; color: #77808F; }

.filters { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.filters .chip {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 13.5px;
  color: var(--gray);
}
.filters .chip.active { background: var(--blue); color: #fff; border-color: var(--blue); }
.filters form { margin-inline-start: auto; display: flex; gap: 8px; }
.filters input[type=text] { width: 230px; }

.alert { border-radius: 10px; padding: 11px 16px; font-size: 14px; margin-bottom: 16px; }
.alert-info { background: var(--soft); color: var(--blue); }
.alert-warn { background: #FFF4E5; color: var(--warn); }
.alert-error { background: #FBEBE9; color: var(--danger); }
.alert-ok { background: #E7F7EA; color: #2C7A3D; }

.empty { text-align: center; padding: 40px 20px; color: #77808F; }

/* -------------------------------- העורך -------------------------------- */
.editor { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 20px; align-items: start; }
.editor-form { position: sticky; top: 78px; max-height: calc(100vh - 100px); overflow-y: auto; }
.editor-preview { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 0; overflow: hidden; box-shadow: var(--shadow); }
.editor-preview .preview-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--line);
  background: #FAFCFF;
  font-size: 13px;
  color: #77808F;
}
.editor-preview .doc { max-width: none; padding: 30px 34px 40px; box-shadow: none; border-radius: 0; }
.field-group-title {
  font-size: 12px;
  font-weight: 600;
  color: #77808F;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin: 18px 0 10px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.save-state { font-size: 12.5px; color: #8A9099; }
.save-state.saving { color: var(--sky); }
.save-state.saved { color: #2C7A3D; }
.save-state.error { color: var(--danger); }

.link-box { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.link-box input {
  flex: 1 1 260px;
  background: var(--soft);
  border-color: #CBDBF2;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  direction: ltr;
  text-align: left;
}

.timeline { list-style: none; margin: 0; padding: 0; }
.timeline li { position: relative; padding: 0 22px 16px 0; border-right: 2px solid var(--line); margin-right: 6px; }
.timeline li:last-child { border-right-color: transparent; padding-bottom: 0; }
.timeline li::before {
  content: '';
  position: absolute;
  right: -7px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--sky);
}
.timeline .t-title { font-weight: 500; }
.timeline .t-meta { font-size: 12.5px; color: #8A9099; }

/* ------------------------------ עמוד החתימה ------------------------------ */
.sign-page { background: #EEF2F8; min-height: 100vh; padding-bottom: 120px; overflow-x: hidden; }
.sign-header {
  background: linear-gradient(180deg, var(--wash) 0%, var(--wash) 38%, #EEF2F8 100%);
  color: var(--blue);
  padding: 18px 20px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.sign-header svg { width: 80px; }
.sign-header svg path { fill: var(--blue); }
.sign-header .sub { font-size: 13px; color: #5B7FA8; }
.sign-wrap { max-width: 820px; margin: 0 auto; padding: 18px 12px; }
.sign-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 20px; margin-top: 16px; }
.sign-card h2 { margin-top: 0; }
.pad-wrap { border: 1px dashed #B9C6DA; border-radius: 10px; background: #FBFDFF; position: relative; }
.pad-wrap canvas { width: 100%; height: 180px; display: block; touch-action: none; border-radius: 10px; }
.pad-hint {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A8B4C6;
  font-size: 14px;
  pointer-events: none;
}
.pad-wrap.has-ink .pad-hint { display: none; }
.pad-tools { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
.tabs { display: flex; gap: 6px; margin-bottom: 10px; }
.tab {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 999px;
  padding: 5px 16px;
  font: inherit;
  font-size: 13.5px;
  cursor: pointer;
  color: var(--gray);
}
.tab.active { background: var(--blue); color: #fff; border-color: var(--blue); }
.typed-preview {
  font-family: 'Segoe Script', 'Brush Script MT', cursive;
  font-size: 34px;
  color: #10265E;
  min-height: 70px;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.sticky-cta {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background: #fff;
  border-top: 1px solid var(--line);
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  box-shadow: 0 -6px 20px rgba(0, 26, 110, .07);
  z-index: 20;
}
.sticky-cta .inner { max-width: 820px; margin: 0 auto; display: flex; gap: 12px; align-items: center; }
.sticky-cta .btn { flex: 1; justify-content: center; padding: 13px 20px; font-size: 16px; }

.doc-scroll { max-height: 60vh; overflow-y: auto; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.doc-scroll .doc { box-shadow: none; border-radius: 0; padding: 24px 22px; max-width: none; }

.success-mark {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #E7F7EA;
  color: #2C7A3D;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin: 0 auto 14px;
}

@media (max-width: 900px) {
  .editor { grid-template-columns: 1fr; }
  .editor-form { position: static; max-height: none; }
  .wrap { padding: 18px 14px 50px; }
  /*
   * שורת ניווט אחת שאינה נשברת דוחפת את הדף רחב מהמסך, וכל הדף
   * מתחיל לזוז לצדדים. עם שישה קישורים בפאנל זה קורה מיד, ולכן
   * הניווט נשבר לשורה שנייה במקום להרחיב את המסמך.
   */
  .topbar { padding: 10px 14px; gap: 12px; flex-wrap: wrap; }
  .topbar nav { flex-wrap: wrap; row-gap: 4px; }
  .topbar nav a { padding: 6px 10px; }
  .topbar .brand span { display: none; }
  table.list thead { display: none; }
  table.list tr { display: block; border-bottom: 1px solid var(--line); padding: 10px 0; }
  table.list td { display: block; border: 0; padding: 3px 10px; }
  table.list .actions { justify-content: flex-start; margin-top: 8px; }
}

@media print {
  .topbar, .no-print, .sticky-cta { display: none !important; }
}

/* רשימה חוזרת בטופס העורך (הוספת תפקידים) */
.repeater { display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px; }
.rep-row {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px 14px;
  background: #FAFCFF;
}
.rep-row .field { margin-bottom: 10px; }
.rep-row .field:last-child { margin-bottom: 0; }
.rep-row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--blue);
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--line);
}
.rep-remove {
  border: 0;
  background: transparent;
  color: var(--danger);
  font: inherit;
  font-size: 12.5px;
  cursor: pointer;
  padding: 0;
}
.rep-remove:hover { text-decoration: underline; }

/* עורך העמודות בתבנית */
.col-row {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-bottom: 6px;
}
.col-row input { flex: 1 1 auto; }
.col-row select { flex: 0 0 100px; }

/* אפיון המשרה */
.brief-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0 18px; }
.tag-internal {
  display: inline-block;
  background: #EEF1F6;
  color: #5A6473;
  border-radius: 4px;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 500;
  margin-inline-start: 4px;
}
.progress { height: 6px; border-radius: 999px; background: #E2E7F0; overflow: hidden; }
.progress span { display: block; height: 100%; background: var(--sky); border-radius: 999px; transition: width .3s ease; }

/* ------------------------- תפריט השירותים (9 נקודות) ------------------------ */
.launcher { position: relative; }
.launcher-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  transition: background .15s ease;
}
.launcher-btn:hover, .launcher-btn.open { background: rgba(0, 26, 110, .08); }
.launcher-panel {
  position: absolute;
  top: 46px;
  inset-inline-end: 0;
  width: 300px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 14px 44px rgba(0, 26, 110, .18);
  padding: 16px;
  z-index: 60;
}
.launcher-title { font-size: 12px; font-weight: 600; color: #77808F; letter-spacing: .04em; margin-bottom: 12px; }
.launcher-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.launcher-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding: 12px 6px;
  border-radius: 10px;
  text-align: center;
  color: var(--gray);
}
.launcher-item:hover { background: var(--soft); text-decoration: none; }
.launcher-item.current { background: var(--soft); }
.launcher-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.launcher-icon svg { width: 22px; height: 22px; }
.launcher-name { font-size: 12px; line-height: 1.3; font-weight: 500; }
.launcher-all {
  display: block;
  text-align: center;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  font-size: 13px;
}
.topbar .brand { color: var(--blue); }
.topbar .brand:hover { text-decoration: none; }

/* --------------------------- מסך בחירת השירותים --------------------------- */
.hub { max-width: 900px; margin: 0 auto; padding-top: 26px; }
.hub-title { font-size: 30px; margin-bottom: 6px; }
.hub-sub { color: #77808F; margin-bottom: 28px; }
.service-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
.service-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  color: var(--gray);
  box-shadow: var(--shadow);
  transition: transform .15s ease, box-shadow .15s ease;
}
.service-card:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0, 26, 110, .13); text-decoration: none; }
.service-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.service-icon svg { width: 26px; height: 26px; }
.service-name { font-size: 17px; font-weight: 600; color: var(--blue); }
.service-desc { font-size: 13.5px; color: #77808F; line-height: 1.65; }

/* --------------------------- חשיפת מועמד --------------------------- */
.cand-card { text-align: center; }
.cand-name { font-size: 26px; color: var(--blue); margin: 0 0 4px; }
.cand-meta { font-size: 13px; color: #8A9099; margin-bottom: 12px; }
.cand-tags { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; }
.cand-tag {
  background: var(--soft);
  color: var(--blue);
  border-radius: 999px;
  padding: 4px 14px;
  font-size: 12.5px;
  font-weight: 500;
}
.cand-headline { margin: 14px 0 0; color: #32343D; font-weight: 500; }

.acc {
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin-top: 14px;
  overflow: hidden;
}
.acc summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 20px;
  font-weight: 600;
  color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.acc summary::-webkit-details-marker { display: none; }
.acc-arrow {
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--sky);
  border-bottom: 2px solid var(--sky);
  transform: rotate(45deg);
  transition: transform .2s ease;
  margin-top: -4px;
}
.acc[open] .acc-arrow { transform: rotate(225deg); margin-top: 4px; }
.acc-body { padding: 0 20px 20px; font-size: 15px; line-height: 1.8; }
.acc-body h4 { color: var(--blue); font-size: 14.5px; margin: 18px 0 8px; }
.acc-body ul { margin: 6px 0; padding-inline-start: 18px; }
.acc-body li { margin-bottom: 4px; }
.cv-item { margin-bottom: 14px; }
.cv-item-head { font-weight: 600; color: var(--blue); }
/* טווחי תאריכים כמו "2022-2023" מתהפכים בתוך פסקה RTL. plaintext קובע כיוון
   לפי התו החזק הראשון, ו-ltr הוא הנפילה לשורה שכולה מספרים. */
.cv-item-period { font-size: 13px; color: #8A9099; direction: ltr; unicode-bidi: plaintext; text-align: right; }
.cv-raw { white-space: pre-wrap; font-family: inherit; font-size: 14.5px; line-height: 1.8; margin: 0; }
.chips { display: flex; gap: 6px; flex-wrap: wrap; }
.chip { background: var(--soft); border-radius: 999px; padding: 3px 12px; font-size: 12.5px; }

.modal {
  position: fixed;
  inset: 0;
  background: rgba(9, 20, 48, .55);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 80;
}
.modal[hidden] { display: none; }
.modal-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  width: 100%;
  max-width: 460px;
  box-shadow: 0 20px 60px rgba(0, 26, 110, .3);
}
.modal-card h2 { text-align: center; font-size: 20px; line-height: 1.4; margin-bottom: 18px; }

.redaction-note {
  background: #FFF4E5;
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 13px;
  color: var(--warn);
  margin-bottom: 14px;
}

/* ---------------------------------- משרות ---------------------------------- */
.actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.page-head .actions { flex-wrap: nowrap; }
@media (max-width: 640px) { .page-head .actions { flex-wrap: wrap; } }

.stepper { display: flex; gap: 8px; list-style: none; margin: 0 0 20px; padding: 0; flex-wrap: wrap; }
.stepper .step {
  display: flex; align-items: center; gap: 8px;
  background: #fff; border: 1px solid var(--line); border-radius: 999px;
  padding: 7px 14px 7px 16px; font-size: 13.5px; color: #8A9099;
}
.stepper .step a { display: flex; align-items: center; gap: 8px; color: inherit; }
.stepper .step a:hover { text-decoration: none; }
.stepper .step .step-n {
  width: 22px; height: 22px; border-radius: 50%; background: #EEF1F6; color: #77808F;
  display: flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 600; flex: none;
}
.stepper .step.done { color: var(--blue); border-color: #CBDDF3; }
.stepper .step.done .step-n { background: var(--wash); color: var(--blue); }
.stepper .step.current { background: var(--action); border-color: var(--action); color: #fff; font-weight: 500; }
.stepper .step.current .step-n { background: rgba(255, 255, 255, .25); color: #fff; }

.wizard-nav { display: flex; align-items: center; gap: 10px; margin-top: 16px; }
.wizard-nav .btn:last-child { margin-inline-start: auto; }

.checks { display: flex; flex-wrap: wrap; gap: 8px; }
.checks .check {
  display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
  background: #fff; border: 1px solid var(--line); border-radius: 999px;
  padding: 6px 13px; font-size: 13.5px; color: var(--gray); user-select: none;
}
.checks .check input { width: 15px; height: 15px; accent-color: var(--action); margin: 0; }
.checks .check.on { background: var(--wash); border-color: #9EC9DE; color: var(--blue); font-weight: 500; }
.checks .check.disabled { opacity: .45; cursor: not-allowed; }

/* הכפתור צמוד לתווית השדה, ולא נראה ככפתור ראשי — הוא עזר, לא פעולה */
.field label { display: flex; align-items: center; gap: 8px; }
.btn-improve {
  margin-inline-start: auto; background: none; border: 1px solid var(--line);
  border-radius: 999px; padding: 2px 10px; font: inherit; font-size: 12px;
  color: var(--action); cursor: pointer; font-weight: 500;
}
.btn-improve:hover { background: var(--wash); border-color: #9EC9DE; }
.btn-improve:disabled { opacity: .55; cursor: wait; }
.field-undo { font-size: 12px; color: #8A9099; margin-top: 4px; }
.field-undo button { background: none; border: 0; padding: 0; font: inherit; color: var(--action); cursor: pointer; text-decoration: underline; }

.ai-bar { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.ai-panel { border: 1px solid #CBDDF3; background: #F7FBFE; border-radius: var(--radius); padding: 16px; margin-bottom: 16px; }
.ai-panel h3 { margin-bottom: 4px; }
.ai-field { margin-top: 14px; }
.ai-field-head { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }
.ai-field-head strong { font-size: 13.5px; color: var(--blue); }
.ai-field-head .btn { margin-inline-start: auto; }
.ai-field textarea { background: #fff; font-size: 14px; }
.ai-notes { margin: 12px 0 0; padding-inline-start: 18px; font-size: 13.5px; color: var(--warn); }
.ai-notes li { margin-bottom: 3px; }
.ai-applied { color: #2C7A3D; font-size: 12.5px; }

.checks-search { width: 100%; margin-bottom: 8px; }
.checks-scroll { max-height: 230px; overflow-y: auto; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: #FBFCFE; }
.checks .check.hidden { display: none; }

.media-grid { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.media-item { width: 132px; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: #fff; text-align: center; }
.media-item img { width: 100%; height: 92px; object-fit: contain; background: #FAFCFF; display: block; }
.media-item form { padding: 6px; margin: 0; }
.media-empty {
  width: 132px; height: 92px; border: 1px dashed #B9C6DA; border-radius: 10px;
  display: flex; align-items: center; justify-content: center; color: #8A9099; font-size: 13px;
}
.media-upload { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 16px; align-items: end; }

/* באשף שדות הטופס הם העבודה והתצוגה היא הצצה — ולכן היחס הפוך מהעורך */
.editor-wizard { grid-template-columns: minmax(0, 1fr) 340px; }
.editor-wizard .editor-preview { position: sticky; top: 78px; }
@media (max-width: 900px) { .editor-wizard { grid-template-columns: 1fr; } .editor-wizard .editor-preview { position: static; } }

.preview-frame { background: #EEF2F8; padding: 8px; max-height: 74vh; overflow-y: auto; }
.preview-frame .sign-wrap { padding: 8px; }
.preview-frame .sign-card { margin-top: 12px; }

/* דף המשרה הציבורי */
.job-page .job-hero { text-align: center; }
.job-logo { max-width: 130px; max-height: 62px; object-fit: contain; margin-bottom: 10px; }
.job-title { font-size: 26px; color: var(--blue); margin: 0 0 4px; }
.job-company { font-size: 13.5px; color: #8A9099; }
.job-tagline { margin: 12px 0 0; color: var(--gray); font-weight: 500; }
.job-tags { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin-top: 12px; }
.job-tag { background: var(--soft); color: var(--blue); border-radius: 999px; padding: 4px 12px; font-size: 12.5px; }
.job-tag-soft { background: #fff; border: 1px solid var(--line); color: #5B7FA8; }
.job-perks { display: flex; gap: 6px 14px; justify-content: center; flex-wrap: wrap; margin-top: 14px; }
.job-perk { font-size: 13px; color: #2C7A3D; }
.job-block { margin-bottom: 20px; }
.job-block:last-child { margin-bottom: 0; }
.job-block h3 { margin-bottom: 6px; }
.job-block p { margin: 0 0 8px; }
.job-list { margin: 6px 0; padding-inline-start: 20px; }
.job-list li { margin-bottom: 5px; }
.job-req { font-size: 11.5px; color: var(--danger); }
.job-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-top: 14px; }
.job-gallery img { width: 100%; height: 120px; object-fit: cover; border-radius: 10px; display: block; }

/* ---------------------------- דף תשלום ---------------------------- */

.pay-card { max-width: 460px; margin: 32px auto; text-align: center; }
.pay-card h1 { font-size: 24px; margin: 0 0 18px; line-height: 1.3; }

.pay-price { display: flex; align-items: baseline; justify-content: center; gap: 4px; margin-bottom: 22px; }
.pay-price .amount { font-size: 52px; font-weight: 700; letter-spacing: -1px; }
.pay-price .currency { font-size: 26px; font-weight: 600; }
.pay-price .vat { font-size: 13px; margin-inline-start: 8px; }

.pay-includes { list-style: none; margin: 0 0 24px; padding: 0; text-align: start; }
.pay-includes li { position: relative; padding: 8px 26px 8px 0; border-top: 1px solid var(--line, #e6e6e6); }
.pay-includes li:first-child { border-top: 0; }
/*
 * הוי מצויר ב-CSS ולא בתו — כך הוא נשאר בצבע המותג בכל דפדפן.
 * הגבולות פיזיים (left/bottom) ולא לוגיים: ב-RTL, border-inline-start
 * הוא הגבול הימני, והצורה יוצאת חץ במקום וי.
 */
.pay-includes li::before {
  content: ''; position: absolute; top: 14px; inset-inline-start: 2px;
  width: 12px; height: 6px; border-left: 2px solid var(--action);
  border-bottom: 2px solid var(--action); transform: rotate(-45deg);
}

.btn.wide { display: block; width: 100%; padding: 15px; font-size: 17px; }
.pay-note { font-size: 12.5px; line-height: 1.6; margin: 16px 0 0; }
.pay-code { margin: 14px 0 0; font-size: 11px; opacity: .5; text-align: center; }
.pay-code code { font-size: 11px; }

/* שדות הרוכש בדף התשלום */
.pay-form { display: flex; flex-direction: column; gap: 12px; text-align: start; }
.pay-field { display: block; }
.pay-field span { display: block; font-size: 12.5px; font-weight: 600; opacity: .75; margin-bottom: 5px; }
.pay-field input { width: 100%; padding: 11px 14px; font-size: 15px; border: 1px solid var(--line, #d8d8d8); border-radius: 10px; background: #fff; }
.pay-field input:focus { outline: none; border-color: var(--action); box-shadow: 0 0 0 3px rgba(41,135,205,.18); }
.pay-form .btn.wide { margin-top: 4px; }

/* ═══════════════════════════════════════════════════════════════════════
   אזור מחפשי העבודה — נבנה מול המוצר החי של מאצ׳
   ═══════════════════════════════════════════════════════════════════════ */

/*
 * [hidden] של הדפדפן מגיע מגיליון ברירת המחדל, וכל display שנקבע על
 * מחלקה גובר עליו. זה כבר קרה פעמיים: חיווי טעינה שנשאר על המסך
 * וחיווי הקלדה שלא נעלם. הכלל הזה סוגר את זה לכל האזור.
 */
.seeker [hidden] { display: none !important; }

/* ─── תנועה ─────────────────────────────────────────────────────────
   העקומות והמשכים יושבים כאן ולא מפוזרים בקובץ. עקומות ברירת המחדל
   של הדפדפן חלשות מדי לממשק: הן נראות איטיות בלי להיות איטיות.

   ease-in לעולם לא בממשק. הוא מתחיל לאט בדיוק ברגע שהמשתמש מסתכל,
   ולכן 200ms עם ease-out *מרגישים* מהירים יותר מ-200ms עם ease-in. */
.seeker {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-press: 120ms;   /* משוב ללחיצה */
  --dur-quick: 180ms;   /* ריחוף, שינוי צבע */
  --dur-enter: 240ms;   /* כניסה של תוכן */
  --dur-panel: 260ms;   /* חלונית שנפתחת */
}

.seeker {
  --sk-text: #32343D;
  --sk-muted: #8A8F9C;
  --sk-border: #E3E3EA;
  --sk-action: #2987CD;
  --sk-navy: #001A6E;
  --sk-green: #7ECD8B;
  /*
   * שלושת צבעי המשמעות. הם היו מפוזרים כערכי hex בכל מקום שבו יש
   * דירוג — רמת התאמה, משוב על תשובה, מצב קהילה — ולכן "ירוק" היה
   * שלושה ירוקים שונים בשלושה מסכים.
   */
  --sk-good: #2C7A3D;
  --sk-good-bg: #E9F6EC;
  --sk-warn: #B9761A;
  --sk-warn-bg: #FBF2E3;
  --sk-bad: #C0392B;
  --sk-bad-bg: #FBEDEB;
  --sk-radius: 14px;
  --sk-field: 999px;      /* השדות מעוגלים לגמרי, כמו במוצר */
  /*
   * צל כמעט שאינו קיים, וקו דק שעושה את העבודה.
   *
   * צל הוא הדבר שגורם לממשק להיראות זול כשהוא חוזר על עצמו: עשרה
   * כרטיסים צפים זה על זה הופכים עמוד למגש של כפתורים. משטח יוקרתי
   * נשען על קו של פיקסל אחד ועל רווח נכון, ומשאיר את הצל לדברים
   * שבאמת מרחפים — חלונית שנפתחה, תפריט, מודאל.
   */
  --sk-line: #ECEEF2;
  --sk-shadow: 0 1px 2px rgba(16, 24, 40, .04);
  --sk-lift: 0 12px 32px rgba(16, 24, 40, .10);
  /*
   * הגרדיאנט הוא רצועה בראש הדף בלבד, ומתחתיו לבן. קודם הוא היה fixed
   * ולכן נשאר על המסך לנצח, וכל גלילה נראתה כאילו הדף לא זז.
   *
   * הגובה נמדד ביחס למסך ולא לאורך הדף: אחוז מאורך המסמך היה נותן
   * רצועה של מאה פיקסלים בדף קצר ושל אלף בדף ארוך, כלומר מוצר שנראה
   * אחרת בכל עמוד.
   */
  background-color: #fff;
  background-image: linear-gradient(180deg, #DBECF3 0%, #E9F2F8 45%, #FFFFFF 100%);
  background-repeat: no-repeat;
  background-size: 100% 20vh;
  color: var(--sk-text);
  min-height: 100vh;
}
.seeker > footer { display: none; }

/* ─── סרגל עליון צף ─────────────────────────────────────────────────── */
.seeker .sign-header {
  width: min(1180px, calc(100% - 32px));
  margin: 16px auto 0;
  padding: 0 24px;
  height: 60px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  border: 1px solid #fff; border-radius: 56px;
  background: rgba(255, 255, 255, .55);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 0 3px rgba(41, 135, 205, .3);
}
.seeker .sign-header svg { height: 26px; width: auto; }
/*
 * הלוגו בסרגל של מחפשי העבודה: הכיתוב שחור, והכוכב קו מתאר בלבד —
 * שקוף מבפנים. הכלל הכללי ב-.sign-header צובע את *שני* הנתיבים בכחול,
 * ולכן צריך לדרוס כאן את שניהם בנפרד.
 */
.seeker .sign-header svg .word { fill: #000; }
.seeker .sign-header svg .mark { fill: none; stroke: #000; stroke-width: 1.6; stroke-linejoin: round; }
.seeker .sign-header .sub { font-size: 13px; color: var(--sk-muted); }

/* ─── כותרת השלב ────────────────────────────────────────────────────── */
/*
 * הריווח בראש השאלה, מלמעלה למטה: פס, כותרת, משפט, קוביות.
 *
 * ארבעה דברים שונים זה מזה, וכשהמרווחים ביניהם קרובים הם נקראים
 * כגוש אחד. המרווח גדל ככל שההבדל בין השכנים גדל: בין הפס לכותרת
 * הוא הגדול ביותר — שם מתחלף סוג המידע לגמרי — ובין הכותרת למשפט
 * שמסביר אותה הוא הקטן, כי הם אותו דבר בשתי רמות.
 */
.seeker .ob-top { width: min(1000px, calc(100% - 36px)); margin: 0 auto; padding: 30px 0 50px; text-align: center; position: relative; }
.seeker .ob-segs { display: flex; gap: 8px; justify-content: center; margin-bottom: 46px; }
.seeker .seg { width: 78px; height: 7px; border-radius: 999px; background: #E6E8EC; }
.seeker .seg.done { background: var(--sk-green); }
.seeker .ob-top h1 { margin: 0 0 14px; font-size: 30px; font-weight: 700; color: var(--sk-text); line-height: 1.25; }
.seeker .ob-sub { margin: 0 auto; max-width: 620px; font-size: 15px; color: var(--sk-muted); line-height: 1.6; }

/* ─── הכרטיסייה שמכילה את השדות ─────────────────────────────────────── */
.seeker .ob-card,
.seeker .sk-card {
  width: min(1000px, calc(100% - 36px));
  margin: 0 auto 24px;
  padding: 34px 30px;
  background: #fff;
  border-radius: var(--sk-radius);
  box-shadow: var(--sk-shadow);
}
.seeker .sk-card { width: min(430px, calc(100% - 36px)); margin: 40px auto; padding: 34px 28px; }
.seeker .sk-title { margin: 0 0 8px; font-size: 28px; font-weight: 700; text-align: center; }
.seeker .sk-sub { margin: 0 0 28px; font-size: 14.5px; color: var(--sk-muted); text-align: center; line-height: 1.6; }

/* ─── רשת השאלות: 3 בשורה בדסקטופ, אחת במובייל ──────────────────────── */
.seeker .q-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 18px; }
.seeker .q.wide { grid-column: 1 / -1; }
.seeker .q-label { display: block; margin-bottom: 10px; font-size: 15px; font-weight: 500; }
.seeker .q-label .opt { font-weight: 400; font-size: 12.5px; color: var(--sk-muted); }

/* ─── שדות: תיבה מעוגלת, כיתוב בפנים ────────────────────────────────── */
.seeker .fld {
  width: 100%; min-height: 56px; padding: 0 22px;
  font: inherit; font-size: 16px; color: var(--sk-text);
  background: #fff; border: 1px solid var(--sk-border); border-radius: var(--sk-field);
  appearance: none; -webkit-appearance: none;
}
.seeker textarea.fld { min-height: 110px; padding: 16px 22px; border-radius: var(--sk-radius); line-height: 1.6; resize: vertical; }
.seeker select.fld.tall { min-height: 150px; padding: 12px; border-radius: var(--sk-radius); }
.seeker .fld::placeholder { color: var(--sk-muted); }
.seeker .fld:focus { outline: none; border-color: var(--sk-action); box-shadow: 0 0 0 3px rgba(41, 135, 205, .14); }
.seeker .fld-hint, .seeker .fld-note { display: block; margin: 8px 22px 0; font-size: 13px; line-height: 1.5; }
.seeker .fld-hint { color: var(--sk-muted); }
.seeker .fld-note { color: var(--sk-action); }
.seeker .fld-empty { margin: 0; padding: 16px 22px; border: 1px dashed var(--sk-border); border-radius: var(--sk-radius); color: var(--sk-muted); font-size: 14px; }
.seeker .in-field { position: relative; }
.seeker .in-icon { position: absolute; inset-inline-start: 20px; top: 50%; transform: translateY(-50%); color: var(--sk-muted); pointer-events: none; }
/* שדה לקריאה בלבד — הטלפון שאיתו נכנסים. אפור, ולא נכנסים אליו בטאב */
.seeker .fld[readonly] { background: #F6F8FB; color: var(--sk-muted); cursor: default; }

/* ─── בוררים: רשימה שאנחנו מציירים ──────────────────────────────────
   datalist ו-select נראים אחרת בכל דפדפן, ובמצב כהה של המערכת הם
   נפתחים שחורים באמצע מסך לבן. הרשימה כאן היא HTML רגיל, ולכן היא
   נראית אותו דבר בכל מקום — ואפשר להראות בה שתי שורות לכל אפשרות. */
.seeker .pick { position: relative; }
/*
 * החץ בקצה הרחוק של השדה, כמו ב-select של המערכת — ובעברית זה
 * השמאלי. שני סוגי הבוררים חייבים להסכים על הצד הזה: בורר שהחץ שלו
 * מימין ובורר שהחץ שלו משמאל באותו טופס נראים כמו שני רכיבים שונים.
 */
.seeker .pick > .pick-caret {
  position: absolute; inset-inline-end: 20px; top: 28px; transform: translateY(-50%);
  pointer-events: none;
}
.seeker .pick-caret { display: inline-flex; width: 18px; height: 18px; flex: none; color: var(--sk-muted); }
.seeker .pick-caret svg { width: 100%; height: 100%; }
.seeker .pick-input { padding-inline-end: 46px; }

/* הבורר הסגור: summary שנראה כמו שדה */
.seeker .pick-toggle {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  list-style: none; cursor: pointer;
}
.seeker .pick-toggle::-webkit-details-marker { display: none; }
.seeker .pick-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seeker .pick-value.is-empty { color: var(--sk-muted); }
.seeker details.pick[open] > .pick-toggle { border-color: var(--sk-action); }
.seeker details.pick[open] .pick-caret { transform: rotate(180deg); }

.seeker .pick-list {
  position: absolute; z-index: 40; inset-inline: 0; top: calc(100% + 6px);
  max-height: 280px; overflow-y: auto; margin: 0; padding: 6px; list-style: none;
  background: #fff; border: 1px solid var(--sk-border); border-radius: 18px;
  box-shadow: 0 16px 44px rgba(23, 43, 77, .16);
}
.seeker .pick-opt {
  display: flex; align-items: center; gap: 10px;
  padding: 11px 14px; border-radius: 12px;
  font-size: 15px; line-height: 1.4; color: var(--sk-text); cursor: pointer;
}
.seeker .pick-opt:hover, .seeker .pick-opt.is-active { background: #F1F6FC; }
.seeker .pick-opt input { width: 18px; height: 18px; accent-color: var(--sk-action); flex: none; }
/* שתי שורות: המקצוע, ומתחתיו התחום שאליו הוא שייך */
.seeker .pick-opt.is-two { flex-direction: column; align-items: flex-start; gap: 2px; }
.seeker .pick-opt.is-two strong { font-weight: 600; }
.seeker .pick-opt.is-two span { font-size: 13px; color: var(--sk-muted); }
/* שורת "יש עוד": מידע, לא אפשרות — ולכן אינה נראית כמו שורה שאפשר ללחוץ */
.seeker .pick-more {
  padding: 10px 14px 6px; font-size: 12.5px; color: var(--sk-muted);
  border-top: 1px solid var(--sk-border); margin-top: 4px;
}

/*
 * המחוגה.
 *
 * הפס אפור והמילוי כחול, והכפתור עגול ומוגדל מספיק כדי שאצבע
 * תמצא אותו. המספר לצידו הוא ה-output, והוא מתעדכן תוך כדי גרירה.
 */
.seeker .rng { display: flex; align-items: center; gap: 16px; }
.seeker .rng-input {
  flex: 1; height: 6px; margin: 0; padding: 0;
  appearance: none; -webkit-appearance: none;
  background: linear-gradient(90deg, #E6E8EC, #E6E8EC); border-radius: 999px; cursor: pointer;
}
.seeker .rng-input::-webkit-slider-thumb {
  appearance: none; -webkit-appearance: none;
  width: 24px; height: 24px; border: 0; border-radius: 50%;
  background: var(--sk-action); box-shadow: 0 2px 8px rgba(41, 135, 205, .4); cursor: pointer;
}
.seeker .rng-input::-moz-range-thumb {
  width: 24px; height: 24px; border: 0; border-radius: 50%;
  background: var(--sk-action); box-shadow: 0 2px 8px rgba(41, 135, 205, .4); cursor: pointer;
}
.seeker .rng-input:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(41, 135, 205, .3); }
.seeker .rng-out { flex: none; min-width: 76px; font-size: 15px; color: var(--sk-muted); }
.seeker .rng-out b { font-weight: 700; color: var(--sk-text); font-variant-numeric: tabular-nums; }

/*
 * שאלה ממורכזת: הכיתוב, ההערה, והבועות.
 *
 * זה נכון רק לשאלה שכולה בועות פרושות על רוחב מלא — שם היישור
 * לימין משאיר חלל אחד גדול בצד השני, והמרכוז הופך אותו לשוליים
 * שווים משני הצדדים.
 */
.seeker .q.is-center { text-align: center; }
.seeker .q.is-center .chips { justify-content: center; }
.seeker .q-note { margin: 0 0 16px; font-size: 13.5px; line-height: 1.6; color: var(--sk-muted); }

/* מה שנבחר, מתחת לשדה */
.seeker .pick-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.seeker .pick-chips:not(:empty) { margin-top: 12px; }
.seeker .chip.is-picked {
  gap: 8px; background: var(--sk-good-bg); border-color: var(--sk-green); color: var(--sk-good);
}
.seeker .chip-x {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; padding: 0; margin-inline-end: -4px;
  border: 0; border-radius: 50%; background: rgba(44, 122, 61, .12);
  color: inherit; font: inherit; font-size: 16px; line-height: 1; cursor: pointer;
}
.seeker .chip-x:hover { background: rgba(44, 122, 61, .22); }

/* ─── בורר מגדר ─────────────────────────────────────────────────────── */
.seeker .radio-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.seeker .radio-input { position: absolute; opacity: 0; width: 0; height: 0; }
.seeker .radio-box {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  min-height: 56px; padding: 0 22px; border: 1px solid var(--sk-border);
  border-radius: var(--sk-field); background: #fff; font-size: 16px; cursor: pointer;
}
.seeker .radio-box .dot { width: 20px; height: 20px; border: 1px solid #C9CCD4; border-radius: 50%; flex: none; }
.seeker .radio-input:checked + .radio-box { border-color: var(--sk-action); }
.seeker .radio-input:checked + .radio-box .dot { border: 6px solid var(--sk-action); }

/* ─── צ׳יפים ────────────────────────────────────────────────────────── */
.seeker .chips { display: flex; flex-wrap: wrap; gap: 9px; }
.seeker .chip-input { position: absolute; opacity: 0; width: 0; height: 0; }
.seeker .chip {
  display: inline-flex; align-items: center; min-height: 46px; padding: 0 18px;
  border: 1px solid var(--sk-border); border-radius: var(--sk-field); background: #fff;
  font-size: 15px; color: var(--sk-text); cursor: pointer; user-select: none;
  transition: background .15s, border-color .15s, color .15s;
}
.seeker .chip-input:checked + .chip { background: var(--sk-good-bg); border-color: var(--sk-green); color: var(--sk-good); }
.seeker .chip-input:focus-visible + .chip { box-shadow: 0 0 0 3px rgba(41, 135, 205, .3); }
.seeker .chip-input:disabled + .chip { opacity: .4; cursor: not-allowed; }
.seeker .roles { max-height: 260px; overflow-y: auto; padding: 4px; }

/* ─── כפתורים ───────────────────────────────────────────────────────── */
.seeker .btn-pill, .seeker .sk-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 54px; padding: 0 44px; border: 0; border-radius: var(--sk-field);
  background: var(--sk-action); color: #fff; font: inherit; font-size: 17px; font-weight: 700;
  cursor: pointer; text-decoration: none; transition: background .15s;
}
.seeker .sk-btn { width: 100%; padding: 0 24px; }
.seeker .btn-pill:hover, .seeker .sk-btn:hover { background: #2276B4; text-decoration: none; }
.seeker .btn-pill.ghost, .seeker .sk-btn.ghost { background: #fff; color: var(--sk-text); border: 1px solid var(--sk-border); }
.seeker .btn-pill.ghost:hover { background: #F7F9FC; }

.seeker .ob-bar {
  display: flex; align-items: center; justify-content: center; gap: 14px;
  width: min(1000px, calc(100% - 36px)); margin: 0 auto;
  padding: 10px 0 40px;
}
.seeker .ob-bar span { display: none; }
.seeker .ob-bar .ob-count { display: inline; font-size: 13.5px; color: var(--sk-muted); }

/* ─── השאלות הראשונות: קובייה לכל תשובה ─────────────────────────────
   הקובייה היא כפתור השליחה עצמו, ולכן תשובה היא לחיצה אחת. */
.seeker .pk-wrap { width: min(760px, calc(100% - 36px)); margin: 0 auto; padding-bottom: 10px; }
.seeker .pk-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(196px, 1fr)); gap: 14px; }
.seeker .pk-tile {
  /*
   * ממורכז אנכית ולא צמוד לראש: לא לכל אפשרות יש הסבר, וקובייה
   * שהכיתוב שלה בראש ומתחתיו חלל ריק נראית כאילו משהו לא נטען.
   */
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  min-height: 132px; padding: 22px 18px; border-radius: var(--sk-radius); background: #fff;
  border: 1.5px solid transparent; box-shadow: var(--sk-shadow);
  font: inherit; color: inherit; text-align: center; cursor: pointer;
  transition: border-color .15s, box-shadow .15s, transform var(--dur-press, 120ms) var(--ease-out, ease);
}
.seeker .pk-tile strong { font-size: 17px; font-weight: 700; }
.seeker .pk-tile span:not(.pk-icon) { font-size: 13.5px; color: var(--sk-muted); line-height: 1.6; }
.seeker .pk-tile.is-on { border-color: var(--sk-action); }
.seeker .pk-icon { width: 34px; height: 34px; color: var(--sk-action); }
.seeker .pk-icon svg { width: 100%; height: 100%; }
/* ─── שאלת סוג החשבון: איור בצד, שאלה בצד ─────────────────────────────
   הרגע הראשון שבו רואים את המוצר מבפנים. בשאלות שאחריה אין איור:
   שם כבר יודעים איפה נמצאים, ומה שנשאר הוא לענות. */
.seeker .ob-top-bare { padding-bottom: 14px; }

.seeker .ob-split {
  position: relative; overflow: hidden;
  width: min(1080px, calc(100% - 36px)); margin: 0 auto 26px;
  display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 20px;
  padding: 26px clamp(20px, 4vw, 44px);
  background: linear-gradient(180deg, #F4F8FD 0%, #fff 46%);
  border-radius: 28px; box-shadow: var(--sk-shadow);
}

/*
 * האיור: הכדור נחתך בפינה והאסטרונאוט צף מעליו.
 *
 * הכדור יוצא מגבולות הכרטיס וההצצה שלו נחתכת ב-overflow — כך הוא
 * נקרא כרקע שממשיך מעבר למסך, ולא כתמונה שהודבקה בפינה.
 */
.seeker .ob-art { position: relative; min-height: 340px; display: grid; place-items: center; }
/*
 * מיקום פיזי ולא לוגי: הכדור יושב בפינה השמאלית-תחתונה של הכרטיס
 * בכל שפה, כי זו החלטה של קומפוזיציה ולא של כיוון קריאה.
 */
.seeker .ob-art-sphere {
  position: absolute; left: -34%; bottom: -42%; z-index: 0;
  width: min(86%, 430px); height: auto; opacity: .45; pointer-events: none;
}
.seeker .ob-art-hero { position: relative; z-index: 1; width: min(92%, 400px); height: auto; }

.seeker .ob-ask { position: relative; text-align: start; }
.seeker .ob-ask h1 { margin: 0 0 14px; font-size: clamp(24px, 3.4vw, 32px); font-weight: 700; line-height: 1.25; }
.seeker .ob-ask .ob-sub { margin: 0 0 30px; max-width: 44ch; }

/*
 * קוביות בשורות: בעמודה צרה, קובייה מרובעת מבזבזת את כל הגובה.
 *
 * האייקון בעמודה אחת והטקסט בשנייה, כותרת מעל הסבר — כך שתי השורות
 * מיושרות זו לזו ולא נראות כמו שתי פסקאות שנדחפו לאותו קו.
 */
.seeker .pk-grid.is-rows { display: flex; flex-direction: column; gap: 12px; }
.seeker .pk-grid.is-rows .pk-tile {
  display: grid; grid-template-columns: auto 1fr; column-gap: 16px; row-gap: 3px;
  align-items: center; min-height: 0; padding: 18px 20px; text-align: start;
}
.seeker .pk-grid.is-rows .pk-icon { grid-row: 1 / span 2; }
.seeker .pk-grid.is-rows .pk-tile strong { grid-column: 2; align-self: end; }
.seeker .pk-grid.is-rows .pk-tile span:not(.pk-icon) { grid-column: 2; align-self: start; }
/* האייקון של סוג החשבון מלא ובכחול הכהה — לא אותו תכלת של כל השאר */
.seeker .pk-grid.is-rows .pk-icon { width: 30px; height: 30px; color: var(--sk-navy); }

@media (max-width: 860px) {
  .seeker .ob-split { grid-template-columns: 1fr; gap: 4px; padding: 18px 18px 24px; }
  /* בטלפון האיור קטן ועובר מעל השאלה: הוא פתיח, לא חצי מסך */
  .seeker .ob-art { min-height: 0; order: -1; }
  .seeker .ob-art-hero { width: min(62%, 230px); }
  /*
   * בטלפון הכדור נשאר בתוך שטח האיור ואינו יורד אל השאלה.
   *
   * בדסקטופ הוא נחתך בגבול הכרטיס וזה עובד; בעמודה אחת אין לו במה
   * להיחתך, והוא היה נגמר מתחת לכותרת — קווים דקים בדיוק מאחורי
   * המילים שצריך לקרוא.
   */
  .seeker .ob-art-sphere { left: -14%; bottom: 8%; width: 58%; opacity: .34; }
  .seeker .ob-ask { text-align: center; }
  .seeker .ob-ask .ob-sub { margin-inline: auto; }
}

.seeker .pk-note { padding: 24px; }
.seeker .pk-note p { margin: 0 0 18px; font-size: 15px; line-height: 1.7; }

@media (hover: hover) and (pointer: fine) {
  .seeker .pk-tile:hover { border-color: var(--sk-action); box-shadow: 0 4px 18px rgba(41, 135, 205, .18); }
}
.seeker .pk-tile:active { transform: scale(.99); }
@media (prefers-reduced-motion: reduce) { .seeker .pk-tile:active { transform: none; } }

/* ─── מסכי הכניסה ────────────────────────────────────────────────────
   שלושה מסכים שאין בהם לאן לנווט: טלפון, קוד, ושם ומייל. לכן אין
   כאן סרגל עליון אלא כרטיס אחד במרכז, עם הלוגו בתוכו. */
/*
 * גם הסרגל העליון וגם הפוטר יורדים.
 *
 * פרטי החברה בתחתית נכתבו למסכי החתימה, שם הם חלק מהמסמך המשפטי.
 * במסך כניסה הם רק רעש: אף אחד לא בודק ח.פ. לפני שהוא מזין טלפון.
 */
.seeker.auth .sign-header, .seeker.auth > footer { display: none; }

.seeker .auth-card {
  width: min(520px, calc(100% - 32px));
  margin: clamp(24px, 7vh, 72px) auto 28px;
  padding: 44px clamp(24px, 6vw, 52px) 40px;
  /* הדרגה עדינה מלמעלה: מספיק כדי שהכרטיס לא ייראה כמו מלבן לבן על לבן */
  background: linear-gradient(180deg, #F1F6FC 0%, #fff 42%);
  border-radius: 30px;
  box-shadow: 0 18px 60px rgba(23, 43, 77, .10), 0 2px 6px rgba(23, 43, 77, .04);
}

/* הלוגו יושב בקפסולה ולא על הרקע: כך הוא נקרא כסימן ולא ככותרת */
.seeker .auth-mark {
  display: flex; justify-content: center; align-items: center;
  width: fit-content; margin: 0 auto 26px;
  padding: 13px 30px; border-radius: 999px; background: #E9F1FB;
}
.seeker .auth-mark svg { height: 27px; width: auto; }
.seeker .auth-mark svg .word { fill: #0B1220; }
.seeker .auth-mark svg .mark { fill: none; stroke: #0B1220; stroke-width: 1.6; stroke-linejoin: round; }

.seeker.auth .sk-title { font-size: clamp(28px, 6vw, 34px); letter-spacing: -.6px; color: var(--sk-text); }
.seeker.auth .sk-sub { margin-bottom: 30px; }
.seeker.auth .sk-form { gap: 26px; }

/*
 * השדות: קו אחד, וזהו.
 *
 * אין מסגרת, אין מילוי ואין פינות — רק תווית מעל וקו דק מתחת. זה
 * המינימום שעדיין אומר "כאן כותבים", וכל מה שמעבר לו הוא קישוט
 * שמתחרה בתוכן. בטופס של שדה אחד או שניים, קופסה סביב כל שדה היא
 * רעש שמכביד על מסך שכל תפקידו להיות מהיר.
 *
 * במיקוד הקו עובר לצבע המותג ומתעבה — דרך צל ולא דרך עובי הגבול,
 * כדי שהשורה לא תזוז בפיקסל ברגע שנוגעים בשדה.
 */
.seeker.auth .sk-field > span { margin: 0 2px 10px; font-size: 13.5px; }
/*
 * הערך מיושר לימין גם כשהוא באנגלית או בספרות: dir="ltr" שומר על
 * סדר התווים, והיישור שומר על השדה במקום שבו העין מתחילה לקרוא.
 */
.seeker.auth .sk-field input {
  min-height: 46px; padding: 0 2px; text-align: right;
  background: transparent; border: 0; border-bottom: 1px solid #6F737C; border-radius: 0;
  transition: border-color .15s, box-shadow .15s;
}
.seeker.auth .sk-field input::placeholder { color: #B0B6C0; }
/* הקוד ממורכז: שש ספרות מרווחות נקראות כיחידה אחת ולא כטקסט */
.seeker.auth .sk-field input.otp-input { text-align: center; }
.seeker.auth .sk-field input:hover { border-bottom-color: var(--sk-text); }
.seeker.auth .sk-field input:focus {
  border-bottom-color: var(--sk-action);
  box-shadow: 0 1px 0 0 var(--sk-action);
  outline: none;
}

/*
 * הכפתור: קפסולה ממורכזת וצרה מהשדות, והחץ מצביע להמשך.
 *
 * צר מהשדות בכוונה — כפתור ברוחב מלא נקרא כמו עוד שורה בטופס, וזה
 * הדבר היחיד כאן שצריך להיראות כמו פעולה.
 */
.seeker.auth .sk-btn {
  width: auto; min-width: min(300px, 100%); align-self: center; padding: 0 46px;
  min-height: 62px; margin-top: 8px; border-radius: 999px; font-size: 18px;
  box-shadow: 0 8px 20px rgba(41, 135, 205, .28);
  transition: background .15s, transform var(--dur-press, .12s) var(--ease-out, ease), box-shadow .15s;
}
.seeker.auth .sk-btn:active { transform: scale(.99); }
.seeker .sk-arrow { width: 20px; height: 20px; flex: none; }

/* ─── שדה סיסמה עם עין ──────────────────────────────────────────────
   הכפתור יושב בקצה הסוגר של השדה — משמאל בעברית — ועל קו התחתית
   שלו, כדי שלא ייראה כמו עוד תו בתוך הערך. */
.seeker .sk-pass { position: relative; }
.seeker .sk-pass input { padding-inline-end: 38px; }
.seeker .sk-eye {
  position: absolute; inset-inline-end: 0; bottom: 4px;
  width: 34px; height: 34px; display: grid; place-items: center;
  border: 0; border-radius: 8px; background: none; color: var(--sk-muted); cursor: pointer;
  transition: color .15s, background .15s;
}
.seeker .sk-eye:hover { color: var(--sk-text); background: rgba(16, 24, 40, .05); }
.seeker .sk-eye svg { width: 19px; height: 19px; }
/* הקו האלכסוני מופיע כשהסיסמה גלויה: הוא אומר "לחצו כדי להסתיר" */
.seeker .sk-eye .sk-eye-off { display: none; }
.seeker .sk-eye.is-on { color: var(--sk-action); }
.seeker .sk-eye.is-on .sk-eye-off { display: inline; }

.seeker.auth .sk-foot { margin-top: 26px; color: var(--sk-muted); }
/* הספירה לאחור: אותו מקום בדיוק שבו יופיע הכפתור, כדי שהשורה לא תקפוץ */
.seeker .sk-resend { min-height: 22px; }
.seeker .sk-resend b { font-weight: 700; color: var(--sk-text); font-variant-numeric: tabular-nums; }
.seeker.auth .notice.error { text-align: start; }

@media (prefers-reduced-motion: reduce) {
  .seeker.auth .sk-btn:active { transform: none; }
}

.seeker .otp-input { letter-spacing: 10px; text-align: center; font-size: 24px; font-weight: 700; }
.seeker .sk-form { display: flex; flex-direction: column; gap: 18px; }
.seeker .sk-field { display: block; }
.seeker .sk-field > span { display: block; margin: 0 22px 8px; font-size: 14px; color: var(--sk-muted); }
.seeker .sk-field input { width: 100%; min-height: 56px; padding: 0 22px; font: inherit; font-size: 16px;
  border: 1px solid var(--sk-border); border-radius: var(--sk-field); background: #fff; color: var(--sk-text); }
.seeker .sk-field input:focus { outline: none; border-color: var(--sk-action); box-shadow: 0 0 0 3px rgba(41,135,205,.14); }
.seeker .linkish { background: none; border: 0; padding: 0; color: var(--sk-action); font: inherit; font-size: 14px; cursor: pointer; }
.seeker .sk-foot { margin-top: 22px; font-size: 14px; text-align: center; }
.seeker .sk-foot strong { color: var(--sk-action); }
.seeker .notice.error { border-radius: 14px; margin-bottom: 20px; }

/* ─── מסך הבית: שאלה אחת, ואז המסלולים ───────────────────────────────
   הצ׳אט ראשון כי הוא הדרך הקצרה ביותר להתחיל; המסלולים מתחתיו כי הם
   מה שעושים כשאין שאלה. הכרטיסים דקים ושקטים בכוונה: קו אחד במקום
   צל, הרבה אוויר, וצבע רק במקום שבו הוא אומר משהו. */
/*
 * רקע רך מאחורי הפתיחה.
 *
 * לא תמונה ולא איור: הדרגה אחת שנותנת עומק ונעלמת. מה שהופך מסך
 * לנקי אינו היעדר צבע אלא היעדר גבולות מיותרים.
 */
.seeker .hero {
  padding: 64px 0 46px; text-align: center; position: relative;
}
.seeker .hero::before {
  /* בתוך גבולות הדף: אלמנט שחורג הצידה מרחיב את המסמך בטלפון */
  content: ''; position: absolute; inset: -20px 0 auto; height: 320px; z-index: -1;
  background: radial-gradient(60% 80% at 50% 0%, rgba(41, 135, 205, .07), rgba(41, 135, 205, 0) 70%);
  pointer-events: none;
}
.seeker .hero h1 {
  margin: 0 0 8px; font-size: 34px; font-weight: 500; letter-spacing: -0.02em;
  color: var(--sk-text); line-height: 1.22;
}
.seeker .hero-sub { margin: 0 0 30px; font-size: 15px; color: var(--sk-muted); }

.seeker .hero-ask {
  display: flex; align-items: flex-end; gap: 8px;
  width: min(660px, 100%); margin: 0 auto; padding: 8px 8px 8px 8px;
  border: 1px solid var(--sk-border); border-radius: 26px; background: #fff;
  transition: border-color .16s, box-shadow .16s;
}
.seeker .hero-ask:focus-within { border-color: var(--sk-action); box-shadow: 0 0 0 4px rgba(41, 135, 205, .1); }

/*
 * צף: מרגע שגוללים מעבר למקומו, השדה נצמד לתחתית המסך.
 *
 * זה אותו אלמנט ולא עותק שני — שני שדות באותו דף הם שני מקומות
 * להקליד בהם, ורק אחד באמת נשלח. הזכוכית זהה לזו של סרגל הניווט,
 * כדי שהתוכן ייראה עובר מתחת לשניהם.
 */
.seeker .hero-ask.is-float {
  position: fixed; inset-inline: 0; bottom: 18px; z-index: 60;
  width: min(660px, calc(100% - 36px)); margin: 0 auto;
  background: rgba(255, 255, 255, .82);
  -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%);
  border-color: rgba(255, 255, 255, .6); border-top-color: rgba(255, 255, 255, .9);
  box-shadow: 0 8px 30px rgba(0, 26, 110, .12);
  animation: hero-ask-in .22s var(--ease-out, ease);
}
@keyframes hero-ask-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .seeker .hero-ask.is-float { animation: none; } }
.seeker .hero-ask textarea {
  flex: 1; min-height: 40px; max-height: 180px; padding: 9px 14px;
  border: 0; background: none; resize: none; font: inherit; font-size: 15.5px;
  color: var(--sk-text); line-height: 1.6;
}
.seeker .hero-ask textarea:focus { outline: none; }
.seeker .hero-ask button {
  flex: none; width: 40px; height: 40px; border: 0; border-radius: 999px;
  background: var(--sk-text); color: #fff; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s, transform var(--dur-press, 120ms) var(--ease-out, ease);
}
.seeker .hero-ask button svg { width: 19px; height: 19px; }
.seeker .hero-ask button:hover { background: #000; }
.seeker .hero-ask button:active { transform: scale(.94); }

/*
 * תווית הסטטוס.
 *
 * לבנה עם מסגרת דקה וטקסט אפור כהה, ולא כרית ירוקה. הצבע נשאר
 * בנקודה הקטנה בלבד: היא אומרת את המצב בלי לצבוע חצי מסך, וכך
 * גם "לא מחפש/ת" ו"מחפש/ת" נראים כמו אותו רכיב.
 */
.seeker .hero-status {
  display: inline-flex; align-items: center; gap: 7px;
  margin-top: 20px; padding: 6px 14px; border-radius: 999px;
  font-size: 12.5px; text-decoration: none;
  background: #fff; border: 1px solid var(--sk-border); color: #4A4E59;
  transition: border-color .15s, box-shadow .15s;
}
.seeker .hero-status:hover { text-decoration: none; border-color: #C9CED8; box-shadow: 0 1px 4px rgba(0,26,110,.05); }
.seeker .hero-dot { width: 7px; height: 7px; border-radius: 50%; background: #A8AEBA; flex: none; }
.seeker .hero-status.good .hero-dot { background: var(--sk-good); }
.seeker .hero-status.warn .hero-dot { background: var(--sk-warn); }
.seeker .hero-status.off .hero-dot { background: #A8AEBA; }

/* ─── מהקהילה ─── */
.seeker .cf-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); gap: 14px; }
.seeker .cf {
  display: flex; flex-direction: column; gap: 8px; padding: 18px 20px;
  border: 1px solid var(--sk-border); border-radius: 18px; background: #fff;
  color: inherit; text-decoration: none; transition: border-color .16s;
}
.seeker .cf:hover { border-color: #CFD4DC; text-decoration: none; }
.seeker .cf-top { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--sk-muted); }
.seeker .cf-who { font-weight: 500; color: var(--sk-text); }
.seeker .cf-badge { padding: 2px 8px; border-radius: 999px; background: #EDF5FC; color: var(--sk-action); font-size: 11px; }
.seeker .cf-when { margin-inline-start: auto; }
.seeker .cf p {
  margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--sk-text);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.seeker .cf-meta { display: flex; align-items: baseline; gap: 8px; font-size: 12.5px; color: var(--sk-muted); }
/* ההזמנה להגיב היא הפעולה של הכרטיס, ולכן היא בצבע ולא באפור */
.seeker .cf-say { font-style: normal; font-weight: 600; color: var(--sk-action); }

/*
 * כתיבה לקהילה ממסך הבית.
 *
 * שדה אחד, פתוח, בלי כותרת ובלי מסך ביניים. קהילה שקוראים בה ולא
 * כותבים בה מתה תוך חודש, ומי שצריך ללחוץ פעמיים כדי להתחיל לכתוב
 * לא מתחיל.
 */
.seeker .cf-write {
  display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px;
  padding: 14px; border: 1px solid var(--sk-line); border-radius: var(--sk-radius); background: #fff;
}
.seeker .cf-write textarea {
  width: 100%; min-height: 0; padding: 8px 10px; border: 0; background: none;
  font: inherit; font-size: 14.5px; line-height: 1.7; color: inherit; resize: none;
}
.seeker .cf-write textarea:focus { outline: none; }
.seeker .cf-write textarea::placeholder { color: #A6ABB8; }
.seeker .cf-write:focus-within { border-color: var(--sk-action); box-shadow: 0 0 0 3px rgba(41, 135, 205, .1); }
.seeker .cf-write-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.seeker .cf-write-foot button {
  flex: none; height: 38px; padding: 0 20px; border: 0; border-radius: 999px;
  background: var(--sk-action); color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
}
.seeker .cf-write-foot button:hover { background: #2276B4; }
.seeker .cf-write-foot span { flex: 1; min-width: 180px; font-size: 12.5px; line-height: 1.6; color: var(--sk-muted); }

/* ─── כרטיסי המסלולים ─── */
.seeker .tr-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); gap: 14px; }
.seeker .tr {
  display: flex; flex-direction: column; gap: 8px;
  padding: 22px; border: 1px solid var(--sk-border); border-radius: 18px; background: #fff;
  transition: border-color .16s, transform .16s;
}
/* כותרת הכרטיס בצבע הטקסט ולא בכחול המותג: כשהכול מודגש כלום לא */
.seeker .tr h3 { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; color: var(--sk-text); }
.seeker .tr-head { display: flex; align-items: center; gap: 10px; color: var(--sk-action); }
.seeker .tr-count { font-size: 12.5px; color: var(--sk-muted); }
.seeker .tr-ring { width: 26px; height: 26px; }
.seeker .tr-ring-bg { color: var(--sk-border); stroke: currentColor; opacity: .9; }
.seeker .tr-ring-fill { stroke: currentColor; transition: stroke-dasharray .4s var(--ease-out, ease); }
.seeker .tr-note { margin: 0; flex: 1; font-size: 14px; color: var(--sk-muted); line-height: 1.6; }
.seeker .tr-go {
  display: inline-flex; align-items: center; gap: 4px; margin-top: 6px;
  font-size: 14px; color: var(--sk-action); text-decoration: none;
}
.seeker .tr-go svg { width: 15px; height: 15px; transition: transform .16s var(--ease-out, ease); }

/*
 * האיור יושב בתחתית הכרטיס ונוגע בשוליים.
 *
 * שוליים שליליים ולא ריווח: איור שצף באמצע לבן נראה כמו תמונה
 * שהודבקה, ואיור שנוגע בקצה נראה כמו חלק מהכרטיס.
 */
.seeker .tr-art {
  height: 128px; margin: 16px -22px -22px; border-radius: 0 0 17px 17px; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
/* האובייקט צף על ההדרגה, שלם ולא חתוך, ונוגע בקצה התחתון */
.seeker .tr-art img { width: auto; max-width: 78%; height: 116px; object-fit: contain;
  object-position: bottom; display: block; align-self: flex-end;
  filter: drop-shadow(0 8px 14px rgba(23, 32, 55, .16)); }
/* עד שהאיורים נכנסים: הדרגה צבעונית לכל מסלול, ולא ריבוע ריק */
.seeker .tr-art-next-job { background: radial-gradient(120% 120% at 30% 20%, #DCEBFF 0%, #C9DBFF 45%, #E7D9FF 100%); }
.seeker .tr-art-cv { background: radial-gradient(120% 120% at 70% 20%, #F4E4FF 0%, #E7D4FF 45%, #FFE0EE 100%); }
.seeker .tr-art-interview { background: radial-gradient(120% 120% at 40% 25%, #D9F5EC 0%, #CDEAF6 50%, #FFE9D6 100%); }
.seeker .tr-go:hover { text-decoration: none; }
@media (hover: hover) and (pointer: fine) {
  .seeker .tr:hover { border-color: #CFD4DC; }
  .seeker .tr:hover .tr-go svg { transform: translateX(-3px); }
}

@media (max-width: 760px) {
  .seeker .hero { padding: 26px 0 22px; text-align: start; }
  .seeker .hero h1 { font-size: 25px; }
  .seeker .hero-ask { border-radius: 22px; }
}

/*
 * ─── משטח אחד ───
 *
 * קו דק במקום צל, בכל הכרטיסים של האזור האישי. צל אומר "אני מרחף
 * מעל", וכשכל דבר מרחף שום דבר אינו בולט. קו אחד מגדיר גבול, שומר
 * על המסך שקט, ומשאיר את ההדגשה למקום שבו היא באמת נחוצה.
 */
.seeker .dash-cta,
.seeker .dash-empty,
.seeker .dash-facts,
.seeker .match,
.seeker .account-list,
.seeker .account-product,
.seeker .nt,
.seeker .ch-intro {
  box-shadow: none;
  border: 1px solid var(--sk-border);
}
.seeker .match:hover, .seeker .account-product:hover, .seeker .nt:hover { box-shadow: none; border-color: #CFD4DC; }

/* ─── דשבורד ────────────────────────────────────────────────────────── */
/*
 * עמודה צרה יותר.
 *
 * אלף פיקסלים הם רוחב של טבלה, לא של עמוד שקוראים בו. שורה ארוכה
 * מדי מאלצת את העין לחזור ולחפש את תחילת השורה הבאה, וכרטיס שנמתח
 * עליה מלא באוויר במקום שבו אין לו מה לומר.
 */
.seeker .dash { width: min(900px, calc(100% - 36px)); margin: 0 auto; padding: 24px 0 72px; }
.seeker .dash-hello h1 { margin: 0 0 5px; font-size: 21px; font-weight: 700; letter-spacing: -0.01em; }
.seeker .dash-hello p { margin: 0 0 22px; font-size: 13.5px; color: var(--sk-muted); }
.seeker .dash-cta { display: block; margin-bottom: 26px; padding: 22px; border-radius: var(--sk-radius);
  background: #fff; box-shadow: var(--sk-shadow); text-decoration: none; color: inherit; }
.seeker .dash-cta-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; }
.seeker .dash-cta-top strong { font-size: 17px; }
.seeker .dash-cta-top span { font-size: 22px; font-weight: 700; color: var(--sk-action); }
.seeker .dash-cta p { margin: 12px 0 0; font-size: 14px; color: var(--sk-muted); line-height: 1.6; }
.seeker .dash-bar { height: 7px; border-radius: 999px; background: #E6E8EC; overflow: hidden; }
.seeker .dash-bar span { display: block; height: 100%; border-radius: 999px; background: var(--sk-green); }
.seeker .dash-block { margin-bottom: 26px; }
.seeker .dash-block-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 10px; }
/* כותרת מקטע מסמנת גבול, לא צועקת. משקל בינוני ובלי נייבי כבד */
.seeker .dash-block-head h2 {
  margin: 0; font-size: 12.5px; font-weight: 600; color: var(--sk-muted);
  letter-spacing: .04em;
}
.seeker .dash-block-head a { font-size: 14px; color: var(--sk-action); }
.seeker .dash-facts { margin: 0; padding: 0; background: #fff; border: 1px solid var(--sk-line); border-radius: var(--sk-radius); overflow: hidden; }
.seeker .dash-facts > div { display: flex; gap: 16px; padding: 11px 16px; border-top: 1px solid var(--sk-line); }
.seeker .dash-facts > div:first-child { border-top: 0; }
.seeker .dash-facts dt { flex: 0 0 150px; margin: 0; font-size: 13.5px; color: var(--sk-muted); }
.seeker .dash-facts dd { flex: 1; margin: 0; font-size: 14.5px; line-height: 1.5; }
.seeker .match-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.seeker .match { display: block; padding: 20px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow); text-decoration: none; color: inherit; }
.seeker .match:hover { box-shadow: 0 4px 18px rgba(41, 135, 205, .18); }
.seeker .match-title { display: block; font-size: 17px; font-weight: 700; }
.seeker .match-company { display: block; margin-top: 3px; font-size: 14px; color: var(--sk-muted); }
.seeker .match-why { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.seeker .match-why em { font-style: normal; font-size: 12px; padding: 5px 11px; border-radius: 999px; background: var(--sk-good-bg); color: var(--sk-good); }
.seeker .dash-empty { margin: 0; padding: 18px; border-radius: var(--sk-radius); background: #fff; border: 1px solid var(--sk-line); font-size: 13.5px; color: var(--sk-muted); line-height: 1.7; }
/* עריכת שאלון ההעדפות: אותן שאלות של האשף, במסך של פרופיל */
.seeker .ed-actions { display: flex; gap: 10px; margin-top: 22px; }

.seeker .nt-actions { margin-bottom: 14px; }
.seeker .nt-list { display: flex; flex-direction: column; gap: 10px; }
.seeker .nt {
  display: flex; align-items: flex-start; gap: 16px; padding: 16px 20px;
  border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
  color: inherit; text-decoration: none;
}
.seeker .nt:hover { box-shadow: 0 4px 18px rgba(41, 135, 205, .18); text-decoration: none; }
.seeker .nt-main { flex: 1; min-width: 0; }
.seeker .nt-main strong { display: block; font-size: 15.5px; font-weight: 500; }
.seeker .nt-main p { margin: 5px 0 0; font-size: 14px; color: var(--sk-muted); line-height: 1.6; }
.seeker .nt-side { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; text-align: end; }
.seeker .nt-side em { font-style: normal; font-size: 11.5px; padding: 3px 9px; border-radius: 999px; background: #EDF1F6; color: var(--sk-muted); }
.seeker .nt-side span { font-size: 12.5px; color: var(--sk-muted); white-space: nowrap; }
.seeker .nt.is-new { border-inline-start: 3px solid var(--sk-action); }

/* ─── עמוד המנוי ─── */
.seeker .pl-state {
  display: flex; flex-wrap: wrap; gap: 14px 32px; justify-content: space-between; align-items: center;
  padding: 16px 18px; margin-bottom: 22px; border: 1px solid var(--sk-line);
  border-radius: var(--sk-radius); background: #fff;
}
.seeker .pl-state-main { display: flex; align-items: center; gap: 9px; }
.seeker .pl-state-main strong { font-size: 15px; font-weight: 600; }
.seeker .pl-state p { margin: 0; flex-basis: 100%; font-size: 14px; line-height: 1.6; }
.seeker .pl-tag {
  padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: .03em;
  background: #EFF1F5; color: var(--sk-muted);
}
.seeker .pl-tag.is-pro { background: var(--sk-navy); color: #fff; }
.seeker .pl-facts { display: flex; flex-wrap: wrap; gap: 8px 32px; margin: 0; }
.seeker .pl-facts div { min-width: 0; }
.seeker .pl-facts dt { margin: 0 0 2px; font-size: 11.5px; color: var(--sk-muted); letter-spacing: .02em; }
.seeker .pl-facts dd { margin: 0; font-size: 13px; max-width: 300px; line-height: 1.5; }
.seeker .pl-payments { background: #fff; border: 1px solid var(--sk-border); border-radius: 16px; overflow: hidden; }
.seeker .pl-payments th { font-size: 12px; font-weight: 400; color: var(--sk-muted); text-align: start; padding: 12px 14px; border-bottom: 1px solid var(--sk-border); }
.seeker .pl-payments td { padding: 13px 14px; font-size: 14px; border-bottom: 1px solid var(--sk-border); }
.seeker .pl-payments tr:last-child td { border-bottom: 0; }
.seeker .pl-note { margin: 10px 2px 0; font-size: 12.5px; color: var(--sk-muted); line-height: 1.7; }

.seeker .account-list { list-style: none; margin: 0; padding: 0; background: #fff; border-radius: var(--sk-radius); box-shadow: var(--sk-shadow); overflow: hidden; }
.seeker .account-list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 15px 20px; border-top: 1px solid var(--sk-border); }
.seeker .account-list li:first-child { border-top: 0; }
.seeker .account-list li a { margin-inline-start: auto; color: var(--sk-action); font-size: 14px; }
/*
 * שירותי האדם מדברים באותה שפה של שאר המחירים בעמוד.
 *
 * קודם הם היו כרטיסים גדולים יותר, עם מחיר בכחול ובמשקל כבד,
 * ובגריד שהשאיר עמודה ריקה בקצה. שני סוגי כרטיסים באותו עמוד
 * נקראים כשתי מערכות, ולא כמוצר אחד.
 */
.seeker .account-products { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.seeker .account-product {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  padding: 14px 16px; border-radius: var(--sk-radius); background: #fff;
  border: 1px solid var(--sk-line); text-decoration: none; color: inherit;
}
.seeker .account-product:hover { box-shadow: 0 4px 18px rgba(41, 135, 205, .18); }
.seeker .account-product .price { font-size: 16px; font-weight: 600; color: var(--sk-text); white-space: nowrap; }
.seeker .account-foot { display: flex; align-items: center; gap: 16px; margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--sk-border); font-size: 14px; }
.seeker .account-foot a { color: var(--sk-action); }
.seeker .account-foot form { margin-inline-start: auto; }

/* ─── מובייל ────────────────────────────────────────────────────────── */
@media (max-width: 760px) {
  .seeker .q-grid { grid-template-columns: 1fr; gap: 16px; }
  .seeker .ob-card { padding: 24px 18px; border-radius: 18px; }
  .seeker .ob-top { padding: 20px 0 36px; text-align: right; }
  .seeker .ob-top h1 { font-size: 24px; }
    /* במובייל הפסים מעל הכותרת ובמלוא הרוחב — כמו במוצר */
  .seeker .ob-segs { justify-content: stretch; margin-bottom: 34px; }
  .seeker .seg { flex: 1; width: auto; }
  .seeker .ob-sub { font-size: 14px; }
  .seeker .ob-bar { padding-bottom: 32px; }
  .seeker .btn-pill { flex: 1; padding: 0 20px; }
  .seeker .radio-row { grid-template-columns: 1fr 1fr; }
  /* שתי קוביות בשורה גם בטלפון: תשובה אחת למסך היא גלילה מיותרת */
  .seeker .pk-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .seeker .pk-tile { min-height: 124px; padding: 18px 12px; }
  .seeker .pk-tile strong { font-size: 15.5px; }
  .seeker .pk-tile span:not(.pk-icon) { font-size: 12.5px; }
  .seeker .sign-header { padding: 0 18px; }
}

/* ─── "רוצה לקבל יותר הזדמנויות?" ─────────────────────────────────────
   שורה שהיא הצעה מקבלת רקע מדורג; העדפה טכנית נשארת לבנה. */
.seeker .opps { display: flex; flex-direction: column; gap: 12px; }
.seeker .opp {
  display: flex; align-items: center; gap: 16px;
  padding: 16px 22px; border-radius: 14px;
  background: #fff; border: 1px solid var(--sk-border);
}
.seeker .opp.hot {
  border: 0;
  /* 90deg = לכיוון שמאל→ימין: ורוד בשמאל, כחול בימין, כמו במוצר */
  background: linear-gradient(90deg, #E7B9E4 0%, #B9A6E8 45%, #6FA8DC 100%);
  color: #fff;
}
.seeker .opp-text { flex: 1; min-width: 0; }
.seeker .opp-text strong { display: block; font-size: 15.5px; font-weight: 600; }
.seeker .opp-text span { display: block; margin-top: 4px; font-size: 13px; line-height: 1.5; opacity: .9; }

/* מתג: checkbox מוסתר + label שהוא הפקד הנראה */
.seeker .opp-switch { position: absolute; opacity: 0; width: 0; height: 0; }
.seeker .opp-knob {
  flex: none; width: 54px; height: 30px; border-radius: 999px;
  background: rgba(255, 255, 255, .45); position: relative; cursor: pointer;
  transition: background .18s;
}
.seeker .opp:not(.hot) .opp-knob { background: #D7DAE2; }
.seeker .opp-knob::after {
  content: ''; position: absolute; top: 3px; inset-inline-start: 3px;
  width: 24px; height: 24px; border-radius: 50%; background: #fff;
  transition: transform .18s;
}
.seeker .opp-switch:checked + .opp-knob { background: rgba(255, 255, 255, .95); }
.seeker .opp:not(.hot) .opp-switch:checked + .opp-knob { background: var(--sk-action); }
.seeker .opp-switch:checked + .opp-knob::after { transform: translateX(-24px); background: var(--sk-action); }
.seeker .opp:not(.hot) .opp-switch:checked + .opp-knob::after { background: #fff; }
.seeker .opp-switch:focus-visible + .opp-knob { box-shadow: 0 0 0 3px rgba(41, 135, 205, .4); }

/* כן / לא */
.seeker .opp-choice { display: flex; gap: 8px; flex: none; }
.seeker .opp-radio { position: absolute; opacity: 0; width: 0; height: 0; }
.seeker .opp-choice label {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 62px; min-height: 40px; padding: 0 16px; border-radius: 999px;
  background: rgba(255, 255, 255, .28); color: #fff; font-size: 15px; cursor: pointer;
  transition: background .15s;
}
.seeker .opp-radio:checked + label { background: #fff; color: #32343D; font-weight: 700; }
.seeker .opp-radio:focus-visible + label { box-shadow: 0 0 0 3px rgba(41, 135, 205, .4); }

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 760px) {
  .seeker .opp { padding: 14px 16px; gap: 12px; }
  .seeker .opp-text strong { font-size: 14.5px; }
  .seeker .opp-choice label { min-width: 54px; }
}

/* ─── קורות חיים ─────────────────────────────────────────────────────
   הודעות: לא היה להן עיצוב בסיס כלל באזור מחפשי העבודה, ולכן שגיאה
   נראתה כמו שורת טקסט רגילה. */
.seeker .notice {
  margin-bottom: 20px; padding: 14px 20px; border-radius: 14px;
  background: #fff; border: 1px solid var(--sk-border);
  font-size: 14.5px; line-height: 1.6; color: var(--sk-text);
}
.seeker .notice a { color: var(--sk-action); }
.seeker .notice.error { border-color: #F0C2C2; background: #FDF3F3; color: #9B2C2C; }
.seeker .notice.ok { border-color: var(--sk-green); background: #F1FAF3; color: var(--sk-good); }

.seeker .cv-card { padding: 26px 28px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow); }
.seeker .cv-headline { margin: 0 0 6px; font-size: 19px; font-weight: 700; }
.seeker .cv-summary { margin: 0; font-size: 15px; line-height: 1.7; color: var(--sk-muted); }
.seeker .cv-sec { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--sk-border); }
.seeker .cv-sec:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.seeker .cv-sec h2 { margin: 0 0 14px; font-size: 14px; font-weight: 600; color: var(--sk-muted); }
.seeker .cv-job { margin-bottom: 18px; }
.seeker .cv-job:last-child { margin-bottom: 0; }
.seeker .cv-job h3 { margin: 0; font-size: 16px; font-weight: 600; }
.seeker .cv-job h3 span { font-weight: 400; color: var(--sk-muted); }
.seeker .cv-period { margin: 3px 0 0; font-size: 13px; color: var(--sk-muted); }
.seeker .cv-job ul, .seeker .cv-sec > ul { margin: 9px 0 0; padding-inline-start: 18px; font-size: 14.5px; line-height: 1.75; }
.seeker .cv-tag {
  display: inline-block; margin: 0 0 7px 7px; padding: 6px 14px;
  border-radius: 999px; background: #F2F6FA; font-size: 13.5px;
}
.seeker .cv-raw { margin: 0; max-height: 320px; overflow: auto; white-space: pre-wrap; font: inherit; font-size: 14px; line-height: 1.7; }

.seeker .cv-upload { display: flex; flex-direction: column; gap: 18px; }

/* אזור הגרירה. שדה הקובץ עצמו מוסתר — ראה ההערה ב-views/cv.js. */
.seeker .cv-drop {
  position: relative;
  display: flex; flex-direction: column; align-items: center; gap: 5px;
  padding: 34px 22px; text-align: center; cursor: pointer;
  border: 1.5px dashed #C7D6E4; border-radius: 18px; background: #FBFCFE;
  transition: border-color .15s, background .15s;
}
.seeker .cv-drop:hover { border-color: var(--sk-action); background: #F5FAFE; }
.seeker .cv-drop.over { border-color: var(--sk-action); background: #EDF6FD; }
.seeker .cv-drop.has-file { border-style: solid; border-color: var(--sk-green); background: #F4FBF6; }
/*
 * השדה פרוס על כל האזור ולא מכווץ לאפס: כך לחיצה בכל מקום פותחת את
 * בורר הקבצים, והוא נשאר אלמנט בגודל אמיתי עבור כלי נגישות ואוטומציה.
 */
.seeker .cv-input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.seeker .cv-drop-icon { width: 30px; height: 30px; margin-bottom: 4px; color: var(--sk-action); }
.seeker .cv-drop.has-file .cv-drop-icon { color: var(--sk-green); }
.seeker .cv-drop-title { font-size: 16px; font-weight: 600; color: var(--sk-action); }
.seeker .cv-drop-sub { font-size: 13.5px; color: var(--sk-muted); }
.seeker .cv-drop-name {
  margin-top: 9px; padding: 6px 16px; border-radius: 999px;
  background: var(--sk-good-bg); color: var(--sk-good); font-size: 13.5px; font-weight: 600;
  max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.seeker .cv-paste summary { font-size: 14px; color: var(--sk-action); cursor: pointer; }
.seeker .cv-paste textarea {
  width: 100%; margin-top: 12px; padding: 16px 20px; font: inherit; font-size: 15px; line-height: 1.7;
  border: 1px solid var(--sk-border); border-radius: 16px; background: #fff; color: var(--sk-text); resize: vertical;
}
.seeker .cv-paste textarea:focus { outline: none; border-color: var(--sk-action); box-shadow: 0 0 0 3px rgba(41,135,205,.14); }
.seeker .cv-note { margin: 0; font-size: 13px; line-height: 1.7; color: var(--sk-muted); }

/* ─── התקדמות ההעלאה ────────────────────────────────────────────────
   שלב ראשון: אחוזים אמיתיים. שלב שני: פס נע, כי מה שקורה בשרת אינו
   ניתן למדידה מהדפדפן ומספר מזדחל היה שקר. */
.seeker .cv-upload.uploading .sk-btn,
.seeker .cv-upload.uploading .cv-paste { display: none; }
.seeker .cv-upload.uploading .cv-drop { opacity: .55; pointer-events: none; }
.seeker .cv-progress { padding: 20px 22px; border-radius: 16px; background: #F7FAFD; border: 1px solid var(--sk-border); }
.seeker .cv-progress-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.seeker .cv-progress-title { font-size: 15.5px; font-weight: 600; }
.seeker .cv-progress-pct { font-size: 18px; font-weight: 700; color: var(--sk-action); font-variant-numeric: tabular-nums; }
.seeker .cv-progress-bar { height: 8px; border-radius: 999px; background: #E3EAF2; overflow: hidden; }
.seeker .cv-progress-bar span {
  display: block; height: 100%; width: 0; border-radius: 999px;
  background: var(--sk-action); transition: width .25s ease;
}
.seeker .cv-progress-step { margin: 12px 0 0; font-size: 13.5px; color: var(--sk-muted); }

/* בשלב השני הפס מפסיק למדוד ומתחיל לזוז */
.seeker .cv-progress.working .cv-progress-bar span {
  background: linear-gradient(90deg, #2987CD 0%, #7EC8F0 45%, #2987CD 100%);
  background-size: 220% 100%;
  animation: cv-slide 1.5s linear infinite;
}
.seeker .cv-progress.working .cv-progress-step { color: var(--sk-action); }
@keyframes cv-slide { from { background-position: 100% 0; } to { background-position: -120% 0; } }
@media (prefers-reduced-motion: reduce) {
  .seeker .cv-progress.working .cv-progress-bar span { animation: none; }
}

@media (max-width: 760px) {
  .seeker .cv-card { padding: 20px 18px; }
}

/* ─── תובנות ─────────────────────────────────────────────────────────── */
.seeker .dash-tile {
  display: flex; align-items: center; gap: 16px; padding: 20px 22px;
  border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
  text-decoration: none; color: inherit;
}
.seeker .dash-tile:hover { box-shadow: 0 4px 18px rgba(41, 135, 205, .18); }
.seeker .dash-tile-main { flex: 1; min-width: 0; }
.seeker .dash-tile-main strong { display: block; font-size: 16px; font-weight: 600; }
.seeker .dash-tile-main span { display: block; margin-top: 4px; font-size: 13.5px; color: var(--sk-muted); line-height: 1.6; }
.seeker .dash-tile-tag {
  flex: none; padding: 6px 14px; border-radius: 999px;
  background: var(--sk-good-bg); color: var(--sk-good); font-size: 12.5px; font-weight: 700;
}
.seeker .dash-fine { margin: 10px 4px 0; font-size: 13px; color: var(--sk-muted); }

/* מסך ההמתנה */
.seeker .ins-build {
  padding: 44px 26px; text-align: center;
  border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
}
.seeker .ins-build h2 { margin: 18px 0 6px; font-size: 19px; font-weight: 700; }
.seeker .ins-build p { margin: 0 0 22px; font-size: 14.5px; color: var(--sk-muted); }
.seeker .ins-build .sk-btn { width: auto; min-width: 220px; }
.seeker .ins-build.working .sk-btn { opacity: .55; }
.seeker .ins-spin { display: flex; justify-content: center; gap: 7px; }
.seeker .ins-spin span {
  width: 9px; height: 9px; border-radius: 50%; background: var(--sk-action);
  animation: ins-pulse 1.1s ease-in-out infinite;
}
.seeker .ins-spin span:nth-child(2) { animation-delay: .16s; }
.seeker .ins-spin span:nth-child(3) { animation-delay: .32s; }
@keyframes ins-pulse { 0%, 70%, 100% { opacity: .25; transform: scale(.85); } 35% { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .seeker .ins-spin span { animation: none; opacity: .6; }
}

/* הדוח */
.seeker .ins { display: flex; flex-direction: column; gap: 16px; }
.seeker .ins-sec { padding: 26px 28px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow); }
.seeker .ins-kicker { display: block; margin-bottom: 14px; font-size: 13px; font-weight: 600; color: var(--sk-muted); }
/* הפתיחה נקראת כמכתב: פנייה, הצהרה, קריאה, ואז עמדה. */
.seeker .ins-who { padding: 32px 28px; background: linear-gradient(135deg, #F4F9FD 0%, #FFFFFF 55%); }
.seeker .ins-greet { margin: 0 0 14px; font-size: 15px; color: var(--sk-muted); }
.seeker .ins-who h2 { margin: 0 0 16px; font-size: 25px; font-weight: 700; line-height: 1.35; }
.seeker .ins-really { margin: 0; font-size: 16px; line-height: 1.85; }
.seeker .ins-verdict {
  margin: 20px 0 0; padding: 16px 20px; border-radius: 14px;
  background: #fff; border: 1px solid #D8E6F2;
  font-size: 15.5px; line-height: 1.8; color: #1F4A6E;
}
@media (max-width: 760px) {
  .seeker .ins-who { padding: 24px 18px; }
  .seeker .ins-who h2 { font-size: 21px; }
}

.seeker .ins-quote {
  margin: 0; padding: 18px 22px; border-radius: 16px;
  background: #F5F9FC; border-inline-start: 3px solid var(--sk-action);
  font-size: 15.5px; line-height: 1.85;
}
.seeker .ins-points { margin: 16px 0 0; padding-inline-start: 20px; font-size: 15px; line-height: 1.9; }

.seeker .ins-item { display: flex; gap: 14px; padding: 18px 0; border-top: 1px solid var(--sk-border); }
.seeker .ins-sec .ins-item:first-of-type { padding-top: 0; border-top: 0; }
.seeker .ins-item:last-child { padding-bottom: 0; }
.seeker .ins-num {
  flex: none; width: 26px; height: 26px; border-radius: 50%;
  background: #F0F5FA; color: var(--sk-action);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700;
}
.seeker .ins-body { flex: 1; min-width: 0; }
.seeker .ins-body h3 { margin: 2px 0 6px; font-size: 16.5px; font-weight: 600; }
.seeker .ins-body p { margin: 0; font-size: 15px; line-height: 1.75; }
.seeker .ins-evidence { margin-top: 8px !important; font-size: 13.5px !important; color: var(--sk-muted); }
.seeker .ins-how {
  margin-top: 10px !important; padding: 11px 16px; border-radius: 12px;
  background: #F1FAF3; color: var(--sk-good); font-size: 14.5px !important;
}

/* "מה כנראה חסר": שאלה ולא ליקוי, ולכן סימן שאלה ולא מספר סידורי. */
.seeker .ins-cost {
  margin: 0 0 18px; padding: 14px 18px; border-radius: 14px;
  background: #FFF6E8; color: #7A4E12; font-size: 14.5px; line-height: 1.75;
}
.seeker .ins-num.ask { background: #FFF1DC; color: var(--sk-warn); font-size: 15px; }
.seeker .ins-ask {
  margin-top: 10px !important; padding: 11px 16px; border-radius: 12px;
  background: #F3F7FB; color: #2A5C86; font-size: 14.5px !important;
}

.seeker .ins-next { padding: 20px 22px; border-radius: 16px; }
.seeker .ins-next.move { background: linear-gradient(90deg, #E7B9E4 0%, #B9A6E8 45%, #6FA8DC 100%); color: #fff; }
.seeker .ins-next.stay { background: #F1FAF3; color: #23502F; }
/*
 * הכותרת חייבת צבע מפורש: כלל h1,h2,h3 גלובלי קובע --blue, וצבע על
 * האלמנט עצמו גובר על ירושה מהמכל. בלי זה כותרת כהה יושבת על גרדיאנט.
 */
.seeker .ins-next h3 { margin: 0 0 8px; font-size: 17.5px; font-weight: 700; }
.seeker .ins-next.move h3 { color: #fff; }
.seeker .ins-next.stay h3 { color: #23502F; }
.seeker .ins-next p { margin: 0; font-size: 15px; line-height: 1.75; }
.seeker .ins-options { margin: 14px 0 0; padding-inline-start: 20px; font-size: 15px; line-height: 1.9; }
.seeker .ins-note { margin: 22px 4px 0; font-size: 13.5px; color: var(--sk-muted); line-height: 1.7; }
.seeker .ins-note a { color: var(--sk-action); }

@media (max-width: 760px) {
  .seeker .ins-sec { padding: 20px 18px; }
  .seeker .ins-who h2 { font-size: 19px; }
  .seeker .ins-build { padding: 34px 18px; }
}
.seeker .cv-insights-link { margin-top: 14px; }

/* ─── סרגל הניווט: שכבה שקופה שהתוכן עובר מתחתיה ────────────────────
   מה שהופך את זה לזכוכית אינו השקיפות אלא הצירוף: טשטוש עם הגברת
   רוויה, קצה עליון בהיר שתופס אור, וצל שמרחיק את הסרגל מהתוכן. */
.seeker .nav { position: sticky; top: 0; z-index: 60; padding: 16px 0 0; }
/*
 * הפרופורציות נמדדו מהמוצר החי: הסרגל צר מהתוכן שמתחתיו ולא נוגע
 * בקצוות, והוא גבוה יותר ממה שהיה כאן. הלוגו יושב בסוף השורה, כלומר
 * בשמאל, וזה מה שיש במוצר.
 */
.seeker .nav-glass {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
  min-height: 72px;
  padding: 0 12px 0 20px;
  display: flex; align-items: center; gap: 8px;
  border-radius: 999px;
  /* קצת יותר שקוף, כדי שהתוכן שעובר מתחת ייראה ולא יימחק */
  background: rgba(255, 255, 255, .5);
  -webkit-backdrop-filter: blur(26px) saturate(185%);
  backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .5);
  /* הקצה העליון בהיר יותר: כך משטח אמיתי תופס אור מלמעלה */
  border-top-color: rgba(255, 255, 255, .85);
  box-shadow: 0 8px 30px rgba(0, 26, 110, .10), 0 1px 2px rgba(0, 26, 110, .05);
}
/* הלוגו נדחף לקצה השמאלי, כמו במוצר. השם והיציאה נשארים צמודים לפריטים. */
/* הלוגו ומצב החשבון נעים יחד, ולכן הסדר והדחיפה יושבים על העטיפה */
.seeker .nav-lead { display: flex; align-items: center; gap: 9px; order: 9; margin-inline-start: auto; }
.seeker .nav-brand { display: flex; align-items: center; padding: 0 10px; }
/*
 * מה שהיה כאן: טבעת קרדיטים עם חלונית פירוט.
 *
 * הקרדיטים ירדו מהממשק. מספר שאיש לא מגיע אליו — משתמש כבד מנצל
 * פחות מחמישית מהתקרה — מלמד לספור, ואדם שסופר מפסיק לשאול. התקרה
 * נשארה בשרת כהגנה מפני שימוש שאינו אנושי, ואינה מוצגת לאיש.
 *
 * במקומה: הזמנה לשדרג, ורק למי שאין לו מנוי. הסרנו מונה, לא מסלול.
 */
.seeker .nav-up {
  display: inline-flex; align-items: center; gap: 6px; flex: none;
  height: 34px; padding: 0 14px; border-radius: 999px;
  background: #EDF5FC; color: var(--sk-action);
  font-size: 13.5px; font-weight: 700; text-decoration: none;
  transition: background .15s;
}
.seeker .nav-up:hover { background: #DCEBF8; text-decoration: none; }
.seeker .nav-up svg { width: 15px; height: 15px; }

.seeker .nav-brand svg { height: 26px; width: auto; }
.seeker .nav-brand svg .word { fill: #000; }
.seeker .nav-brand svg .mark { fill: none; stroke: #000; stroke-width: 1.6; stroke-linejoin: round; }

.seeker .nav-items { display: flex; align-items: center; gap: 2px; }
.seeker .nav-menu { position: relative; }
.seeker .nav-top {
  display: flex; align-items: center; gap: 6px;
  height: 44px; padding: 0 16px; border-radius: 999px;
  /* משקל רגיל: הסרגל הוא ניווט, ולא הדבר שצריך למשוך את העין */
  font-size: 15px; font-weight: 400; color: var(--sk-text);
  cursor: pointer; user-select: none; list-style: none; white-space: nowrap;
  transition: background .15s;
}
.seeker .nav-top::-webkit-details-marker { display: none; }
.seeker .nav-top:hover { background: rgba(255, 255, 255, .7); }
/* משוב על הלחיצה עצמה ולא על השחרור */
.seeker .nav-top:active { transform: scale(.97); }
.seeker .nav-menu[open] > .nav-top { background: #fff; }
/* הסעיף הפעיל מסומן בצבע ולא בעובי: עובי משנה את רוחב השורה וקופץ */
.seeker .nav-menu[data-current] > .nav-top { color: var(--sk-action); }
.seeker .nav-chev { width: 12px; height: 12px; opacity: .5; transition: transform .18s; }
.seeker .nav-menu[open] .nav-chev { transform: rotate(180deg); }
.seeker .nav-spark { width: 15px; height: 15px; }

/* פריט שאין מאחוריו מסך: נראה, ואינו מתנהג כקישור */
.seeker .nav-top.is-soon { color: var(--sk-muted); cursor: default; }
.seeker .nav-top.is-soon:hover { background: none; }
.seeker .nav-top.is-soon:active { transform: none; }
.seeker .nav-soon {
  padding: 3px 8px; border-radius: 999px; background: rgba(0, 26, 110, .07);
  font-size: 11px; font-weight: 600; color: var(--sk-muted); letter-spacing: .02em;
}

/*
 * התפריט כמעט אטום, ובכוונה: שכבה שקופה בהירה על שכבה שקופה בהירה
 * הורסת קריאוּת ונראית מלוכלכת. הזכוכית היא הסרגל, לא מה שנפתח ממנו.
 */
.seeker .nav-panel {
  position: absolute; top: calc(100% + 8px); inset-inline-start: 0;
  min-width: 232px; padding: 7px;
  border-radius: 18px; background: rgba(255, 255, 255, .97);
  -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, .8);
  box-shadow: 0 16px 44px rgba(0, 26, 110, .16);
  animation: nav-in .18s cubic-bezier(.2, .8, .3, 1);
  transform-origin: top center;
}
/* המשטח מתממש ולא רק דוהה: קנה מידה וטשטוש יחד */
@keyframes nav-in {
  from { opacity: 0; transform: translateY(-6px) scale(.97); filter: blur(4px); }
  to   { opacity: 1; transform: none; filter: none; }
}
.seeker .nav-link {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 13px; border-radius: 12px;
  font-size: 14.5px; color: var(--sk-text); text-decoration: none;
}
.seeker .nav-link:hover { background: #F2F7FB; text-decoration: none; }
.seeker .nav-link.current { color: var(--sk-action); background: #EDF5FC; }
.seeker .nav-tag {
  font-style: normal; font-size: 11.5px; font-weight: 600;
  padding: 3px 9px; border-radius: 999px; background: var(--sk-good-bg); color: var(--sk-good);
}

/* ─── הפעמון ─────────────────────────────────────────────────────────
   נפתח כמו כל תפריט אחר (details/summary), ולכן עובד גם בלי JS.
   הנקודה מופיעה רק כשיש משהו שלא נקרא. */
.seeker .nav-top.is-icon { position: relative; padding: 0; width: 42px; height: 42px; justify-content: center; }
.seeker .nav-bell-icon { width: 21px; height: 21px; }
/* אייקון החשבון, ליד הפעמון: שם מחפשים אותו, ולא בין סעיפי המוצר */
.seeker a.nav-top.is-icon { display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
.seeker a.nav-top.is-icon:hover { text-decoration: none; }
.seeker .nav-me-icon { width: 21px; height: 21px; }
.seeker a.nav-top.is-icon.current { color: var(--sk-action); background: #EDF5FC; }
.seeker .nav-dot {
  position: absolute; top: 4px; inset-inline-end: 4px;
  min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px;
  background: var(--sk-danger, #C0392B); color: #fff;
  font-size: 10.5px; line-height: 17px; text-align: center;
}
/*
 * רוחב קבוע ולא min-width: בלעדיו החלונית נמתחת לאורך ההתראה הארוכה
 * ביותר, החיתוך בשלוש נקודות אינו נכנס לפעולה, והיא בורחת מהמסך.
 */
.seeker .nav-bell .nav-panel { width: 330px; min-width: 0; }
.seeker .nav-notes-head {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 8px 13px 10px; font-size: 12.5px; color: var(--sk-muted);
}
.seeker .nav-notes-head button { background: none; border: 0; padding: 0; font: inherit; font-size: 12.5px; color: var(--sk-action); cursor: pointer; }
.seeker .nav-note {
  display: block; padding: 10px 13px; border-radius: 12px;
  font-size: 14px; color: var(--sk-text); text-decoration: none;
}
.seeker .nav-note:hover { background: #F2F7FB; text-decoration: none; }
.seeker .nav-note strong { display: block; font-weight: 500; }
.seeker .nav-note span {
  display: block; margin-top: 2px; font-size: 13px; color: var(--sk-muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* מה שלא נקרא מסומן בקו ולא בצבע רקע: הרשימה נשארת קריאה */
.seeker .nav-note.is-new { border-inline-start: 2px solid var(--sk-action); border-radius: 12px; }
.seeker .nav-note-empty { margin: 0; padding: 6px 13px 12px; font-size: 13px; color: var(--sk-muted); line-height: 1.6; }
.seeker .nav-notes-all {
  display: block; margin-top: 4px; padding: 10px 13px; border-top: 1px solid var(--sk-border);
  font-size: 13.5px; color: var(--sk-action); text-align: center;
}
.seeker .nav-tag.is-alert { background: rgba(192, 57, 43, .12); color: #C0392B; }

.seeker .nav-end { display: flex; align-items: center; gap: 10px; margin-inline-start: 14px; }
.seeker .nav-me { font-size: 14px; color: var(--sk-muted); }
.seeker .nav-out {
  height: 36px; padding: 0 16px; border: 0; border-radius: 999px;
  background: rgba(0, 26, 110, .06); color: var(--sk-text);
  font: inherit; font-size: 14px; cursor: pointer; transition: background .15s;
}
.seeker .nav-out:hover { background: rgba(0, 26, 110, .1); }
.seeker .nav-out:active { transform: scale(.97); }

.seeker .nav-burger {
  display: none; width: 40px; height: 40px; border: 0; border-radius: 999px;
  background: none; cursor: pointer; padding: 0;
  flex-direction: column; align-items: center; justify-content: center; gap: 4px;
}
.seeker .nav-burger span { display: block; width: 18px; height: 1.8px; border-radius: 2px; background: var(--sk-text); transition: transform .2s, opacity .2s; }
.seeker .nav-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(5.8px) rotate(45deg); }
.seeker .nav-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.seeker .nav-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5.8px) rotate(-45deg); }

/* גיליון המובייל: אין בו שכבה נוספת להיפתח, הכול פרוס */
.seeker .nav-sheet {
  width: min(1180px, calc(100% - 32px));
  margin: 8px auto 0; padding: 10px;
  border-radius: 24px; background: rgba(255, 255, 255, .97);
  -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, .8);
  box-shadow: 0 16px 44px rgba(0, 26, 110, .16);
  animation: nav-in .2s cubic-bezier(.2, .8, .3, 1);
}
.seeker .nav-sheet-group { padding: 6px 0; border-top: 1px solid var(--sk-border); }
.seeker .nav-sheet-group:first-child { border-top: 0; }
.seeker .nav-sheet-head {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 13px; font-size: 12.5px; font-weight: 400; color: var(--sk-muted); letter-spacing: .02em;
}
.seeker .nav-sheet-head.is-soon { padding: 14px 13px; font-size: 15px; color: var(--sk-muted); border-top: 1px solid var(--sk-border); font-weight: 500; }
.seeker .nav-sheet-out { padding: 10px 13px 6px; border-top: 1px solid var(--sk-border); }
.seeker .nav-sheet-out button { background: none; border: 0; padding: 0; font: inherit; font-size: 14.5px; color: var(--sk-action); cursor: pointer; }

@media (max-width: 900px) {
  .seeker .nav-items > .nav-menu, .seeker .nav-items > .nav-top, .seeker .nav-me, .seeker .nav-out { display: none; }
  /* הפעמון נשאר: התראה שצריך לפתוח תפריט כדי לראות אינה התראה */
  .seeker .nav-bell { display: block; }
  /*
   * במסך צר אין מקום לתלות חלונית מתחת לכפתור בלי שתחרוג מהצד.
   * לכן היא נצמדת למסך עצמו ולא לפעמון, ותמיד נכנסת.
   */
  .seeker .nav-bell .nav-panel {
    position: fixed; inset-inline: 14px; inset-block-start: 88px;
    min-width: 0; width: auto; max-height: 70vh; overflow-y: auto;
    /* אטום לגמרי: משטח קבוע שהתוכן נראה מבעדו נקרא כתקלה, לא כזכוכית */
    background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  .seeker .nav-burger { display: flex; }
  .seeker .nav-glass { padding: 0 6px 0 14px; }
}

/* הכותרת הישנה יורדת מהמסך כשיש סרגל */
.seeker .nav ~ .sign-header { display: none; }

/*
 * המשטח: לוח לבן אחד שמחזיק את כל התוכן, עם פינות עליונות גדולות.
 * זה ההבדל המבני בין המסכים האלה לבין המוצר החי. בלוקים שצפים ישירות
 * על הרקע נראים כמו רשימת פתקים; משטח אחד נותן להם מסגרת.
 */
/*
 * המשטח רחב מהסרגל בהרבה, וזה היחס שיש במוצר: סרגל צר שצף, ולוח
 * כמעט מלא רוחב שמתחתיו.
 */
.seeker .surface {
  width: min(1400px, calc(100% - 40px));
  margin: 20px auto 0;
  min-height: calc(100vh - 140px);
  padding: 8px 0 40px;
  border-radius: 40px 40px 0 0;
  background: #fff;
  box-shadow: 0 -1px 0 rgba(0, 26, 110, .04), 0 10px 40px rgba(0, 26, 110, .06);
}
/* המשטח כבר לבן, ולכן הכרטיסים שבתוכו אינם צריכים צל משלהם */
.seeker .surface .dash { width: min(880px, calc(100% - 72px)); padding-top: 10px; }

@media (max-width: 760px) {
  .seeker .surface { width: 100%; margin-top: 14px; border-radius: 26px 26px 0 0; padding: 4px 0 32px; }
  .seeker .surface .dash { width: calc(100% - 32px); }
}

/*
 * שתי העדפות אמיתיות של המשתמש, ולא של המעצב: מי שביקש פחות שקיפות
 * מקבל משטח אטום, ומי שביקש פחות תנועה מקבל את אותו סרגל בלי המעברים.
 */
@media (prefers-reduced-transparency: reduce) {
  .seeker .nav-glass, .seeker .nav-panel, .seeker .nav-sheet {
    background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none;
    border-color: var(--sk-border);
  }
}
@media (prefers-reduced-motion: reduce) {
  .seeker .nav-panel, .seeker .nav-sheet { animation: none; }
  .seeker .nav-top:active, .seeker .nav-out:active { transform: none; }
  .seeker .nav-chev { transition: none; }
}

/* ─── התאמת קו"ח למשרה ──────────────────────────────────────────────── */
.seeker .tl-form {
  padding: 22px 24px; margin-bottom: 22px;
  border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
}
.seeker .tl-label { display: block; margin-bottom: 10px; font-size: 14.5px; font-weight: 600; }
.seeker .tl-form textarea {
  width: 100%; padding: 16px 20px; font: inherit; font-size: 15px; line-height: 1.7;
  border: 1px solid var(--sk-border); border-radius: 16px; background: #FBFCFE;
  color: var(--sk-text); resize: vertical;
}
.seeker .tl-form textarea:focus { outline: none; border-color: var(--sk-action); box-shadow: 0 0 0 3px rgba(41,135,205,.14); }
.seeker .tl-actions { display: flex; align-items: center; gap: 16px; margin-top: 16px; flex-wrap: wrap; }
.seeker .tl-actions .sk-btn { width: auto; min-width: 220px; }
.seeker .tl-working { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--sk-muted); }
.seeker .tl-working .ins-spin span { width: 7px; height: 7px; }
.seeker .tl-stamp { margin: 0 4px 14px; font-size: 13px; color: var(--sk-muted); }

.seeker .tl-verdict { margin: 0; font-size: 16px; line-height: 1.8; }
.seeker .tl-covered { margin: 14px 0 0; padding-inline-start: 20px; font-size: 15px; line-height: 1.9; }
.seeker .tl-hint { margin: -4px 0 14px; font-size: 13.5px; color: var(--sk-muted); line-height: 1.6; }

/* ─── מד ההתאמה ─────────────────────────────────────────────────────
   ארבע רמות ולא מספר. מספר מרמז על מדידה שלא קיימת. */
.seeker .tl-head { display: flex; align-items: flex-start; gap: 26px; flex-wrap: wrap; }
.seeker .tl-head-text { flex: 1; min-width: 260px; }
.seeker .tl-meter { flex: none; width: 168px; padding: 18px 20px; border-radius: 18px; background: #F7FAFD; border: 1px solid var(--sk-border); }
.seeker .tl-bars { display: flex; gap: 5px; margin-bottom: 12px; }
.seeker .tl-bars span { flex: 1; height: 7px; border-radius: 999px; background: #E3EAF2; transition: background .4s ease; }
.seeker .tl-level { display: block; font-size: 18px; font-weight: 700; line-height: 1.3; }

.seeker .tl-meter.perfect .tl-bars .on { background: var(--sk-good); }
.seeker .tl-meter.perfect .tl-level { color: var(--sk-good); }
.seeker .tl-meter.good .tl-bars .on { background: #4F9E5F; }
.seeker .tl-meter.good .tl-level { color: #3B7F4A; }
.seeker .tl-meter.partial .tl-bars .on { background: #D9922B; }
.seeker .tl-meter.partial .tl-level { color: var(--sk-warn); }
.seeker .tl-meter.none .tl-bars .on { background: var(--sk-bad); }
.seeker .tl-meter.none .tl-level { color: var(--sk-bad); }
@media (prefers-reduced-motion: reduce) { .seeker .tl-bars span { transition: none; } }

.seeker .tl-measure { margin: 8px 0 0; font-size: 13px; color: var(--sk-muted); line-height: 1.6; }
.seeker .tl-checks { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.seeker .tl-checks li { position: relative; padding-inline-start: 24px; font-size: 14.5px; line-height: 1.6; }
.seeker .tl-checks li::before {
  position: absolute; inset-inline-start: 0; top: 0;
  width: 17px; height: 17px; border-radius: 50%; display: grid; place-items: center;
  font-size: 11px; font-weight: 700; line-height: 1;
}
.seeker .tl-checks .yes::before { content: "✓"; background: var(--sk-good-bg); color: var(--sk-good); }
.seeker .tl-checks .no::before { content: "−"; background: #FBECEA; color: var(--sk-bad); }

/* מתחת לסף אין מסמך, ולכן גם אין כאן כפתור הורדה */
.seeker .tl-stop { border: 1px solid #F0C2C2; background: #FDF7F6; }
.seeker .tl-stop h2 { margin: 0 0 10px; font-size: 18px; font-weight: 700; color: #9B2C2C; }
.seeker .tl-stop p { margin: 0 0 18px; font-size: 15px; line-height: 1.8; }
.seeker .tl-stop .sk-btn { width: auto; }

/* תצוגה מקדימה של המסמך */
.seeker .tl-doc-headline { margin: 0 0 8px; font-size: 18px; font-weight: 700; line-height: 1.4; }
.seeker .tl-doc-summary { margin: 0 0 22px; font-size: 15.5px; line-height: 1.8; color: #444; }
.seeker .tl-role { padding-top: 18px; margin-top: 18px; border-top: 1px solid var(--sk-border); }
.seeker .tl-doc .tl-role:first-of-type { padding-top: 0; margin-top: 0; border-top: 0; }
.seeker .tl-role-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.seeker .tl-role-head h3 { margin: 0; font-size: 16px; font-weight: 600; }
.seeker .tl-role-head h3 span { font-weight: 400; color: var(--sk-muted); }
.seeker .tl-period { font-size: 13px; color: var(--sk-muted); white-space: nowrap; }
.seeker .tl-bullets { list-style: none; margin: 10px 0 0; padding: 0; }
.seeker .tl-bullets li { padding: 9px 0; border-top: 1px dashed #E8EEF4; }
.seeker .tl-bullets li:first-child { border-top: 0; padding-top: 0; }
.seeker .tl-bullet-text { display: block; font-size: 15px; line-height: 1.75; }
.seeker .tl-source { display: block; margin-top: 4px; font-style: normal; font-size: 12.5px; color: var(--sk-muted); }
.seeker .tl-doc-note { margin: 20px 0 18px; padding: 12px 16px; border-radius: 12px; background: #F5F8FB; font-size: 13.5px; color: var(--sk-muted); line-height: 1.7; }
.seeker .tl-download { width: 100%; gap: 10px; }
.seeker .tl-download svg { width: 20px; height: 20px; }

.seeker .tl-sell { padding: 26px 28px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow); }
.seeker .tl-sell h2 { margin: 0 0 14px; font-size: 17px; font-weight: 600; }
.seeker .tl-sell ol { margin: 0; padding-inline-start: 20px; font-size: 15px; line-height: 2; }
.seeker .tl-sell-note { margin: 18px 0 0; padding: 14px 18px; border-radius: 14px; background: #F1FAF3; color: var(--sk-good); font-size: 14.5px; line-height: 1.75; }
.seeker .tl-history .account-list a { margin-inline-start: 0; }
.seeker .tl-history .account-list li .small { margin-inline-start: auto; }

@media (max-width: 760px) {
  .seeker .tl-form { padding: 18px 16px; }
  .seeker .tl-actions .sk-btn { width: 100%; }
}

/* ─── MetchAI ───────────────────────────────────────────────────────── */
/*
 * שתי עמודות: השיחות בצד, השיחה עצמה במרכז.
 *
 * הצד קבוע ודק, כי הוא ניווט ולא תוכן. הוא נדבק למעלה כדי שאפשר
 * יהיה לעבור בין שיחות גם באמצע גלילה ארוכה.
 */
.seeker-chat .ch-split {
  display: grid; grid-template-columns: 244px minmax(0, 1fr);
  gap: 26px; width: min(1060px, calc(100% - 36px)); margin: 0 auto;
}
/* עמודה בגובה המסך: השיחה גדלה, ושדה הכתיבה נשאר למטה גם כשיש
   שתי הודעות בלבד */
.seeker-chat .ch {
  width: 100%; margin: 0; padding: 24px 0 24px; min-width: 0;
  display: flex; flex-direction: column; min-height: calc(100vh - 168px);
}
/*
 * מסגרת דקה סביב השיחה.
 *
 * בלעדיה ההודעות צפות על הרקע של העמוד, ואין שום דבר שאומר איפה
 * השיחה מתחילה ואיפה היא נגמרת — במיוחד כשיש בה שתי הודעות והשאר
 * חלל. קו אחד קובע גבול בלי להוסיף עוד משטח.
 */
.seeker-chat .ch-thread {
  flex: 1;
  padding: 18px; border: 1px solid var(--sk-line); border-radius: var(--sk-radius);
  background: #fff;
}
.seeker .ch-foot { margin: 10px 0 0; text-align: center; }

.seeker .ch-side { padding-top: 24px; position: sticky; top: 92px; align-self: start; max-height: calc(100vh - 120px); display: flex; flex-direction: column; gap: 12px; }
.seeker .ch-new {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  width: 100%; height: 40px; border: 1px solid var(--sk-border); border-radius: 999px;
  background: #fff; font: inherit; font-size: 14px; color: var(--sk-text); cursor: pointer;
  transition: border-color .15s, background .15s;
}
.seeker .ch-new svg { width: 16px; height: 16px; }
.seeker .ch-new:hover { border-color: var(--sk-action); color: var(--sk-action); }
.seeker .ch-side-list { display: flex; flex-direction: column; gap: 2px; overflow-y: auto; }
.seeker .ch-side-item {
  display: block; padding: 9px 12px; border-radius: 12px;
  color: var(--sk-text); text-decoration: none;
}
.seeker .ch-side-item strong {
  display: block; font-size: 14px; font-weight: 400;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.seeker .ch-side-item span { font-size: 11.5px; color: var(--sk-muted); }
.seeker .ch-side-item:hover { background: #F2F4F7; text-decoration: none; }
.seeker .ch-side-item.is-on { background: #EDF5FC; color: var(--sk-action); }
.seeker .ch-side-item.is-on span { color: var(--sk-action); opacity: .7; }
.seeker .ch-side-empty { margin: 6px 12px; font-size: 13px; color: var(--sk-muted); line-height: 1.6; }

/* במסך צר הרשימה עוברת למעלה ונגללת לרוחב: עמודה של 244 פיקסלים
   בטלפון היא חצי מהמסך, ואז לא נשאר מקום לשיחה עצמה */
@media (max-width: 900px) {
  .seeker-chat .ch-split { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .seeker .ch-side { position: static; max-height: none; padding-top: 16px; }
  .seeker .ch-side-list { flex-direction: row; overflow-x: auto; gap: 6px; padding-bottom: 4px; }
  .seeker .ch-side-item { flex: none; max-width: 190px; border: 1px solid var(--sk-border); }
  .seeker .ch-side-item span { display: none; }
  .seeker-chat .ch { padding-top: 8px; }
}
.seeker .ch-thread { display: flex; flex-direction: column; gap: 14px; }

.seeker .ch-row { display: flex; }
/*
 * ההודעות שלי בשמאל ושל הסוכן בימין. זו לא בחירה אלא מה שאפליקציות
 * ההודעות עושות בעברית, ומי שרגיל אחרת קורא את השיחה הפוך.
 */
.seeker .ch-row.mine { justify-content: flex-end; }
.seeker .ch-row.theirs { justify-content: flex-start; }
.seeker .ch-bubble {
  max-width: 82%; padding: 14px 18px; border-radius: 20px;
  font-size: 15.5px; line-height: 1.75;
}
.seeker .ch-row.theirs .ch-bubble { background: #fff; box-shadow: var(--sk-shadow); border-top-right-radius: 6px; }
.seeker .ch-row.mine .ch-bubble { background: var(--sk-action); color: #fff; border-top-left-radius: 6px; }
.seeker .ch-bubble p { margin: 0 0 10px; }
.seeker .ch-bubble p:last-child { margin-bottom: 0; }
.seeker .ch-typing .ch-bubble { display: flex; align-items: center; gap: 10px; padding: 14px 18px; }
/* המשפט שמתחלף בזמן ההמתנה: מופיע ונעלם בעדינות, בלי לקפוץ */
.seeker .ch-typing-line { font-size: 13.5px; color: var(--sk-muted); transition: opacity .18s ease; }
.seeker .ch-typing-line.is-out { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .seeker .ch-typing-line { transition: none; } }

/* פתיחה: שיחה ריקה היא בעיית הדף הלבן */
.seeker .ch-intro { padding: 34px 28px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow); text-align: center; }
.seeker .ch-mark { width: 46px; height: 46px; margin: 0 auto 14px; display: grid; place-items: center;
  border-radius: 50%; background: linear-gradient(135deg, #E7B9E4 0%, #B9A6E8 45%, #6FA8DC 100%); color: #fff; }
.seeker .ch-mark svg { width: 26px; height: 26px; }
.seeker .ch-intro h2 { margin: 0 0 10px; font-size: 21px; font-weight: 700; }
.seeker .ch-intro p { margin: 0 auto 8px; max-width: 460px; font-size: 15px; line-height: 1.75; color: var(--sk-muted); }
.seeker .ch-limit { font-size: 13.5px !important; }
.seeker .ch-limit a { color: var(--sk-action); }
.seeker .ch-openers { display: flex; flex-direction: column; gap: 9px; margin-top: 22px; }
.seeker .ch-opener {
  padding: 13px 18px; border: 1px solid var(--sk-border); border-radius: 14px;
  background: #FBFCFE; font: inherit; font-size: 14.5px; color: var(--sk-text);
  text-align: start; cursor: pointer; transition: background .15s, border-color .15s;
}
.seeker .ch-opener:hover { background: #F2F7FB; border-color: var(--sk-action); }
.seeker .ch-opener:active { transform: scale(.99); }

/*
 * שדה הכתיבה נדבק לתחתית עמודת השיחה ולא למסך.
 *
 * fixed היה ממרכז אותו לרוחב החלון, בזמן שהשיחה עצמה יושבת בעמודה
 * שמימין לרשימה — ואז שדה הכתיבה מרחף מול הרשימה במקום מול השיחה.
 */
.seeker .ch-form {
  position: sticky; bottom: 18px; z-index: 50;
  width: 100%; margin: 12px 0 0;
  /* padding-inline-start גדול יותר: הכיתוב היה נוגע בקצה הקפסולה */
  display: flex; align-items: flex-end; gap: 8px; padding: 8px; padding-inline-start: 20px;
  border-radius: 26px; background: rgba(255, 255, 255, .78);
  -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .6); border-top-color: rgba(255, 255, 255, .9);
  box-shadow: 0 8px 30px rgba(0, 26, 110, .12);
}
.seeker .ch-form textarea {
  flex: 1; min-height: 40px; max-height: 160px; padding: 9px 0;
  border: 0; background: none; resize: none; font: inherit; font-size: 15.5px;
  line-height: 1.5; color: var(--sk-text);
}
.seeker .ch-form textarea:focus { outline: none; }
/* אותו כפתור בדיוק כמו במסך הבית: שני מקומות, ממשק אחד */
.seeker .ch-form button {
  flex: none; width: 42px; height: 42px; border: 0; border-radius: 50%;
  background: var(--sk-text); color: #fff; cursor: pointer;
  display: grid; place-items: center; transition: background .15s;
}
.seeker .ch-form button:hover { background: #000; }
.seeker .ch-form button:active { transform: scale(.94); }
.seeker .ch-form button svg { width: 20px; height: 20px; }

.seeker .ch-foot { display: flex; align-items: center; gap: 14px; justify-content: center;
  margin: 22px 0 0; font-size: 13px; color: var(--sk-muted); }

@media (max-width: 760px) {
  .seeker .ch-bubble { max-width: 90%; }
  .seeker .ch-intro { padding: 26px 18px; }
}

/* מד ניצול, ולא מספר שנשאר: מספר בלי קנה מידה אינו אומר דבר */
/*
 * width מפורש ולא רק max-width: בתוך עמודה שהיא flex, שוליים
 * אוטומטיים מבטלים את המתיחה לרוחב, והמד היה מתכווץ לרוחב הטקסט.
 */
.seeker .ch-quota { width: min(340px, 100%); margin: 22px auto 10px; }
.seeker .ch-quota-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 7px; font-size: 12.5px; color: var(--sk-muted); }
.seeker .ch-quota-head strong { font-size: 13.5px; font-weight: 700; color: var(--sk-text); font-variant-numeric: tabular-nums; }
.seeker .ch-quota-bar { height: 6px; border-radius: 999px; background: #E3EAF2; overflow: hidden; }
.seeker .ch-quota-bar span { display: block; height: 100%; border-radius: 999px; background: var(--sk-action); transition: width .4s ease; }
.seeker .ch-quota.full .ch-quota-bar span { background: var(--sk-bad); }
.seeker .ch-quota.full .ch-quota-head strong { color: var(--sk-bad); }
@media (prefers-reduced-motion: reduce) { .seeker .ch-quota-bar span { transition: none; } }

.seeker .ch-done { margin: 26px auto 0; width: min(480px, 100%); padding: 18px 22px; border-radius: 16px;
  background: #FDF3F3; border: 1px solid #F0C2C2; text-align: center; }
.seeker .ch-done strong { display: block; margin-bottom: 6px; font-size: 15.5px; color: #9B2C2C; }
.seeker .ch-done p { margin: 0; font-size: 14px; line-height: 1.7; color: #7A3A3A; }
.seeker .ch-done a { color: var(--sk-action); }

/* ─── פיד הפוסטים ───────────────────────────────────────────────────── */
.seeker .fd-avatar {
  flex: none; width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center;
  background: linear-gradient(135deg, #E7B9E4 0%, #B9A6E8 45%, #6FA8DC 100%);
  color: #fff; font-size: 14px; font-weight: 700;
}
.seeker .fd-avatar.small { width: 30px; height: 30px; font-size: 11.5px; }

.seeker .fd-new { display: flex; gap: 14px; padding: 20px 22px; margin-bottom: 22px;
  border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow); }
.seeker .fd-new-main { flex: 1; min-width: 0; }
.seeker .fd-new textarea {
  width: 100%; min-height: 58px; padding: 10px 0; border: 0; resize: vertical;
  font: inherit; font-size: 15.5px; line-height: 1.7; color: var(--sk-text); background: none;
}
.seeker .fd-new textarea:focus { outline: none; }
.seeker .fd-new-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--sk-border); }
.seeker .fd-new-foot span { font-size: 12.5px; color: var(--sk-muted); }
.seeker .fd-new-foot .sk-btn { width: auto; min-height: 42px; padding: 0 28px; font-size: 15px; }
.seeker .fd-blocked { display: block; margin-top: 6px; font-size: 13px; opacity: .85; }

.seeker .fd-list { display: flex; flex-direction: column; gap: 16px; }
.seeker .fd-post { padding: 20px 22px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow); }
.seeker .fd-post > header { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.seeker .fd-post > header strong { display: block; font-size: 15px; font-weight: 600; }
.seeker .fd-when { font-size: 12.5px; color: var(--sk-muted); }
.seeker .fd-body { font-size: 15.5px; line-height: 1.8; }
.seeker .fd-body p { margin: 0 0 10px; }
.seeker .fd-body p:last-child { margin-bottom: 0; }

/*
 * דיווח קטן, בצד, ובלי צבע. הוא הכרחי, אבל כפתור שמוריד תוכן של אדם
 * אחר לא אמור לשבת באותו משקל של לייק.
 */
.seeker .fd-report { margin-inline-start: auto; }
.seeker .fd-report button { background: none; border: 0; padding: 4px 6px; font: inherit; font-size: 12px;
  color: #A6ABB8; cursor: pointer; }
.seeker .fd-report button:hover { color: var(--sk-bad); text-decoration: underline; }

.seeker .fd-actions { display: flex; gap: 6px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--sk-border); }
.seeker .fd-actions form { margin: 0; }
.seeker .fd-act {
  display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px;
  border: 0; border-radius: 999px; background: none; color: var(--sk-muted);
  font: inherit; font-size: 14px; cursor: pointer;
  transition: background var(--dur-quick) ease, color var(--dur-quick) ease,
              transform var(--dur-press) var(--ease-out);
}
/*
 * הלב גדל מעט כשהוא מלא. מעבר ולא keyframes: לייק הוא מתג שאפשר
 * ללחוץ עליו פעמיים בשנייה, ומעבר ממשיך מהערך הנוכחי בזמן שקדרים
 * מתחילים כל פעם מאפס ומקפיצים אותו.
 */
.seeker .fd-act svg {
  width: 19px; height: 19px;
  transition: transform var(--dur-quick) var(--ease-out);
}
.seeker .fd-act.on svg { transform: scale(1.12); }
.seeker .fd-act:hover { background: #F2F7FB; color: var(--sk-text); }
.seeker .fd-act:active { transform: scale(.96); }
.seeker .fd-act.on { color: #D6336C; }
@media (prefers-reduced-motion: reduce) {
  .seeker .fd-act:active { transform: none; }
  .seeker .fd-act.on svg { transform: none; }
}

.seeker .fd-comments { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--sk-border); }
.seeker .fd-comments ul { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.seeker .fd-comment { display: flex; gap: 10px; }
.seeker .fd-comment > div { flex: 1; min-width: 0; }
.seeker .fd-comment-head { display: flex; align-items: baseline; gap: 9px; margin-bottom: 3px; }
.seeker .fd-comment-head strong { font-size: 14px; font-weight: 600; }
.seeker .fd-comment-head span { font-size: 12px; color: var(--sk-muted); }
.seeker .fd-comment p { margin: 0; font-size: 14.5px; line-height: 1.7; }
.seeker .fd-comment-form { display: flex; gap: 8px; }
.seeker .fd-comment-form input {
  flex: 1; min-height: 40px; padding: 0 16px; border: 1px solid var(--sk-border);
  border-radius: 999px; background: #FBFCFE; font: inherit; font-size: 14.5px; color: var(--sk-text);
}
.seeker .fd-comment-form input:focus { outline: none; border-color: var(--sk-action); }
.seeker .fd-comment-form button {
  flex: none; height: 40px; padding: 0 18px; border: 0; border-radius: 999px;
  background: #EDF3F9; color: var(--sk-action); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
}
.seeker .fd-comment-form button:hover { background: #E1EDF7; }

/* פוסט שירד: רק בעליו רואה אותו, כדי שידע ולא יכתוב שוב אותו דבר */
.seeker .fd-post.gone { background: #FBFBFC; box-shadow: none; border: 1px dashed var(--sk-border); }
.seeker .fd-gone { margin: 0; font-size: 14px; color: var(--sk-muted); font-style: italic; }
.seeker .fd-comment.gone p { color: var(--sk-muted); font-style: italic; }

@media (max-width: 760px) {
  .seeker .fd-new, .seeker .fd-post { padding: 16px 15px; }
  .seeker .fd-new-foot { flex-direction: column; align-items: stretch; gap: 10px; }
  .seeker .fd-new-foot .sk-btn { width: 100%; }
}

/* שני כפתורים: הבדיקה משנית ולכן היא ghost, וההתאמה היא הפעולה */
.seeker .tl-actions .sk-btn { width: auto; min-width: 0; padding: 0 26px; }
.seeker .tl-note { margin: 12px 2px 0; font-size: 12.5px; color: var(--sk-muted); }
.seeker .tl-next { text-align: center; background: linear-gradient(135deg, #F4F9FD 0%, #FFFFFF 60%); }
.seeker .tl-next h2 { margin: 0 0 8px; font-size: 19px; font-weight: 700; }
.seeker .tl-next p { margin: 0 0 20px; font-size: 14.5px; color: var(--sk-muted); line-height: 1.7; }
.seeker .tl-next form { margin: 0; }
.seeker .tl-next .sk-btn { width: auto; min-width: 280px; }

/* ─── המנוי ─────────────────────────────────────────────────────────── */
/*
 * מה שנכלל: שתי עמודות, לא שבע שורות.
 *
 * שבע מילים קצרות שכל אחת תופסת שורה ברוחב מלא הן ארבע מאות פיקסל
 * של אוויר — והן גם קשות יותר לסריקה, כי העין נוסעת מרחק שלם בין
 * פריט לפריט. רשימה קצרה נקראת במבט אחד כשהיא צפופה.
 */
.seeker .pl-list {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: 1fr 1fr;
  background: #fff; border: 1px solid var(--sk-line); border-radius: var(--sk-radius); overflow: hidden;
}
.seeker .pl-item { display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-top: 1px solid var(--sk-line); }
.seeker .pl-item:nth-child(-n+2) { border-top: 0; }
/* קו בין העמודות. לוגי ולא פיזי: הוא גבול של קריאה, לא של קומפוזיציה */
.seeker .pl-item:nth-child(even) { border-inline-start: 1px solid var(--sk-line); }
.seeker .pl-check { flex: none; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; background: var(--sk-good-bg); color: var(--sk-good); }
.seeker .pl-check svg { width: 11px; height: 11px; }
.seeker .pl-label { flex: 1; min-width: 0; font-size: 13.5px; }
.seeker .pl-label em { font-style: normal; margin-inline-start: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(0,26,110,.07); font-size: 11px; font-weight: 600; color: var(--sk-muted); }
.seeker .pl-limit { flex: none; font-size: 13px; color: var(--sk-muted); }
/* היכולת שבגללה הגיע לכאן מסומנת, אחרת שש שורות באותו משקל מאבדות אותה */
.seeker .pl-item.on { background: #F4FAFF; }
.seeker .pl-item.on .pl-label { font-weight: 600; }
.seeker .pl-item.soon .pl-check { background: #F0F2F6; color: #A6ABB8; }

.seeker .pl-prices { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.seeker .pl-price {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 16px; border-radius: var(--sk-radius); background: #fff;
  text-decoration: none; color: inherit;
  border: 1px solid var(--sk-line); transition: border-color .15s, background .15s;
}
.seeker .pl-price:hover { border-color: var(--sk-action); background: #FBFDFF; }
.seeker .pl-price-name { font-size: 14px; font-weight: 500; }
.seeker .pl-price-value { font-size: 16px; font-weight: 600; color: var(--sk-text); white-space: nowrap; }

/* אותו משטח כמו כל שאר העמוד: רשימה שצפה על הרקע נראית כמו שארית */
.seeker .pl-usage {
  list-style: none; margin: 0; padding: 20px 22px; display: flex; flex-direction: column; gap: 16px;
  background: #fff; border: 1px solid var(--sk-border); border-radius: 16px;
}
.seeker .pl-usage li.soon { opacity: .55; }
.seeker .pl-usage-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 7px; font-size: 14px; }
.seeker .pl-usage-head strong { font-size: 13.5px; color: var(--sk-muted); font-variant-numeric: tabular-nums; }
.seeker .pl-usage-head em { font-style: normal; margin-inline-start: 6px; font-size: 11px; color: var(--sk-muted); }
.seeker .pl-bar { height: 6px; border-radius: 999px; background: #E3EAF2; overflow: hidden; }
.seeker .pl-bar span { display: block; height: 100%; border-radius: 999px; background: var(--sk-action); }

/* הארנק בעמוד המנוי: אותו מד בדיוק כמו זה שבסרגל, בגודל של עמוד */
.seeker .pl-wallet {
  padding: 16px 18px; background: #fff; border: 1px solid var(--sk-line); border-radius: var(--sk-radius);
}
.seeker .pl-wallet-num { display: flex; align-items: baseline; gap: 7px; margin-bottom: 10px; }
/*
 * מספר, לא כרזה.
 *
 * ארבעים פיקסל על מספר דו-ספרתי הופכים אותו לכותרת של העמוד, והוא
 * אינו הכותרת — הוא נתון אחד מתוך כמה. שלושים פיקסל עדיין נקראים
 * ממטר, ומשאירים את המשקל למקום שבו הוא נחוץ.
 */
.seeker .pl-wallet-num strong { font-size: 28px; font-weight: 700; letter-spacing: -.8px; line-height: 1; }
.seeker .pl-wallet-num span { font-size: 13px; color: var(--sk-muted); }
.seeker .pl-wallet .pl-note { margin: 10px 0 0; font-size: 12.5px; }
/* נגמר: כתום, בדיוק כמו הטבעת בסרגל, כדי ששני המקומות יאמרו אותו דבר */
.seeker .pl-wallet.is-out .pl-bar span { background: #E08A3C; }
.seeker .pl-wallet.is-out .pl-wallet-num strong { color: #B7691F; }

/* ─── המשרות שלי ────────────────────────────────────────────────────
   רשימה אחת לכל המשרות, ולכן המקור והמצב הם תוויות ולא עמודות. */
.seeker .mj-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.seeker .mj-tab {
  padding: 8px 16px; border-radius: 999px; background: #fff; box-shadow: var(--sk-shadow);
  font-size: 14px; text-decoration: none; color: var(--sk-muted); white-space: nowrap;
}
.seeker .mj-tab.current { background: var(--sk-action); color: #fff; box-shadow: none; }

.seeker .mj-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.seeker .mj {
  display: flex; flex-direction: column; gap: 4px; padding: 20px;
  border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
  text-decoration: none; color: inherit;
}
.seeker .mj.is-link:hover { box-shadow: 0 4px 18px rgba(41, 135, 205, .18); }
.seeker .mj-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.seeker .mj-title { font-size: 17px; font-weight: 700; line-height: 1.4; }
.seeker .mj-meta { font-size: 14px; color: var(--sk-muted); }

.seeker .mj-chip, .seeker .mj-fit {
  flex: none; font-style: normal; font-size: 11.5px; font-weight: 600;
  padding: 4px 10px; border-radius: 999px; background: #F0F2F6; color: var(--sk-muted); white-space: nowrap;
}
.seeker .mj-chip.is-open { background: var(--sk-good-bg); color: var(--sk-good); }
.seeker .mj-chip.is-off { background: #F4F0EC; color: #8A7A6B; }
.seeker .mj-fit.perfect { background: var(--sk-good-bg); color: var(--sk-good); }
.seeker .mj-fit.good { background: #EDF6EF; color: #3B7F4A; }
.seeker .mj-fit.partial { background: var(--sk-warn-bg); color: var(--sk-warn); }
.seeker .mj-fit.none { background: var(--sk-bad-bg); color: var(--sk-bad); }

.seeker .mj-why { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.seeker .mj-why em { font-style: normal; font-size: 12px; padding: 5px 11px; border-radius: 999px; background: var(--sk-good-bg); color: var(--sk-good); }
.seeker .mj-foot {
  display: flex; justify-content: space-between; gap: 10px; margin-top: 12px;
  padding-top: 12px; border-top: 1px solid var(--sk-border); font-size: 12.5px; color: var(--sk-muted);
}

/* ─── בניית קורות חיים ──────────────────────────────────────────────
   שני מסלולים, מסך אחד: מה שכותבים בצד אחד מופיע בצד השני. */
/*
 * מידה למסכי הבנייה והשיפור.
 *
 * לא הייתה להם מידה כלל, ולכן הם נמתחו על כל רוחב המשטח והטקסט נגע
 * בקצה שלו — הכותרת יצאה מהמסגרת של הכרטיסיה. רחב מ-dash כי יש כאן
 * שתי עמודות אמיתיות, וצר מהמשטח כי שורה באורך 1,300 פיקסלים אינה
 * נקראת.
 */
.seeker .bd {
  display: flex; flex-direction: column; gap: 22px;
  width: min(1180px, calc(100% - 72px)); margin: 0 auto; padding: 10px 0 64px;
}
@media (max-width: 760px) { .seeker .bd { width: calc(100% - 32px); } }

.seeker .bd-choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.seeker .bd-choice {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  padding: 26px 24px; border-radius: var(--sk-radius); background: #fff;
  border: 1.5px solid transparent; box-shadow: var(--sk-shadow);
  font: inherit; text-align: start; color: inherit; cursor: pointer;
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
.seeker .bd-choice:hover { border-color: var(--sk-action); box-shadow: 0 4px 18px rgba(41,135,205,.18); }
.seeker .bd-choice:active { transform: scale(.99); }
.seeker .bd-choice strong { font-size: 17px; }
.seeker .bd-choice span:not(.bd-choice-icon) { font-size: 14px; color: var(--sk-muted); line-height: 1.65; }
.seeker .bd-choice-icon { width: 34px; height: 34px; margin-bottom: 6px; color: var(--sk-action); }
.seeker .bd-choice-icon svg { width: 100%; height: 100%; }
.seeker .bd-choice.is-off { cursor: default; opacity: .62; box-shadow: none; border-color: var(--sk-border); }
.seeker .bd-choice.is-off:hover { border-color: var(--sk-border); box-shadow: none; }

/* ─── הפיצול: טופס או שיחה מימין, מסמך משמאל ─── */
.seeker .bd-split { display: grid; grid-template-columns: minmax(0, 1fr) 397px; gap: 26px; align-items: start; }
@media (max-width: 1080px) { .seeker .bd-split { grid-template-columns: minmax(0, 1fr); } }

.seeker .bd-form, .seeker .bd-chat { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.seeker .bd-sec { padding: 24px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow); }
.seeker .bd-sec h2 { margin: 0 0 16px; font-size: 15px; font-weight: 700; }

.seeker .bd-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.seeker .bd-field:last-child { margin-bottom: 0; }
.seeker .bd-field > span { font-size: 13.5px; font-weight: 600; color: #3A4152; }
.seeker .bd-field em { font-style: normal; font-size: 12.5px; color: var(--sk-muted); line-height: 1.6; }
.seeker .bd-field input, .seeker .bd-field textarea {
  width: 100%; padding: 12px 14px; border: 1px solid var(--sk-border); border-radius: 12px;
  background: #fff; font: inherit; font-size: 15px; line-height: 1.6; color: var(--sk-text);
}
.seeker .bd-field textarea { resize: vertical; }
.seeker .bd-field input:focus, .seeker .bd-field textarea:focus {
  outline: none; border-color: var(--sk-action); box-shadow: 0 0 0 3px rgba(41,135,205,.14);
}
.seeker .bd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0 14px; }

.seeker .bd-row { position: relative; margin: 0 0 14px; padding: 18px; border: 1px solid var(--sk-border); border-radius: 14px; }
.seeker .bd-row:last-of-type { margin-bottom: 0; }
.seeker .bd-row-x {
  position: absolute; inset-inline-end: 10px; top: 8px; width: 26px; height: 26px;
  border: 0; border-radius: 50%; background: none; color: var(--sk-muted);
  font-size: 19px; line-height: 1; cursor: pointer;
}
.seeker .bd-row-x:hover { background: #F3F5F9; color: var(--sk-bad); }
.seeker .bd-add {
  align-self: flex-start; margin-top: 14px; padding: 9px 16px; border-radius: 999px;
  border: 1px dashed var(--sk-border); background: none; font: inherit; font-size: 14px;
  color: var(--sk-action); cursor: pointer;
}
.seeker .bd-add:hover { border-color: var(--sk-action); background: #F4F9FD; }

.seeker .bd-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.seeker .bd-btn {
  padding: 14px 26px; border: 0; border-radius: 999px; background: var(--sk-action);
  color: #fff; font: inherit; font-size: 15.5px; font-weight: 700; cursor: pointer;
}
.seeker .bd-btn:hover { background: #2276B4; }
.seeker .bd-btn.ghost { background: #fff; color: var(--sk-action); box-shadow: inset 0 0 0 1.5px var(--sk-action); }
.seeker .bd-btn.ghost:hover { background: #F4F9FD; }
.seeker .bd-btn[disabled] { opacity: .6; cursor: default; }

.seeker .bd-note { margin: 0; font-size: 13px; color: var(--sk-good); line-height: 1.6; }
.seeker .bd-undo { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--sk-muted); }
.seeker .bd-undo button { background: none; border: 0; padding: 0; font: inherit; font-size: 13px; color: var(--sk-action); text-decoration: underline; cursor: pointer; }
.seeker .bd-saved { margin: 0; font-size: 12.5px; color: var(--sk-muted); min-height: 18px; }
.seeker .bd-discard { margin: 0; }
.seeker .bd-discard button { background: none; border: 0; padding: 0; font: inherit; font-size: 14px; color: var(--sk-muted); text-decoration: underline; cursor: pointer; }

/* ─── התצוגה המקדימה ─── */
.seeker .bd-preview { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 10px; }
@media (max-width: 1080px) { .seeker .bd-preview { position: static; } }
.seeker .bd-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.seeker .bd-preview-head strong { font-size: 14px; }
.seeker .bd-preview-note { margin: -4px 0 0; font-size: 12.5px; color: var(--sk-muted); }
/*
 * "צפייה בגודל מלא" — כפתור גלוי ולא סוד.
 *
 * שכבת הריחוף על הדף נשארת, אבל היא בונוס: יכולת שמתגלה רק כשהעכבר
 * במקום הנכון היא יכולת שרוב האנשים לא ידעו עליה, ובטלפון אין ריחוף
 * בכלל. מה שאי אפשר לראות פשוט אינו קיים.
 */
.seeker .bd-open {
  display: inline-flex; align-items: center; gap: 6px; flex: none;
  padding: 6px 12px; border: 1px solid var(--sk-line); border-radius: 999px;
  background: #fff; font: inherit; font-size: 12.5px; font-weight: 600;
  color: var(--sk-action); cursor: pointer;
  transition: border-color .15s, background .15s;
}
.seeker .bd-open:hover { border-color: var(--sk-action); background: #F4F9FD; }
.seeker .bd-open svg { width: 15px; height: 15px; }
/*
 * הדף עצמו ברוחב A4 אמיתי ומוקטן בטרנספורם, ולא מוקטן ב-CSS פנימי:
 * כך מה שרואים הוא בדיוק המסמך שיירד, ולא גרסה שנראית אחרת ממנו.
 */
.seeker .bd-paper {
  --bd-scale: .5;
  position: relative; width: 100%; max-width: 397px; margin-inline: auto;
  aspect-ratio: 794 / 1123; overflow: hidden;
  border-radius: 10px; background: #fff; box-shadow: 0 6px 26px rgba(0, 26, 110, .13);
}
/*
 * מיקום פיזי ולא לוגי, בכוונה. inset-inline-end בעמוד עברי הוא הצד
 * השמאלי, והמסגרת ברוחב A4 הייתה נתלית שם ומוקטנת אל פינה שנמצאת
 * מחוץ למסגרת הנראית. התוצאה: דף לבן. הצמדה וכיוון ההקטנה חייבים
 * להיות אותה פינה ממש.
 */
.seeker .bd-paper iframe {
  position: absolute; top: 0; right: 0; width: 794px; height: 1123px;
  border: 0; transform: scale(var(--bd-scale)); transform-origin: top right;
}
@media (max-width: 430px) { .seeker .bd-paper { --bd-scale: .47; } }

/*
 * כפתור ההגדלה על הדף המוקטן.
 *
 * הדף בחצי גודל נקרא כתמונה ולא כטקסט, ולכן צריכה להיות דרך לפתוח
 * אותו. הכפתור נחשף בריחוף ובמיקוד מהמקלדת; בטלפון אין ריחוף, ושם
 * הוא פשוט גלוי — אחרת הוא לא קיים בכלל למחצית מהמשתמשים.
 */
.seeker .bd-zoom {
  position: absolute; inset: 0; margin: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  border: 0; background: rgba(16, 24, 40, .34); color: #fff;
  font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
  opacity: 0; transition: opacity .18s ease;
}
.seeker .bd-zoom svg { width: 26px; height: 26px; }
.seeker .bd-paper:hover .bd-zoom, .seeker .bd-zoom:focus-visible { opacity: 1; }
@media (hover: none) {
  .seeker .bd-zoom {
    opacity: 1; inset: auto 0 0 0; flex-direction: row; padding: 10px;
    background: rgba(16, 24, 40, .58); font-size: 13px;
  }
  .seeker .bd-zoom svg { width: 17px; height: 17px; }
}
@media (prefers-reduced-motion: reduce) { .seeker .bd-zoom { transition: none; } }

/* ההגדלה עצמה: המסמך במלוא גובה החלון, בלי דבר סביבו */
.seeker .bd-lightbox {
  padding: 0; border: 0; background: none;
  width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh;
}
.seeker .bd-lightbox::backdrop { background: rgba(9, 20, 48, .74); }
/*
 * הדף נשאר בגודל A4 אמיתי ומוקטן בטרנספורם, בדיוק כמו התצוגה הקטנה:
 * מה שרואים הוא המסמך שיירד ולא גרסה שנראית אחרת ממנו.
 *
 * ה-scale מחושב ב-JavaScript ולא ב-CSS. אורך חלקי מספר הוא אורך ולא
 * יחס, ו-scale() דורש מספר — calc((100vh - 60px) / 1123) נראה נכון,
 * נפסל בשקט, והדף נפתח בגודל מלא וחתוך.
 */
.seeker .bd-lightbox-paper {
  --lb-scale: 1;
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%) scale(var(--lb-scale));
  width: 794px; height: 1123px;
  max-width: none; border-radius: 8px; overflow: hidden; background: #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .5);
}
.seeker .bd-lightbox-paper iframe { width: 100%; height: 100%; border: 0; }
.seeker .bd-lightbox-x {
  position: fixed; top: 14px; inset-inline-end: 14px; z-index: 2;
  width: 40px; height: 40px; display: grid; place-items: center;
  border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #1A1D24;
  cursor: pointer;
}
.seeker .bd-lightbox-x:hover { background: #fff; }
.seeker .bd-lightbox-x svg { width: 20px; height: 20px; }

/* ─── השיחה בתוך הבנייה: לא מקובעת לתחתית המסך ─── */
.seeker-build .ch-thread {
  max-height: 52vh; overflow-y: auto; padding: 20px; gap: 12px;
  border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
}
.seeker-build .ch-form {
  position: static; width: auto; margin: 0; background: #fff;
  box-shadow: var(--sk-shadow); border: 1px solid var(--sk-border);
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
.seeker-build .bd-chat-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; font-size: 14px; }
.seeker-build .bd-chat-foot form { margin: 0; }

/* קישור למסמך, רק כשהתצוגה כבר אינה לצד הטופס */
.seeker .bd-jump { display: none; }
@media (max-width: 1080px) {
  .seeker .bd-jump {
    display: inline-flex; align-items: center; gap: 6px;
    /* בצד הנגדי ל-MetchAI הצף: שני עיגולים באותה פינה הם עיגול אחד שבור */
    position: fixed; inset-inline-start: 16px; bottom: 18px; z-index: 60;
    padding: 11px 20px; border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, .6); border-top-color: rgba(255, 255, 255, .95);
    box-shadow: 0 6px 22px rgba(0, 26, 110, .16);
    font-size: 14px; font-weight: 600; color: var(--sk-action); text-decoration: none;
  }
  .seeker .bd-preview { scroll-margin-top: 96px; }
}
@media (prefers-reduced-transparency: reduce) { .seeker .bd-jump { background: #fff; } }

.seeker .cv-doc-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 16px 0 0; }
.seeker .cv-download { width: auto; padding: 12px 26px; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; }
.seeker .cv-edit { width: auto; padding: 12px 22px; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; }
.seeker .cv-doc-row .small { flex: 1 1 100%; min-width: 200px; line-height: 1.6; }

/* ─── שיפור הניסוח ──────────────────────────────────────────────────
   שינוי אחד, שורה אחת, אישור אחד. */
.seeker .im-intro { max-width: 68ch; }
.seeker .im-intro p { margin: 0 0 12px; font-size: 15px; line-height: 1.8; }
.seeker .im-intro h2 { margin: 0 0 10px; font-size: 19px; }
.seeker .im-limit { font-size: 14px; color: var(--sk-muted); }
.seeker .im-go { width: auto; padding: 14px 30px; font-size: 15.5px; margin-top: 6px; }
.seeker .im-working { display: flex; align-items: center; gap: 10px; margin-top: 14px; font-size: 14px; color: var(--sk-muted); }
.seeker .im-quota { margin: 16px 0 0; font-size: 12.5px; color: var(--sk-muted); }
.seeker .im-again { margin: 18px 0 0; }
.seeker .im-again button { background: none; border: 0; padding: 0; font: inherit; font-size: 14px; color: var(--sk-action); text-decoration: underline; cursor: pointer; }

.seeker .im-form { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.seeker .im-hint { margin: 0; font-size: 14px; color: var(--sk-muted); }
.seeker .im-list { display: flex; flex-direction: column; gap: 12px; }

.seeker .im-change {
  display: flex; align-items: flex-start; gap: 14px; padding: 20px;
  border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
  border: 1.5px solid transparent; transition: border-color .15s, opacity .15s;
}
/* רק תיבת הסימון היא label; שאר הכרטיס מכיל שדה כתיבה */
.seeker .im-pick { flex: none; display: block; cursor: pointer; }
.seeker .im-change input { position: absolute; opacity: 0; pointer-events: none; }
.seeker .im-box {
  /* block ולא inline: מאז שהתיבה יושבת בתוך label משלה היא אינה
     ילדת flex, ורוחב וגובה על span מוטבע פשוט לא חלים */
  display: block; flex: none; width: 22px; height: 22px; margin-top: 2px; border-radius: 7px;
  border: 1.5px solid var(--sk-border); background: #fff; transition: background .15s, border-color .15s;
}
.seeker .im-change input:checked ~ .im-box {
  background: var(--sk-action) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat;
  border-color: var(--sk-action);
}
.seeker .im-change input:focus-visible ~ .im-box { box-shadow: 0 0 0 3px rgba(41,135,205,.22); }
/* שינוי שהוסר נשאר קריא ורק נסוג: הוא עדיין מידע, לא זבל */
.seeker .im-change:has(input:not(:checked)) { opacity: .55; }
.seeker .im-change:has(input:checked) { border-color: rgba(41,135,205,.35); }

/* flex:1 ולא רוחב תוכן: שדה ברוחב 100% בתוך עמודה שמתכווצת לתוכן
   מקבל את רוחב השורה הארוכה ביותר סביבו, ואז הוא נשבר לשלוש שורות
   על טקסט של אחת */
.seeker .im-body { display: flex; flex: 1; flex-direction: column; gap: 5px; min-width: 0; }
.seeker .im-where { font-size: 12px; font-weight: 600; color: var(--sk-muted); }
.seeker .im-before { font-size: 14.5px; color: var(--sk-muted); text-decoration: line-through; text-decoration-color: rgba(138,143,156,.5); line-height: 1.65; }
/*
 * הניסוח המוצע כשדה.
 *
 * הוא אינו נראה כמו טופס עד שנוגעים בו: מסגרת סביב כל הצעה הייתה
 * הופכת רשימה של חמש הצעות לחמישה טפסים. המסגרת מופיעה בריחוף
 * ובמיקוד, וזה מספיק כדי לומר "אפשר לכתוב כאן".
 */
/*
 * שדה שנראה כמו שדה.
 *
 * הוא היה טקסט עד שנגעו בו, ולכן איש לא ידע שאפשר לכתוב בו. מסגרת
 * קבועה ועיפרון בפינה אומרים את זה לפני הנגיעה — וזה כל ההבדל בין
 * יכולת שקיימת בקוד לבין יכולת שקיימת בפועל.
 */
.seeker .im-edit { display: block; position: relative; }
.seeker .im-edit::after {
  content: ''; position: absolute; top: 10px; inset-inline-start: 10px;
  width: 15px; height: 15px; pointer-events: none; opacity: .5;
  background: currentColor;
  -webkit-mask: var(--pencil) center/contain no-repeat;
  mask: var(--pencil) center/contain no-repeat;
  --pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9a2.1 2.1 0 0 0-3-3L5 17z'/%3E%3C/svg%3E");
}
.seeker .im-edit:focus-within::after { opacity: 0; }
.seeker .im-edit textarea {
  /* min-height הגלובלי של textarea הוא 90px, וכאן השדה גדל לפי התוכן.
     בלי האיפוס הזה כל הצעה בת שורה אחת יושבת בתיבה בגובה שלוש. */
  display: block; width: 100%; min-height: 0; padding: 8px 34px 8px 10px; margin: -2px 0 0;
  border: 1px solid var(--sk-line); border-radius: 8px; background: #FBFCFD;
  font: inherit; font-size: 15.5px; font-weight: 600; line-height: 1.65; color: inherit;
  /* auto ולא hidden: עם JS השדה תמיד בגובה התוכן ואין פס גלילה,
     ובלעדיו אפשר בכל זאת לגלול ולקרוא הצעה ארוכה */
  resize: none; overflow: auto;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.seeker .im-edit textarea:hover { border-color: #CBD3DE; }
.seeker .im-edit textarea:focus {
  outline: none; background: #fff; border-color: var(--sk-action);
  box-shadow: 0 0 0 3px rgba(41, 135, 205, .12);
}
.seeker .im-why { margin-top: 3px; font-size: 13px; color: var(--sk-good); line-height: 1.6; }
/* מופיע רק אחרי שנגעו בניסוח: דרך חזרה, ולא כפתור שיושב סתם */
.seeker .im-reset {
  align-self: flex-start; margin-top: 2px; padding: 0; border: 0; background: none;
  font: inherit; font-size: 12.5px; color: var(--sk-muted); text-decoration: underline; cursor: pointer;
}

.seeker .im-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.seeker .im-none { background: none; border: 0; padding: 0; font: inherit; font-size: 14px; color: var(--sk-muted); text-decoration: underline; cursor: pointer; }
.seeker .im-note { margin: 0; font-size: 13px; color: var(--sk-muted); line-height: 1.6; }

/* ─── ראיון אימון ───────────────────────────────────────────────────
   יומן תרגול ולא שיחה: כרטיס סגור לכל סבב, ותיבת כתיבה רק לשאלה
   הפתוחה שבסוף. */
/* עמוד הראיון עצמו: עמודת קריאה, ולא רוחב המשטח.
   בלי מידה כאן הכרטיסים נמתחו על 1,200 פיקסלים ותיבת הכתיבה נראתה
   כשדה ענק, וזה מה שהפך את המסך לעמוס. */
.seeker .iv { display: flex; flex-direction: column; gap: 16px; }
/* מסך הפתיחה: מקום אחד שהעין נעצרת בו.
   העמוד צר מרוחב הלוח הרגיל כי אין בו אלא פעולה אחת, והכרטיס הלבן
   היחיד הוא היא. ההסבר שמתחתיו חי בלי משטח משלו — שלוש שורות על קו
   דק — ולכן אינו מתחרה על המבט. */
/*
 * מסך הפתיחה ומסך האימון חולקים את אותו סרגל, ולכן גם את אותו רוחב.
 * הרוחב הצר שהיה כאן קודם התאים לעמוד בעמודה אחת; עם סרגל מימין הוא
 * היה חונק את הטור האמצעי.
 */
.seeker .iv-page .sb-main { max-width: 560px; }

.seeker .iv-card {
  display: flex; flex-direction: column; gap: 14px;
  padding: 20px; border-radius: var(--sk-radius);
  background: #fff; border: 1px solid var(--sk-line); box-shadow: var(--sk-shadow);
}

.seeker .iv-field { display: flex; flex-direction: column; gap: 7px; }
.seeker .iv-field > span { display: flex; align-items: baseline; gap: 7px; font-size: 13px; font-weight: 600; }
.seeker .iv-field em { font-style: normal; font-size: 11.5px; font-weight: 500; color: var(--sk-muted); }
.seeker .iv-field textarea {
  width: 100%; padding: 11px 13px; border-radius: 10px;
  border: 1px solid var(--sk-line); background: #FCFCFD;
  font: inherit; font-size: 14px; line-height: 1.7; color: inherit; resize: vertical;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.seeker .iv-field textarea::placeholder { color: #A6ABB8; }
.seeker .iv-field textarea:focus {
  outline: none; background: #fff; border-color: var(--sk-action);
  box-shadow: 0 0 0 3px rgba(41,135,205,.12);
}

.seeker .iv-card-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.seeker .iv-card-foot > span { font-size: 12.5px; color: var(--sk-muted); }
.seeker .iv-go { width: auto; height: 42px; padding: 0 26px; font-size: 14.5px; }

/* ההסבר. אין כאן כרטיס — רק קווים דקים שמפרידים בין שלוש האמירות. */
.seeker .iv-how { list-style: none; margin: 24px 0 0; padding: 0; border-top: 1px solid var(--sk-line); }
.seeker .iv-how li { display: flex; flex-direction: column; gap: 3px; padding: 13px 2px; border-bottom: 1px solid var(--sk-line); }
.seeker .iv-how strong { font-size: 13.5px; font-weight: 600; }
.seeker .iv-how span { font-size: 12.5px; color: var(--sk-muted); line-height: 1.7; }

.seeker .iv-page .dash-block { margin-top: 28px; }

.seeker .iv-picks { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12.5px; color: var(--sk-muted); }
.seeker .iv-pick {
  padding: 7px 14px; border-radius: 999px; border: 1px solid var(--sk-border);
  background: #fff; font: inherit; font-size: 13.5px; color: var(--sk-action); cursor: pointer;
}
.seeker .iv-pick:hover { border-color: var(--sk-action); background: #F4F9FD; }

.seeker .iv-list { display: flex; flex-direction: column; gap: 16px; }
.seeker .iv-turn { padding: 20px; border-radius: var(--sk-radius); background: #fff; border: 1px solid var(--sk-line); box-shadow: var(--sk-shadow); }
.seeker .iv-q { display: flex; align-items: flex-start; gap: 12px; }
.seeker .iv-q h3 { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.55; }
.seeker .iv-num {
  flex: none; width: 26px; height: 26px; border-radius: 50%; background: #EAF3FA;
  color: var(--sk-action); font-size: 13px; font-weight: 700; display: grid; place-items: center;
}
.seeker .iv-q.live { margin-bottom: 14px; }
.seeker .iv-a { margin: 12px 0 0; padding-inline-start: 38px; }
.seeker .iv-a p { margin: 0 0 8px; font-size: 14.5px; line-height: 1.8; color: #3A4152; }
.seeker .iv-a p:last-child { margin-bottom: 0; }

.seeker .iv-fb { margin: 16px 0 0 0; margin-inline-start: 38px; padding: 16px 18px; border-radius: 14px; background: #F7FAFD; }
.seeker .iv-fb.perfect { background: #F1F9F3; }
.seeker .iv-fb.none { background: #FBF4F2; }
.seeker .iv-level { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; }
.seeker .iv-fb.perfect .iv-level { color: var(--sk-good); }
.seeker .iv-fb.partial .iv-level { color: var(--sk-warn); }
.seeker .iv-fb.none .iv-level { color: var(--sk-bad); }
.seeker .iv-fb p { margin: 0 0 6px; font-size: 14px; line-height: 1.75; }
.seeker .iv-good { color: #3A4152; }
.seeker .iv-fix { color: #1A1D24; font-weight: 500; }
.seeker .iv-better { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--sk-border); }
.seeker .iv-better > span { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 700; color: var(--sk-muted); }
.seeker .iv-better p { font-size: 14.5px; line-height: 1.8; color: #1A1D24; }

.seeker .iv-ask { padding: 20px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow); border: 1px solid rgba(41,135,205,.28); }
.seeker .iv-ask textarea {
  width: 100%; padding: 12px 14px; border: 1px solid var(--sk-line); border-radius: 10px;
  background: #FCFCFD; font: inherit; font-size: 14.5px; line-height: 1.75; resize: vertical;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.seeker .iv-ask textarea::placeholder { color: #A6ABB8; }
.seeker .iv-ask textarea:focus { outline: none; background: #fff; border-color: var(--sk-action); box-shadow: 0 0 0 3px rgba(41,135,205,.12); }
.seeker .iv-ask-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 14px; }
.seeker .iv-thinking { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--sk-muted); }
.seeker .iv-error { margin: 12px 0 0; font-size: 13.5px; color: var(--sk-bad); }
/*
 * סיום האימון.
 *
 * היה קישור אפור מודגש בקושי, ומי שרצה לעצור לא מצא אותו. עכשיו זה
 * כפתור — אבל שקוף ולא מלא, כי הוא היציאה ולא הפעולה: הפעולה היא
 * לענות על השאלה שמעליו.
 */
.seeker .iv-end { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; }
.seeker .iv-stop {
  height: 40px; padding: 0 20px; border: 1px solid var(--sk-border); border-radius: 999px;
  background: #fff; font: inherit; font-size: 14px; font-weight: 600; color: var(--sk-text);
  cursor: pointer; transition: border-color .15s, background .15s, color .15s;
}
.seeker .iv-stop:hover { border-color: var(--sk-action); color: var(--sk-action); background: #F7FAFD; }
.seeker .iv-end > span { font-size: 12.5px; color: var(--sk-muted); }

.seeker .iv-summary { padding: 24px; border-radius: var(--sk-radius); background: #fff; border: 1px solid var(--sk-line); box-shadow: var(--sk-shadow); }
.seeker .iv-summary h2 { margin: 0 0 18px; font-size: 19px; line-height: 1.5; }
.seeker .iv-sum-block { margin-bottom: 22px; }
.seeker .iv-sum-block:last-child { margin-bottom: 0; }
.seeker .iv-sum-block h3 { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .06em; color: var(--sk-muted); }
.seeker .iv-sum-block ul { margin: 0; padding-inline-start: 20px; }
.seeker .iv-sum-block li { margin-bottom: 8px; font-size: 14.5px; line-height: 1.75; }
.seeker .iv-practice { list-style: none; padding: 0; }
.seeker .iv-practice li { display: flex; flex-direction: column; gap: 3px; padding: 14px 0; border-top: 1px solid var(--sk-border); }
.seeker .iv-practice li:first-child { border-top: 0; padding-top: 0; }
.seeker .iv-practice span { font-size: 14px; color: var(--sk-muted); line-height: 1.7; }
.seeker .iv-again { display: flex; }
.seeker .iv-again .bd-btn { text-decoration: none; display: inline-flex; align-items: center; }

@media (max-width: 600px) {
  .seeker .iv-a, .seeker .iv-fb { padding-inline-start: 0; margin-inline-start: 0; }
}

.seeker .iv-done {
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
  margin: 0; padding: 26px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
}
.seeker .iv-done strong { font-size: 18px; }
.seeker .iv-done p { margin: 0 0 8px; font-size: 14.5px; color: var(--sk-muted); line-height: 1.7; max-width: 60ch; }

/* ─── קהילות ────────────────────────────────────────────────────────
   קהילה היא המקום שבו כותבים, ולא ישות לצד הפוסטים. */
/* ─── מחיקת חשבון ────────────────────────────────────────────────────
   אדום מרוסן: זו זכות ולא פיתוי, ולא פעולה שצריך להסתיר. */
.seeker .pr-danger { border-top: 1px solid var(--sk-line); padding-top: 20px; margin-top: 34px; }
.seeker .pr-danger .dash-block-head h2 { color: var(--sk-bad); }
.seeker .pr-danger > p { margin: 0 0 12px; font-size: 13.5px; line-height: 1.7; color: var(--sk-muted); }
.seeker .pr-danger > a { font-size: 13.5px; color: var(--sk-bad); }
.seeker .pr-del-go {
  min-height: 46px; padding: 0 26px; border: 0; border-radius: 999px;
  background: var(--sk-bad); color: #fff; font: inherit; font-size: 15px; font-weight: 500; cursor: pointer;
  transition: background .15s;
}
.seeker .pr-del-go:hover { background: #A32E22; }

/* ─── מחיקת החשבון: פופאפ בשלושה שלבים ──────────────────────────────
   הפופאפ מחזיק את הטופס כולו, ורק חלק אחד ממנו גלוי בכל רגע. הגובה
   נשלט כדי שהמעבר בין השלבים לא יזיז את הכפתורים מתחת לעכבר. */
.seeker .del-modal {
  padding: 0; border: 0; background: none; max-width: 100%; max-height: 100%;
  width: min(430px, calc(100% - 32px)); color: inherit;
}
.seeker .del-modal::backdrop { background: rgba(9, 20, 48, .45); backdrop-filter: blur(2px); }
.seeker .del-card {
  display: flex; flex-direction: column; gap: 14px;
  padding: 20px; border-radius: 18px; background: #fff;
  box-shadow: 0 24px 64px rgba(0, 26, 110, .26);
  text-align: start;
}

.seeker .del-head { display: flex; align-items: center; gap: 12px; }
.seeker .del-head h2 { margin: 0; flex: 1; font-size: 17px; font-weight: 700; }
.seeker .del-x {
  flex: none; width: 30px; height: 30px; display: grid; place-items: center;
  border: 0; border-radius: 8px; background: none; color: var(--sk-muted); cursor: pointer;
}
.seeker .del-x:hover { background: #F2F4F7; color: var(--sk-text); }
.seeker .del-x svg { width: 17px; height: 17px; }

/* שלוש נקודות ולא "שלב 2 מתוך 3": המספר אינו מוסיף דבר על הצורה */
.seeker .del-dots { display: flex; gap: 5px; margin: 0; padding: 0; list-style: none; }
.seeker .del-dots li { width: 26px; height: 3px; border-radius: 2px; background: var(--sk-line); }
.seeker .del-dots li.is-done { background: #CBD3DE; }
.seeker .del-dots li.is-now { background: var(--sk-bad); }

.seeker .del-step { display: flex; flex-direction: column; gap: 12px; min-height: 190px; }
.seeker .del-lede { margin: 0; font-size: 13.5px; line-height: 1.7; color: var(--sk-muted); }
.seeker .del-lede span { color: var(--sk-text); font-weight: 600; }

.seeker .del-gone { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--sk-line); }
.seeker .del-gone li {
  padding: 9px 2px; border-bottom: 1px solid var(--sk-line);
  font-size: 13.5px; line-height: 1.6;
}
.seeker .del-keep { margin: 0; font-size: 12px; line-height: 1.65; color: var(--sk-muted); }

.seeker .del-reasons { display: flex; flex-direction: column; gap: 2px; }
.seeker .del-reason {
  display: flex; align-items: center; gap: 9px; padding: 8px 10px;
  border-radius: 9px; font-size: 13.5px; cursor: pointer;
}
.seeker .del-reason:hover { background: #F7F9FC; }
.seeker .del-reason input { accent-color: var(--sk-action); width: 15px; height: 15px; flex: none; }
.seeker .del-reason:has(input:checked) { background: #F4F9FD; font-weight: 600; }

.seeker .del-note { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.seeker .del-note > span, .seeker .del-confirm > span { font-size: 12.5px; font-weight: 600; }
.seeker .del-confirm > span strong { color: var(--sk-bad); }
.seeker .del-note textarea, .seeker .del-confirm input {
  width: 100%; padding: 10px 12px; border: 1px solid var(--sk-line); border-radius: 9px;
  background: #FCFCFD; font: inherit; font-size: 14px; line-height: 1.7; color: inherit;
}
.seeker .del-note textarea { resize: vertical; }
.seeker .del-note textarea:focus, .seeker .del-confirm input:focus {
  outline: none; background: #fff; border-color: var(--sk-action);
  box-shadow: 0 0 0 3px rgba(41, 135, 205, .12);
}
.seeker .del-confirm { display: flex; flex-direction: column; gap: 7px; }
.seeker .del-confirm input:focus { border-color: var(--sk-bad); box-shadow: 0 0 0 3px rgba(193, 58, 44, .12); }

.seeker .del-foot { display: flex; align-items: center; gap: 10px; }
.seeker .del-next, .seeker .del-go {
  margin-inline-start: auto; height: 42px; padding: 0 24px; border: 0; border-radius: 999px;
  font: inherit; font-size: 14.5px; font-weight: 700; color: #fff; cursor: pointer;
}
.seeker .del-next { background: var(--sk-action); }
.seeker .del-next:hover { background: #2276B4; }
.seeker .del-go { background: var(--sk-bad); }
.seeker .del-go:hover { background: #A32E22; }
/* כבוי עד שהמילה הוקלדה — וזה נראה, ולא רק מסרב ללחיצה */
.seeker .del-go:disabled { background: #E3E6EB; color: #A6ABB8; cursor: not-allowed; }
.seeker .del-back {
  border: 0; background: none; padding: 0; font: inherit; font-size: 13.5px;
  color: var(--sk-muted); cursor: pointer; text-decoration: underline;
}

/* גיבוי בלי סקריפט: אותם חלקים, פרושים בעמוד */
.seeker .del-page .del-plain { display: flex; flex-direction: column; gap: 26px; max-width: 460px; }
.seeker .del-block { display: flex; flex-direction: column; gap: 12px; }
.seeker .del-block h2 { margin: 0; font-size: 15px; font-weight: 700; }
.seeker .del-actions { display: flex; align-items: center; gap: 18px; margin-top: 4px; }
.seeker .del-actions a { font-size: 14px; color: var(--sk-muted); }

/* ─── סרגל מימין, תוכן במרכז ─────────────────────────────────────────
   הרשימה תמיד על המסך, המעבר בין פריטיה הוא לחיצה אחת, והתוכן אינו
   זז. הסרגל ראשון ב-DOM כי ברשת RTL העמודה הראשונה היא הימנית —
   וזה גם סדר הקריאה: קודם איפה אני, ואז מה יש שם.

   אותן מחלקות משמשות את הקהילות ואת הראיונות. שתי הרשימות הן אותו
   דבר מבחינת המשתמש — "איפה הייתי, ולאן לחזור" — ולכן הן נראות
   זהות, ולא דומות. */
.seeker .sb-shell {
  display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: 26px;
  align-items: start;
}
/*
 * גובה קבוע ולא גובה תוכן: בלעדיו כפתור "קהילה חדשה" נצמד לפריט
 * האחרון ברשימה, ובקהילה אחת הוא יושב באמצע המסך. הוא שייך לתחתית.
 */
.seeker .sb-side {
  position: sticky; top: 88px;
  display: flex; flex-direction: column; gap: 10px;
  height: calc(100vh - 130px);
}
.seeker .sb-side-scroll { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.seeker .sb-side-head {
  margin: 12px 10px 4px; font-size: 11.5px; font-weight: 600;
  letter-spacing: .04em; color: var(--sk-muted);
}
.seeker .sb-side-head:first-child { margin-top: 0; }

.seeker .sb-row {
  display: flex; align-items: center; gap: 10px; padding: 8px 10px;
  border-radius: 10px; color: inherit; text-decoration: none;
  transition: background var(--dur-quick, .18s) ease;
}
.seeker .sb-row:hover { background: #F2F5F9; text-decoration: none; }
/* הקהילה הפתוחה מסומנת ברקע ולא בצבע טקסט: היא מקום, לא קישור פעיל */
.seeker .sb-row.is-on { background: #E9F1FB; }
.seeker .sb-row.is-on strong { font-weight: 600; }
.seeker .sb-row-mark {
  flex: none; width: 32px; height: 32px; border-radius: 9px;
  display: grid; place-items: center;
  background: #E4EAF3; color: var(--sk-navy);
  font-size: 12px; font-weight: 600; letter-spacing: -.02em;
}
.seeker .sb-row.is-on .sb-row-mark { background: var(--sk-navy); color: #fff; }
.seeker .sb-row-main { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.seeker .sb-row-main strong { font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seeker .sb-row-main span { font-size: 11.5px; color: var(--sk-muted); }

/* הכפתור בתחתית: פעולה נדירה, ולכן היא אינה מתחרה ברשימה */
.seeker .sb-new {
  flex: none; display: flex; align-items: center; justify-content: center; gap: 7px;
  padding: 10px; border: 1px dashed var(--sk-border); border-radius: 10px;
  font-size: 13px; color: var(--sk-muted); text-decoration: none;
  transition: border-color var(--dur-quick, .18s) ease, color var(--dur-quick, .18s) ease;
}
.seeker .sb-new:hover { border-color: var(--sk-action); color: var(--sk-action); text-decoration: none; }
.seeker .sb-new span { font-size: 15px; line-height: 1; }

.seeker .sb-main { min-width: 0; }
.seeker .sb-empty { margin: 4px 10px; font-size: 12.5px; line-height: 1.65; color: var(--sk-muted); }

/* ─── המסמכים המשפטיים ──────────────────────────────────────────────
   עמוד קריאה ולא לוח מחוונים: טור צר, שורה נושמת, וכותרות שאפשר
   לסרוק. מסמך שאיש אינו קורא אינו מגן על אף אחד. */
.seeker .lg { max-width: 720px; }
.seeker .lg-head { margin-bottom: 30px; }
.seeker .lg-head h1 { margin: 0 0 6px; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; }
.seeker .lg-lede { margin: 0 0 8px; font-size: 15px; line-height: 1.7; color: var(--sk-muted); }
.seeker .lg-when { margin: 0; font-size: 12.5px; color: var(--sk-muted); }

.seeker .lg-sec { margin-bottom: 30px; }
.seeker .lg-sec h2 {
  margin: 0 0 12px; padding-top: 18px; border-top: 1px solid var(--sk-line);
  font-size: 16px; font-weight: 700;
}
.seeker .lg-sec p { margin: 0 0 12px; font-size: 14.5px; line-height: 1.85; }
.seeker .lg-sec p:last-child { margin-bottom: 0; }
.seeker .lg-sec ul { margin: 0 0 12px; padding-inline-start: 20px; }
.seeker .lg-sec li { margin-bottom: 8px; font-size: 14.5px; line-height: 1.8; }

.seeker .lg-more {
  display: flex; flex-wrap: wrap; gap: 18px;
  padding-top: 20px; border-top: 1px solid var(--sk-line);
  font-size: 14px;
}

/* ─── מחיר מבצע, אישור תנאים, ותחתית האתר ──────────────────────────── */
.pay-was {
  margin-inline-start: 8px; font-size: 17px; color: #8A8F9C;
  text-decoration: line-through; text-decoration-color: rgba(138, 143, 156, .6);
}
.pay-offer {
  display: inline-block; margin: 6px 0 0; padding: 4px 12px; border-radius: 999px;
  background: #FFF3E0; color: #9A5B00; font-size: 12.5px; font-weight: 700;
}
/* האישור הוא שורה בטופס ולא הערת שוליים: מי שלוחץ "לתשלום" צריך
   לראות אותו, לא לגלות אותו אחר כך. */
.pay-agree { display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 14px; text-align: start; }
.pay-agree input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: #2987CD; }
.pay-agree span { font-size: 13px; line-height: 1.7; color: #3A4152; }

.site-foot { text-align: center; padding-bottom: 26px; }
.site-foot-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin: 8px 0 0; font-size: 12.5px; }
.site-foot-links a { color: #8A8F9C; text-decoration: none; }
.site-foot-links a:hover { text-decoration: underline; }

/* ─── העלאת קו"ח באונבורדינג ─────────────────────────────────────────
   אותו טופס של מסך קורות החיים, ומתחתיו דילוג שנראה כמו דילוג: לא
   כפתור שמתחרה בהעלאה, ולא קישור זעיר שצריך לחפש. */
.seeker .ob-cv { display: flex; flex-direction: column; gap: 18px; max-width: 560px; }
.seeker .ob-cv .cv-card { text-align: start; }
.seeker .ob-cv-skip { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.seeker .ob-cv-skip button {
  border: 0; background: none; padding: 4px; font: inherit; font-size: 15px; font-weight: 600;
  color: var(--sk-action); cursor: pointer; text-decoration: underline;
}
.seeker .ob-cv-skip span { font-size: 12.5px; line-height: 1.65; color: var(--sk-muted); text-align: center; }

/* ─── סרגל ניהול הפרופיל ─────────────────────────────────────────────
   אותה רשימה בדיוק, עם אייקון במקום מספר: כאן אין מה לספור, ויש
   ארבעה מקומות שצריך להבדיל ביניהם במבט. */
.seeker .sb-nav { height: auto; }
.seeker .sb-row-mark.is-icon { background: #F2F5F9; color: var(--sk-navy); }
.seeker .sb-row-mark.is-icon svg { width: 17px; height: 17px; }
.seeker .sb-row.is-on .sb-row-mark.is-icon { background: var(--sk-navy); color: #fff; }
.seeker .sb-nav .sb-row-main strong { font-weight: 600; }

/* עמוד העזרה הוא שיחה, ולכן העמודה שלו גבוהה ולא נגללת עם הסרגל */
.seeker .sp-shell { align-items: stretch; }
.seeker .sp-shell .sb-side { height: auto; }
.seeker .cm-head { margin-bottom: 18px; }
.seeker .cm-head h1 { margin: 0 0 4px; font-size: 21px; font-weight: 700; letter-spacing: -0.01em; }
.seeker .cm-head p { margin: 0; font-size: 13.5px; color: var(--sk-muted); }
.seeker .cm-meta { margin: 6px 0 0 !important; font-size: 12.5px; color: var(--sk-muted); }
.seeker .cm-back { font-size: 14px; color: var(--sk-action); white-space: nowrap; }

/*
 * בטלפון אין שתי עמודות. הרשימה הופכת לשורת גלילה אופקית מעל הפיד,
 * וכפתור הקהילה החדשה נכנס אליה — סרגל צדדי ברוחב 390 היה גוזל חצי
 * מסך מהתוכן שבגללו נכנסו.
 */
@media (max-width: 860px) {
  .seeker .sb-shell { grid-template-columns: 1fr; gap: 16px; }
  .seeker .sb-side {
    position: static; height: auto; flex-direction: row; align-items: center; gap: 8px;
    overflow-x: auto; padding-bottom: 4px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  .seeker .sb-side::-webkit-scrollbar { display: none; }
  .seeker .sb-side-scroll { flex-direction: row; overflow: visible; gap: 8px; }
  .seeker .sb-side-head { display: none; }
  .seeker .sb-row { flex: none; padding: 6px 12px 6px 8px; border: 1px solid var(--sk-line); border-radius: 999px; }
  .seeker .sb-row-mark { width: 26px; height: 26px; border-radius: 50%; font-size: 11px; }
  .seeker .sb-row-main span { display: none; }
  .seeker .sb-new { flex: none; padding: 8px 14px; border-radius: 999px; white-space: nowrap; }
}

.seeker .cm-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.seeker .cm-card {
  display: flex; flex-direction: column; gap: 6px; padding: 22px;
  border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
  text-decoration: none; color: inherit;
}
.seeker a.cm-card:hover { box-shadow: 0 4px 18px rgba(41, 135, 205, .18); }
.seeker .cm-card.is-off { opacity: .72; box-shadow: none; border: 1px dashed var(--sk-border); }
.seeker .cm-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.seeker .cm-card-top strong { font-size: 17px; }
.seeker .cm-card-desc { font-size: 14px; color: var(--sk-muted); line-height: 1.7; }
.seeker .cm-card-note { margin-top: 4px; font-size: 13px; color: var(--sk-muted); line-height: 1.6; }
.seeker .cm-card-foot { margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--sk-border); font-size: 12.5px; color: var(--sk-muted); }
.seeker .cm-state {
  flex: none; font-style: normal; font-size: 11.5px; font-weight: 600;
  padding: 4px 10px; border-radius: 999px; background: #F0F2F6; color: var(--sk-muted); white-space: nowrap;
}
.seeker .cm-state.in { background: var(--sk-good-bg); color: var(--sk-good); }
.seeker .cm-state.wait { background: var(--sk-warn-bg); color: var(--sk-warn); }
.seeker .cm-state.no { background: #F4F0EC; color: #8A7A6B; }

.seeker .cm-join-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding: 20px 24px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
}
.seeker .cm-join-bar strong { display: block; font-size: 16px; }
.seeker .cm-join-bar span { font-size: 14px; color: var(--sk-muted); line-height: 1.7; }
.seeker .cm-join-bar .sk-btn { width: auto; padding: 12px 26px; font-size: 15px; }

.seeker .cm-form { display: flex; flex-direction: column; gap: 4px; }
.seeker .cm-submit { width: auto; align-self: flex-start; padding: 14px 30px; font-size: 15.5px; margin-top: 8px; }
.seeker .cm-leave { margin: 0; }
.seeker .cm-leave button { background: none; border: 0; padding: 0; font: inherit; font-size: 14px; color: var(--sk-muted); text-decoration: underline; cursor: pointer; }

/* ═══════════════════════ תנועה ═══════════════════════════════════════
   שלושה דברים בלבד, וכל אחד מהם מרוסן בכוונה: תוכן שנכנס, משוב
   ללחיצה, וריחוף. מסך שכל דבר בו זז הוא מסך שאי אפשר לקרוא. */

/*
 * כניסת תוכן.
 *
 * המרחק קטן (8px) והמשך קצר (240ms) כי זה נראה בכל טעינת עמוד, כלומר
 * עשרות פעמים ביום. אנימציה שמורגשת בפעם הראשונה מעצבנת בעשירית.
 *
 * ההשהיה מדורגת עד הפריט השישי ואז נעצרת: בלי התקרה, פריט מספר
 * עשרים היה מחכה שנייה שלמה, והמשתמש היה רואה דף שנבנה לאט.
 */
@keyframes sk-rise {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}

.seeker .dash > *,
.seeker .bd > *,
.seeker .iv > *,
.seeker .dash-block,
.seeker .match-list > *,
.seeker .mj-list > *,
.seeker .cm-list > *,
.seeker .fd-list > *,
.seeker .im-list > *,
.seeker .iv-list > *,
.seeker .pl-prices > * {
  animation: sk-rise var(--dur-enter) var(--ease-out) both;
}

/*
 * הפתיחה אינה נכנסת בתנועה, ומסיבה מדויקת: אנימציה עם transform
 * הופכת את האלמנט לעוגן של position: fixed, ואז שדה השאלה הצף
 * נדבק לתחתית הפתיחה במקום לתחתית המסך. חוץ מזה זה גם הדבר היחיד
 * שנמצא על המסך ברגע הראשון, ואין לו לאן להיכנס.
 */
.seeker .dash > .hero { animation: none; }

.seeker .match-list > :nth-child(2),
.seeker .mj-list > :nth-child(2),
.seeker .cm-list > :nth-child(2),
.seeker .fd-list > :nth-child(2),
.seeker .im-list > :nth-child(2),
.seeker .iv-list > :nth-child(2),
.seeker .dash > :nth-child(2),
.seeker .bd > :nth-child(2),
.seeker .iv > :nth-child(2) { animation-delay: 40ms; }

.seeker .match-list > :nth-child(3),
.seeker .mj-list > :nth-child(3),
.seeker .cm-list > :nth-child(3),
.seeker .fd-list > :nth-child(3),
.seeker .im-list > :nth-child(3),
.seeker .iv-list > :nth-child(3),
.seeker .dash > :nth-child(3),
.seeker .bd > :nth-child(3),
.seeker .iv > :nth-child(3) { animation-delay: 80ms; }

.seeker .match-list > :nth-child(4),
.seeker .mj-list > :nth-child(4),
.seeker .cm-list > :nth-child(4),
.seeker .fd-list > :nth-child(4),
.seeker .im-list > :nth-child(4),
.seeker .iv-list > :nth-child(4),
.seeker .dash > :nth-child(n + 4),
.seeker .bd > :nth-child(n + 4),
.seeker .iv > :nth-child(n + 4) { animation-delay: 120ms; }

.seeker .match-list > :nth-child(5),
.seeker .mj-list > :nth-child(5),
.seeker .cm-list > :nth-child(5),
.seeker .fd-list > :nth-child(5),
.seeker .im-list > :nth-child(5),
.seeker .iv-list > :nth-child(5) { animation-delay: 160ms; }

.seeker .match-list > :nth-child(n + 6),
.seeker .mj-list > :nth-child(n + 6),
.seeker .cm-list > :nth-child(n + 6),
.seeker .fd-list > :nth-child(n + 6),
.seeker .im-list > :nth-child(n + 6),
.seeker .iv-list > :nth-child(n + 6) { animation-delay: 200ms; }

/*
 * משוב ללחיצה.
 *
 * 120ms ו-0.985: מספיק כדי להרגיש שהאצבע נגעה במשהו, מעט מכדי
 * להאט את הפעולה. הכפתור אינו "קופץ" — הוא נלחץ.
 */
.seeker .sk-btn,
.seeker .bd-btn,
.seeker .btn-pill,
.seeker .ch-send,
.seeker .mj-tab,
.seeker .bd-add,
.seeker .iv-pick {
  transition: background var(--dur-quick) ease, color var(--dur-quick) ease,
              box-shadow var(--dur-quick) ease, transform var(--dur-press) var(--ease-out);
}
.seeker .sk-btn:active,
.seeker .bd-btn:active,
.seeker .btn-pill:active,
.seeker .ch-send:active,
.seeker .mj-tab:active,
.seeker .bd-add:active,
.seeker .iv-pick:active { transform: scale(.985); }

.seeker .match,
.seeker .mj.is-link,
.seeker .cm-card,
.seeker .dash-tile,
.seeker .bd-choice,
.seeker .im-change,
.seeker .pl-price,
.seeker .account-product {
  transition: transform var(--dur-press) var(--ease-out), box-shadow var(--dur-quick) ease,
              border-color var(--dur-quick) ease, opacity var(--dur-quick) ease;
}
.seeker .match:active,
.seeker .mj.is-link:active,
.seeker a.cm-card:active,
.seeker .dash-tile:active,
.seeker .bd-choice:active,
.seeker .im-change:active,
.seeker .pl-price:active { transform: scale(.99); }

/* ריחוף רק במכשיר שבאמת מרחפים בו. מגע מייצר ריחוף מדומה בלחיצה */
@media (hover: hover) and (pointer: fine) {
  .seeker .match:hover,
  .seeker .mj.is-link:hover,
  .seeker a.cm-card:hover,
  .seeker .dash-tile:hover { transform: translateY(-2px); }
}

/*
 * פחות תנועה פירושו פחות ועדין, לא אפס: מה שעוזר להבין נשאר, ומה
 * שזז במרחב יורד. תוכן שנכנס עדיין מופיע, רק בלי לזוז.
 */
@media (prefers-reduced-motion: reduce) {
  .seeker .dash > *, .seeker .bd > *, .seeker .iv > *, .seeker .dash-block,
  .seeker .match-list > *, .seeker .mj-list > *, .seeker .cm-list > *,
  .seeker .fd-list > *, .seeker .im-list > *, .seeker .iv-list > *,
  .seeker .pl-prices > * {
    animation-name: sk-fade;
    animation-delay: 0ms !important;
  }
  .seeker .match:active, .seeker .mj.is-link:active, .seeker a.cm-card:active,
  .seeker .dash-tile:active, .seeker .bd-choice:active, .seeker .im-change:active,
  .seeker .pl-price:active, .seeker .sk-btn:active, .seeker .bd-btn:active,
  .seeker .btn-pill:active, .seeker .ch-send:active { transform: none; }
  .seeker .match:hover, .seeker .mj.is-link:hover, .seeker a.cm-card:hover,
  .seeker .dash-tile:hover { transform: none; }
}
@keyframes sk-fade { from { opacity: 0; } to { opacity: 1; } }

/* ═══════════════════ MetchAI הצף ════════════════════════════════════
   זכוכית, בדיוק כמו הסרגל העליון: טשטוש עם הגברת רוויה, קצה עליון
   בהיר שתופס אור, וצל שמרחיק מהתוכן. הכלל שקל להפר נשמר גם כאן —
   לא מניחים שכבה שקופה בהירה על שכבה שקופה בהירה, ולכן הבועות בתוך
   החלונית אטומות. */
.seeker .mai {
  position: fixed; inset-inline-end: 20px; bottom: 20px; z-index: 70;
  display: flex; flex-direction: column; align-items: flex-start; gap: 12px;
}

.seeker .mai-fab {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 20px; border: 0; border-radius: 999px;
  /* הגרדיאנט הוא מה שמבדיל את הסוכן משאר הכפתורים הכחולים באתר */
  background: linear-gradient(135deg, #2987CD 0%, #4C6FD6 55%, #6C5CE0 100%);
  color: #fff; font: inherit; font-size: 14.5px; font-weight: 600; cursor: pointer;
  box-shadow: 0 6px 20px rgba(41, 92, 205, .34);
  transition: transform var(--dur-press) var(--ease-out), box-shadow var(--dur-quick) ease,
              opacity var(--dur-quick) ease;
}
.seeker .mai-fab:active { transform: scale(.96); }
@media (hover: hover) and (pointer: fine) {
  .seeker .mai-fab:hover { box-shadow: 0 8px 26px rgba(41, 92, 205, .42); transform: translateY(-1px); }
}
.seeker .mai-fab .nav-spark { width: 17px; height: 17px; }
/* הכפתור נעלם כשהחלונית פתוחה: הוא כבר עשה את שלו */
.seeker .mai.open .mai-fab { opacity: 0; pointer-events: none; transform: scale(.9); }

.seeker .mai-panel {
  width: min(370px, calc(100vw - 32px));
  display: flex; flex-direction: column;
  border-radius: 22px; overflow: hidden;
  background: rgba(255, 255, 255, .82);
  -webkit-backdrop-filter: blur(26px) saturate(180%); backdrop-filter: blur(26px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .6); border-top-color: rgba(255, 255, 255, .95);
  box-shadow: 0 18px 50px rgba(0, 26, 110, .22);

  /*
   * נפתחת מהפינה שבה הכפתור יושב, ולא מהמרכז. זה מה שהופך את זה
   * ל"נפתח מכאן" במקום ל"קפץ לי משהו על המסך".
   */
  /* בעמוד עברי הכפתור יושב בשמאל התחתון, ומשם נפתחת החלונית */
  transform-origin: bottom left;
  transform: scale(.94) translateY(10px);
  opacity: 0;
  transition: opacity var(--dur-panel) var(--ease-out), transform var(--dur-panel) var(--ease-out);
}
.seeker .mai.shown .mai-panel { opacity: 1; transform: none; }

.seeker .mai-head {
  display: flex; align-items: center; gap: 10px;
  padding: 14px 16px; border-bottom: 1px solid rgba(0, 26, 110, .08);
}
.seeker .mai-title { display: inline-flex; align-items: center; gap: 7px; font-size: 15px; color: var(--sk-navy); }
.seeker .mai-title .nav-spark { width: 16px; height: 16px; color: var(--sk-action); }
.seeker .mai-full { margin-inline-start: auto; font-size: 13px; color: var(--sk-action); text-decoration: none; }
.seeker .mai-x {
  width: 28px; height: 28px; display: grid; place-items: center; flex: none;
  border: 0; border-radius: 50%; background: none; color: var(--sk-muted); cursor: pointer;
  transition: background var(--dur-quick) ease, color var(--dur-quick) ease;
}
.seeker .mai-x:hover { background: rgba(0, 26, 110, .07); color: var(--sk-text); }
.seeker .mai-x svg { width: 18px; height: 18px; }

.seeker .mai-thread {
  display: flex; flex-direction: column; gap: 10px;
  padding: 16px; max-height: min(46vh, 400px); overflow-y: auto;
}
.seeker .mai-thread .ch-bubble { max-width: 88%; font-size: 14.5px; }
.seeker .mai-thread .ch-bubble p { margin: 0 0 6px; line-height: 1.7; }
.seeker .mai-thread .ch-bubble p:last-child { margin-bottom: 0; }
.seeker .mai-link { display: inline-block; margin-top: 8px; font-size: 13px; color: var(--sk-action); }

.seeker .mai-form {
  display: flex; align-items: flex-end; gap: 8px;
  padding: 10px 10px 10px 14px; border-top: 1px solid rgba(0, 26, 110, .08);
  background: rgba(255, 255, 255, .5);
}
.seeker .mai-form textarea {
  flex: 1; min-height: 38px; max-height: 120px; padding: 8px 0;
  border: 0; background: none; resize: none; font: inherit; font-size: 15px;
  line-height: 1.5; color: var(--sk-text);
}
.seeker .mai-form textarea:focus { outline: none; }
/*
 * כפתור השליחה מעוצב כאן במלואו ולא נשען על .ch-form: שם הוא נבחר
 * לפי `button` בתוך הטופס, ולכן כפתור זהה בטופס אחר יוצא אפור וריק.
 */
.seeker .mai-form .ch-send {
  flex: none; width: 38px; height: 38px; border: 0; border-radius: 50%;
  background: var(--sk-action); color: #fff; cursor: pointer;
  display: grid; place-items: center;
  transition: background var(--dur-quick) ease, transform var(--dur-press) var(--ease-out);
}
.seeker .mai-form .ch-send:hover { background: #2276B4; }
.seeker .mai-form .ch-send svg { width: 18px; height: 18px; transform: scaleX(-1); }

/* במסך צר החלונית תופסת את הרוחב, כי חלונית של 370 על מסך של 360 אינה חלונית */
@media (max-width: 460px) {
  .seeker .mai { inset-inline: 12px; bottom: 12px; align-items: stretch; }
  .seeker .mai-fab { align-self: flex-end; }
  .seeker .mai-panel { width: auto; }
}

/* מי שביקש פחות שקיפות מקבל משטח אטום, ומי שביקש פחות תנועה מקבל מעבר בלבד */
@media (prefers-reduced-transparency: reduce) {
  .seeker .mai-panel { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  .seeker .mai-panel { transform: none; transition: opacity var(--dur-quick) ease; }
  .seeker .mai.shown .mai-panel { transform: none; }
  .seeker .mai.open .mai-fab { transform: none; }
  .seeker .mai-fab:active, .seeker .mai-fab:hover { transform: none; }
}

/* ─── הזהות של MetchAI ──────────────────────────────────────────────
   הגרדיאנט הוא מה שמבדיל את הסוכן משאר הכפתורים הכחולים באתר, ולכן
   הוא זהה בשלושה מקומות: הפריט בתפריט, הכפתור הצף, והכוכב שביניהם.
   מי שראה את הכפתור הצף צריך לזהות אותו מיד בתפריט. */
.seeker .nav-top.is-link .nav-spark,
.seeker .nav-sheet-group .nav-spark { color: #5C63D8; }
.seeker .nav-top.is-link:has(.nav-spark) span { color: var(--sk-navy); }

/* ─── הזהות בפרופיל: תמונה וקישורים ─────────────────────────────────
   התמונה היא לקהילה ולפרופיל בלבד. היא אינה נכנסת לקורות החיים
   ואינה נשלחת למעסיק, ולכן היא יושבת כאן ולא במסך הפרטים. */
.seeker .pr-identity { display: flex; flex-direction: column; gap: 26px; }

.seeker .pr-photo { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.seeker .pr-photo form { margin: 0; }

.seeker .pr-face {
  position: relative; display: grid; place-items: center;
  width: 96px; height: 96px; border-radius: 50%; overflow: hidden; cursor: pointer;
  background: linear-gradient(135deg, #A9C6F0, #C7B6EE);
  color: #fff; font-size: 30px; font-weight: 700; letter-spacing: .02em;
  box-shadow: 0 4px 16px rgba(0, 26, 110, .14);
  transition: box-shadow var(--dur-quick) ease, transform var(--dur-press) var(--ease-out);
}
.seeker .pr-face:active { transform: scale(.98); }
@media (hover: hover) and (pointer: fine) {
  .seeker .pr-face:hover { box-shadow: 0 6px 22px rgba(0, 26, 110, .22); }
  .seeker .pr-face:hover .pr-face-edit { opacity: 1; }
}
.seeker .pr-face input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.seeker .pr-face img { width: 100%; height: 100%; object-fit: cover; display: block; }
.seeker .pr-face-edit {
  position: absolute; inset-inline-end: 6px; bottom: 6px;
  width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  background: rgba(255, 255, 255, .92); color: var(--sk-navy);
  box-shadow: 0 2px 8px rgba(0, 26, 110, .2);
  opacity: .9; transition: opacity var(--dur-quick) ease;
}
.seeker .pr-face-edit svg { width: 15px; height: 15px; }
/* בזמן השמירה התמונה עמומה מעט. חיווי אחד, בלי ספינר על גבי תמונה */
.seeker .pr-photo form.saving .pr-face { opacity: .6; }

.seeker .pr-photo-side { flex: 1; min-width: 240px; display: flex; flex-direction: column; gap: 4px; }
.seeker .pr-photo-side strong { font-size: 18px; }
.seeker .pr-photo-side p { margin: 0; font-size: 14px; color: var(--sk-muted); line-height: 1.7; max-width: 52ch; }
.seeker .pr-photo-acts { display: flex; align-items: center; gap: 16px; margin-top: 8px; }
.seeker .pr-photo-acts form { margin: 0; }
.seeker .pr-photo-pick, .seeker .pr-photo-remove, .seeker .pr-photo-send {
  background: none; border: 0; padding: 0; font: inherit; font-size: 14px; cursor: pointer; text-decoration: underline;
}
.seeker .pr-photo-pick { color: var(--sk-action); }
.seeker .pr-photo-remove { color: var(--sk-muted); }
.seeker .pr-photo-error { margin: 6px 0 0; font-size: 13.5px; color: var(--sk-bad); }

.seeker .pr-links { display: flex; flex-direction: column; gap: 12px; margin: 0; padding-top: 24px; border-top: 1px solid var(--sk-border); }
.seeker .pr-links h3 { margin: 0; font-size: 15px; font-weight: 700; }
.seeker .pr-links-note { margin: -4px 0 6px; font-size: 13.5px; color: var(--sk-muted); line-height: 1.7; max-width: 60ch; }

.seeker .pr-link { display: flex; align-items: center; gap: 12px; }
.seeker .pr-link-icon {
  flex: none; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center;
  background: #F2F5FA; color: var(--sk-muted);
}
/* המקצועיים מסומנים, כי הם אלה שנכנסים גם לקורות החיים */
.seeker .pr-link-icon.pro { background: var(--sk-good-bg); color: var(--sk-good); }
.seeker .pr-link-icon svg { width: 20px; height: 20px; }
.seeker .pr-link-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.seeker .pr-link-label { font-size: 12.5px; font-weight: 600; color: var(--sk-muted); }
.seeker .pr-link input {
  width: 100%; padding: 10px 14px; border: 1px solid var(--sk-border); border-radius: 12px;
  background: #fff; font: inherit; font-size: 14.5px; color: var(--sk-text);
  transition: border-color var(--dur-quick) ease, box-shadow var(--dur-quick) ease;
}
.seeker .pr-link input:focus { outline: none; border-color: var(--sk-action); box-shadow: 0 0 0 3px rgba(41,135,205,.14); }
.seeker .pr-links-save { width: auto; align-self: flex-start; padding: 12px 26px; font-size: 15px; margin-top: 6px; }

/*
 * פרטי הקשר בפרופיל האישי.
 *
 * אותם שדות של מסך ההרשמה, בתוך בלוק ולא בכרטיס: כאן הם חלק מעמוד
 * ולא המסך כולו. הטלפון מוצג ואינו נערך, ולכן הוא נראה כמו שורת
 * מידע ולא כמו שדה שנכשל.
 */
.seeker .pr-contact { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.seeker .pr-contact .sk-field.is-fixed > span { display: block; margin: 0 22px 8px; font-size: 14px; color: var(--sk-muted); }
.seeker .pr-contact .sk-field.is-fixed p {
  margin: 0; min-height: 56px; padding: 16px 22px; font-size: 16px;
  border: 1px dashed var(--sk-border); border-radius: var(--sk-field); background: #F7F9FC; color: var(--sk-muted);
}
.seeker .pr-contact .sk-field.is-fixed em { display: block; margin: 8px 22px 0; font-style: normal; }
.seeker .pr-contact .sk-btn { width: auto; align-self: flex-start; padding: 12px 26px; font-size: 15px; }

.seeker .pr-chips { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 20px; border-top: 1px solid var(--sk-border); }
.seeker .pr-chip {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 15px; border-radius: 999px; background: #F2F5FA;
  font-size: 13.5px; color: var(--sk-text); text-decoration: none;
  transition: background var(--dur-quick) ease, transform var(--dur-press) var(--ease-out);
}
.seeker .pr-chip:active { transform: scale(.98); }
@media (hover: hover) and (pointer: fine) { .seeker .pr-chip:hover { background: #E7EDF6; } }
.seeker .pr-chip svg { width: 17px; height: 17px; color: var(--sk-muted); }

@media (prefers-reduced-motion: reduce) {
  .seeker .pr-face:active, .seeker .pr-chip:active { transform: none; }
}

/* תמונה בפיד ממלאת את אותו עיגול בדיוק שבו ישבו ראשי התיבות */
.seeker img.fd-avatar { object-fit: cover; padding: 0; }

/* ─── סטטוס החיפוש ──────────────────────────────────────────────────
   הבלוק הראשון בפרופיל, כי הוא היחיד שם שמשנה מה המערכת עושה. */
.seeker .st-block form { margin: 0; }
.seeker .st-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }

.seeker .st-option {
  display: flex; align-items: flex-start; gap: 12px; padding: 18px;
  border: 1.5px solid var(--sk-border); border-radius: 14px; cursor: pointer;
  transition: border-color var(--dur-quick) ease, background var(--dur-quick) ease,
              transform var(--dur-press) var(--ease-out);
}
.seeker .st-option:active { transform: scale(.99); }
.seeker .st-option input { position: absolute; opacity: 0; pointer-events: none; }
.seeker .st-dot {
  flex: none; width: 20px; height: 20px; margin-top: 2px; border-radius: 50%;
  border: 1.5px solid var(--sk-border); background: #fff;
  transition: border-color var(--dur-quick) ease, border-width var(--dur-quick) ease;
}
.seeker .st-text { display: flex; flex-direction: column; gap: 4px; }
.seeker .st-text strong { font-size: 15.5px; }
.seeker .st-text span { font-size: 13.5px; color: var(--sk-muted); line-height: 1.65; }

/* הצבע נושא את המשמעות: פעיל, פתוח להצעות, מושהה */
.seeker .st-option.on.good { border-color: var(--sk-good); background: var(--sk-good-bg); }
.seeker .st-option.on.good .st-dot { border: 6px solid var(--sk-good); }
.seeker .st-option.on.warn { border-color: var(--sk-warn); background: var(--sk-warn-bg); }
.seeker .st-option.on.warn .st-dot { border: 6px solid var(--sk-warn); }
.seeker .st-option.on.off { border-color: #8A7A6B; background: #F4F0EC; }
.seeker .st-option.on.off .st-dot { border: 6px solid #8A7A6B; }
.seeker .st-option input:focus-visible ~ .st-dot { box-shadow: 0 0 0 3px rgba(41,135,205,.25); }

.seeker .st-switch {
  display: flex; align-items: flex-start; gap: 14px; margin-top: 18px; padding-top: 18px;
  border-top: 1px solid var(--sk-border); cursor: pointer;
}
.seeker .st-switch input { position: absolute; opacity: 0; pointer-events: none; }
.seeker .st-track {
  flex: none; width: 46px; height: 27px; margin-top: 2px; border-radius: 999px;
  background: #DDE2EA; padding: 3px; transition: background var(--dur-quick) ease;
}
.seeker .st-track span {
  display: block; width: 21px; height: 21px; border-radius: 50%; background: #fff;
  box-shadow: 0 1px 3px rgba(0, 26, 110, .25);
  transition: transform var(--dur-quick) var(--ease-out);
}
.seeker .st-switch input:checked ~ .st-track { background: var(--sk-action); }
/* בעמוד עברי הידית נעה שמאלה כשהמתג נדלק */
.seeker .st-switch input:checked ~ .st-track span { transform: translateX(-19px); }
.seeker .st-switch input:focus-visible ~ .st-track { box-shadow: 0 0 0 3px rgba(41,135,205,.25); }
.seeker .st-switch-text { display: flex; flex-direction: column; gap: 4px; }
.seeker .st-switch-text strong { font-size: 15.5px; }
.seeker .st-switch-text span { font-size: 13.5px; color: var(--sk-muted); line-height: 1.7; max-width: 62ch; }

.seeker .st-save { width: auto; margin-top: 18px; padding: 12px 26px; font-size: 15px; }
.seeker .st-saved { display: inline-block; margin-top: 16px; font-size: 13.5px; color: var(--sk-good); }

/* השבב במסך הבית: הסטטוס גלוי כדי שלא יישכח */
.seeker .dash-status {
  display: inline-block; margin-inline-start: 10px; padding: 4px 12px; border-radius: 999px;
  font-size: 12.5px; font-weight: 600; text-decoration: none;
  background: var(--sk-good-bg); color: var(--sk-good);
  transition: opacity var(--dur-quick) ease;
}
.seeker .dash-status.warn { background: var(--sk-warn-bg); color: var(--sk-warn); }
.seeker .dash-status.off { background: #F4F0EC; color: #8A7A6B; }
@media (hover: hover) and (pointer: fine) { .seeker .dash-status:hover { opacity: .85; } }

.seeker .dash-paused {
  display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap;
  padding: 22px 24px; border-radius: var(--sk-radius); background: #fff; box-shadow: var(--sk-shadow);
}
.seeker .dash-paused strong { display: block; font-size: 16.5px; }
.seeker .dash-paused p { margin: 4px 0 0; font-size: 14px; color: var(--sk-muted); line-height: 1.7; }
.seeker .dash-paused form { margin: 0; }
.seeker .dash-paused .sk-btn { width: auto; padding: 12px 24px; font-size: 15px; }

@media (prefers-reduced-motion: reduce) {
  .seeker .st-option:active { transform: none; }
  .seeker .st-track span { transition: none; }
}

/* סימון החשבון הרשמי. מה שאינו אדם נראה מיד כמי שאינו אדם */
.seeker .fd-official {
  display: inline-flex; align-items: center; gap: 4px; margin-inline-start: 7px;
  padding: 2px 9px 2px 7px; border-radius: 999px;
  background: linear-gradient(135deg, rgba(41,135,205,.14), rgba(108,92,224,.14));
  color: #4C5FD0; font-size: 11px; font-weight: 700; vertical-align: middle;
}
.seeker .fd-official svg { width: 12px; height: 12px; }

/* ─── עזרה ──────────────────────────────────────────────────────────
   אותה שיחה כמו MetchAI, עם שני הבדלים: סרגל שאומר שהפנייה עברה
   לאדם, ותשובת נציג שנראית אחרת מתשובת סוכן. */
.seeker .sp-ticket {
  display: flex; flex-direction: column; gap: 3px; margin-bottom: 18px;
  padding: 16px 20px; border-radius: var(--sk-radius);
  background: var(--sk-warn-bg); border: 1px solid rgba(185, 118, 26, .22);
}
.seeker .sp-ticket.answered { background: var(--sk-good-bg); border-color: rgba(44, 122, 61, .22); }
.seeker .sp-ticket strong { font-size: 15px; }
.seeker .sp-ticket span { font-size: 13.5px; color: var(--sk-muted); line-height: 1.7; }

.seeker .ch-row.agent .ch-bubble { background: var(--sk-good-bg); border-color: rgba(44, 122, 61, .2); }
.seeker .sp-who { display: block; margin-bottom: 5px; font-size: 11.5px; font-weight: 700; color: var(--sk-good); }
.seeker .sp .ch-intro h2 { margin: 0 0 10px; font-size: 21px; }

/* ─── הפאנל ─────────────────────────────────────────────────────────
   לא .seeker: הפאנל משתמש בשכבת העיצוב של הניהול. */
/*
 * ערך לטיני בתוך שורה עברית: טלפון או מייל.
 *
 * dir="ltr" לבדו מיישר גם את הבלוק לשמאל, ואז הטלפון מתרחק מהשם
 * שמעליו ונראה כאילו הוא שייך לעמודה הבאה. הספרות עדיין נקראות
 * משמאל לימין, אבל הבלוק עצמו נשאר צמוד לימין כמו כל שאר השורה.
 */
.ltr { direction: ltr; text-align: right; overflow-wrap: anywhere; }

.cn-waiting { display: flex; flex-wrap: wrap; gap: 12px; }
.cn-wait {
  display: flex; flex-direction: column; gap: 2px; min-width: 160px;
  padding: 16px 20px; border-radius: 12px; background: #FFF6E8;
  border: 1px solid rgba(185, 118, 26, .25); text-decoration: none; color: inherit;
}
.cn-wait strong { font-size: 26px; font-weight: 700; color: #B9761A; line-height: 1.1; }
.cn-wait span { font-size: 13px; color: #6B7285; }

.cn-charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.ch-card { padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.ch-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.ch-card-head span { font-size: 13px; color: #6B7285; }
.ch-card-head strong { font-size: 20px; font-weight: 700; color: var(--blue); }
.ch-bars { width: 100%; height: 54px; display: block; }
.ch-bars rect { fill: #74ACE3; }
.ch-bars rect:last-child { fill: var(--sky); }
.ch-card-foot { display: flex; justify-content: space-between; margin-top: 8px; font-size: 11.5px; color: #9AA1AE; }

.cn-thread { display: flex; flex-direction: column; gap: 12px; }
.cn-msg { padding: 12px 16px; border-radius: 12px; background: #F5F7FB; max-width: 80%; }
.cn-msg.user { align-self: flex-start; background: #EAF3FA; }
.cn-msg.agent { background: #E9F6EC; }
.cn-msg-who { display: block; margin-bottom: 5px; font-size: 11.5px; font-weight: 700; color: #6B7285; }
.cn-msg p { margin: 0; font-size: 14.5px; line-height: 1.7; }

.cn-bar { display: block; height: 8px; border-radius: 999px; background: #EDF1F6; overflow: hidden; }
.cn-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--blue); }
.cn-danger { border: 1px solid rgba(192, 57, 43, .3); }
.cn-danger h3 { color: #C0392B; }
.btn-danger { background: #C0392B; color: #fff; border-color: #C0392B; }
.btn-danger:hover { background: #A93226; }