/* תוספות הפלטפורמה מעל העיצוב המאושר (base.css). CSS לוגי בלבד, RTL. */

:root {
  --red: #B3261E;
  --red-soft: #FCEEED;
}

body { background: var(--paper); }

.muted { color: var(--ink-3); }
.tiny { font-size: 12.5px; }

/* ======== עמודי כניסה ======== */
.center-shell {
  min-block-size: 100dvh;
  display: grid;
  place-items: center;
  padding: var(--pad);
  background: var(--paper-2);
}
.auth-card {
  max-inline-size: 460px;
  inline-size: 100%;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(24px, 4vw, 34px);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.auth-card .brand { justify-content: center; }
.auth-card h1 { font-size: clamp(22px, 3.4vw, 29px); }
.auth-card p { color: var(--ink-2); }
.auth-card form { inline-size: 100%; }

.btn-whatsapp { background: var(--ink); color: #fff; }
.btn-whatsapp:hover { background: #26262c; }
.btn-wide { inline-size: 100%; }

.link-quiet { font-size: 13px; color: var(--ink-3); }
.link-quiet:hover { color: var(--ink); }

/* ======== טפסים ======== */
.modal-field select,
.lead-form select,
.lead-form input {
  inline-size: 100%;
  font: inherit; font-size: 14.5px;
  padding-inline: 12px; padding-block: 10px;
  border: 1px solid var(--line); border-radius: 9px;
  background: var(--paper-2); color: var(--ink);
}
.modal-field input:focus,
.modal-field select:focus {
  outline: 2px solid var(--royal);
  outline-offset: 1px;
  border-color: var(--royal);
}
.check-row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: var(--ink-2);
  margin-block-end: 16px;
  text-align: start;
}
.check-row input {
  inline-size: 18px; block-size: 18px;
  flex-shrink: 0;
  accent-color: var(--royal);
}
.form-msg {
  min-block-size: 1.4em;
  font-size: 13.5px;
  font-weight: 600;
  margin-block-start: 10px;
  text-align: center;
}
.form-msg.ok { color: var(--green); }
.form-msg.err { color: var(--red); }

/* ======== כרטיס מוצר ======== */
/* שירות חודשי מתאר את המוצר ללקוח, לא הכנסה של השותף */
.flag-repeat { background: var(--paper-2); color: var(--ink-2); border: 1px solid var(--line); }
.flag-core { background: var(--royal-soft); color: var(--royal); }

/* ======== עמוד מוצר ======== */
.prod-fee-open {
  background: var(--paper-2) !important;
  color: var(--ink-2) !important;
  border: 1px solid var(--line);
}
.notice {
  border: 1px solid var(--line);
  background: var(--paper-2);
  border-radius: var(--radius);
  padding: 18px 20px;
  margin-block-end: 22px;
  border-inline-start: 3px solid var(--royal);
}
.notice strong { display: block; font-size: 15px; margin-block-end: 6px; }
.notice p { font-size: 14px; color: var(--ink-2); }

.asset-btns { display: flex; gap: 6px; flex-shrink: 0; }
.btn-mini-wa { background: var(--ink); color: #fff; }
.btn-mini-wa:hover { background: #26262c; }

.explainer-btns { display: flex; gap: 10px; flex-wrap: wrap; margin-block-start: 16px; }

/* ======== הקישור האישי ======== */
.link-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  background: var(--paper-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding-inline: 14px;
  padding-block: 10px;
}
.link-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13.5px;
  color: var(--ink-2);
  word-break: break-all;
  flex: 1 1 240px;
  direction: ltr;
  text-align: start;
}

/* ======== טבלת הלידים ======== */
.td-sub { display: block; font-size: 12px; color: var(--ink-3); font-weight: 400; }
.td-empty { text-align: center; color: var(--ink-3); padding-block: 26px; }

.pill-pending { background: var(--amber-soft); color: var(--amber); }
.pill-received,
.pill-in_progress { background: var(--royal-soft); color: var(--royal); }
.pill-closed_won,
.pill-client_paid,
.pill-commission_paid { background: var(--green-soft); color: var(--green); }
.pill-closed_lost,
.pill-expired,
.pill-exists,
.pill-irrelevant { background: var(--paper-2); color: var(--ink-3); border: 1px solid var(--line); }

/* ======== התאמות נייד ======== */
@media (max-width: 640px) {
  .asset-btns { inline-size: 100%; }
  .asset-btns .btn-mini { flex: 1; }
  .explainer-btns .btn { inline-size: 100%; }
}