/* Smart ROI — ממשק מודרני (Metronic-inspired: כחול · אפור · לבן) */
:root {
  --sr-navy: #071437;
  --sr-navy-soft: #1B84FF;
  --sr-navy-muted: #4B5675;
  --sr-blue: #1B84FF;
  --sr-blue-hover: #056EE9;
  --sr-blue-soft: #E9F3FF;
  --sr-gold: #1B84FF; /* תאימות לאחור — לא זהב */
  --sr-gold-bright: #1B84FF;
  --sr-gold-deep: #056EE9;
  --sr-silver: #C4CADA;
  --sr-cream: #F9F9F9;
  --sr-cream-dark: #F1F1F4;
  --sr-ink: #071437;
  --sr-muted-text: #78829D;

  --background: #ffffff;
  --foreground: var(--sr-ink);
  --card: #ffffff;
  --card-foreground: var(--sr-ink);
  --popover: #ffffff;
  --popover-foreground: var(--sr-ink);
  --primary: var(--sr-blue);
  --primary-foreground: #ffffff;
  --secondary: #F1F1F4;
  --secondary-foreground: var(--sr-navy);
  --muted: #F9F9F9;
  --muted-foreground: var(--sr-muted-text);
  --accent: var(--sr-blue-soft);
  --accent-foreground: var(--sr-navy);
  --mono: var(--sr-navy);
  --mono-foreground: #ffffff;
  --border: #F1F1F4;
  --input: #DBDFE9;
  --ring: var(--sr-blue);
  --radius: 0.625rem;
  --success: #17C653;
  --danger: #F8285A;
  --warning: #F6C000;
}

.dark {
  --background: #0A121A;
  --foreground: #F3F0E8;
  --card: #101C28;
  --card-foreground: #F3F0E8;
  --popover: #101C28;
  --popover-foreground: #F3F0E8;
  --primary: #3D9EFF;
  --primary-foreground: #ffffff;
  --secondary: #152434;
  --secondary-foreground: #F3F0E8;
  --muted: #0E1822;
  --muted-foreground: #9AA8B5;
  --accent: #1A2C3D;
  --accent-foreground: #F3F0E8;
  --mono: #E8E2D4;
  --mono-foreground: #0B1C2C;
  --border: #243748;
  --input: #243748;
  --ring: #3D9EFF;
}

html, body {
  font-family: 'Assistant', 'Heebo', Arial, sans-serif !important;
  font-size: 14px;
  line-height: 1.55;
  color: var(--foreground);
  letter-spacing: 0.01em;
}

body, .kt-container-fixed, .kt-menu, .kt-card, input, button, select, textarea,
.kt-btn, .kt-input, .kt-form-label, .kt-dropdown-menu {
  font-family: 'Assistant', 'Heebo', Arial, sans-serif !important;
}

/* כותרות עמוד — קלאסיות, לא ענקיות */
main h1, .kt-container-fixed h1 {
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  color: var(--sr-navy);
}
.dark main h1 { color: var(--foreground); }

main h2, .kt-card-title, .kt-card-header h3 {
  font-size: 0.98rem !important;
  font-weight: 600 !important;
}

/* סיידבר אפור בהיר עד תחתית המסך + טקסט שחור */
html.dark #sidebar,
.dark #sidebar,
#sidebar.kt-drawer,
#sidebar {
  background: #F3F4F6 !important;
  color: #111827 !important;
  border-inline-end: 1px solid #E5E7EB !important;
  overflow: hidden !important;
  top: 0 !important;
  bottom: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  flex-direction: column !important;
}
/* בדסקטופ — סיידבר קבוע במלואו; במובייל נשאר drawer (בלי לדרוס hidden) */
@media (min-width: 1024px) {
  html.dark #sidebar,
  .dark #sidebar,
  #sidebar {
    position: fixed !important;
    display: flex !important;
  }
}
@media (max-width: 1023.98px) {
  #sidebar.kt-drawer-on,
  #sidebar[class*="drawer"]:not(.hidden) {
    display: flex !important;
    flex-direction: column !important;
    height: 100dvh !important;
    background: #F3F4F6 !important;
  }
}
#sidebar_header {
  border-bottom: 1px solid #E5E7EB;
  flex-shrink: 0;
  background: #F3F4F6;
  padding: 18px 20px 12px;
}
#sidebar_header .sr-brand-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 8px 6px;
  margin-bottom: 4px;
}
#sidebar_header .sr-brand-mark {
  max-height: 44px;
  max-width: 180px;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
  margin-inline: auto;
}
/* לוגו רגיל / נגטיב לפי מצב בהיר־כהה */
.sr-logo-dark { display: none !important; }
.sr-logo-light { display: block !important; }
html.dark .sr-logo-dark,
.dark .sr-logo-dark { display: block !important; }
html.dark .sr-logo-light,
.dark .sr-logo-light { display: none !important; }
/* פאנל כניסה כהה — תמיד נגטיב */
.sr-login-panel .sr-login-logo-wide {
  filter: none;
}
#sidebar_header .sr-sidebar-sub {
  color: #4B5563 !important;
  font-size: 11px !important;
  font-weight: 500;
  display: block;
  text-align: center;
  padding-top: 2px;
}
#sidebar_header .sr-sidebar-biz {
  display: block;
  margin: 6px auto 0;
  max-width: 200px;
  padding: 3px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(201, 162, 74, 0.45);
  color: #0B1C2C;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* אשף ייבוא תנועות */
.sr-imp [hidden] { display: none !important; }
.sr-imp { grid-template-columns: minmax(0, 1fr); }
.sr-imp > *, .sr-imp .kt-card { min-width: 0; }
.sr-imp-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
.sr-imp-steps li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px 4px 12px;
  border-radius: 999px;
  background: #F3F4F6;
  color: #6B7280;
}
.sr-imp-steps li span {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  font-weight: 700;
  font-size: 11px;
}
.sr-imp-steps li.is-active { background: #0B1C2C; color: #fff; }
.sr-imp-steps li.is-active span { background: #C9A24A; color: #0B1C2C; }
.sr-imp-steps li.is-done { background: #F6F3EC; color: #A8842E; }
.sr-imp-step-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.sr-imp-steps li.is-done:hover { background: #EFE6D2; }
.sr-imp-accounts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
}
.sr-imp-account { position: relative; cursor: pointer; }
.sr-imp-account input { position: absolute; opacity: 0; pointer-events: none; }
.sr-imp-account-body {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  padding: 12px 14px;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  background: #fff;
  transition: border-color .15s, box-shadow .15s;
}
.sr-imp-account-body i { font-size: 22px; color: #C9A24A; }
.sr-imp-account input:checked + .sr-imp-account-body {
  border-color: #C9A24A;
  box-shadow: 0 0 0 3px rgba(201, 162, 74, 0.2);
  background: #FFFDF8;
}
.sr-imp-account input:focus-visible + .sr-imp-account-body { outline: 2px solid #0EA5E9; outline-offset: 2px; }
.sr-imp-account-name { display: block; font-weight: 600; color: #0B1C2C; }
.sr-imp-account-meta { display: block; font-size: 12px; color: #6B7280; }
.sr-imp-account-new .sr-imp-account-body { border-style: dashed; }
.sr-imp-account.is-gap .sr-imp-account-body { border-color: #C9A24A; background: #F6F3EC; }
.sr-imp-gap-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 0.55rem 0 0; padding: 0; list-style: none; }
.sr-imp-gap-list li { background: #fff; border: 1px solid #C9A24A; border-radius: 999px; padding: 4px 10px; font-size: 13px; font-weight: 600; }
.sr-imp-gap-note { margin: 0.55rem 0 0; font-weight: 400; color: #3f4b5b; }
.sr-imp-alert.is-done { font-weight: 600; }
.sr-imp-new {
  padding: 14px;
  border-radius: 10px;
  background: #F6F3EC;
}
.sr-imp-drop {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 28px 16px;
  border: 2px dashed #D1D5DB;
  border-radius: 12px;
  background: #FAFAFA;
  text-align: center;
  cursor: pointer;
}
.sr-imp-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.sr-imp-drop i { font-size: 30px; color: #C9A24A; }
.sr-imp-drop-title { font-weight: 600; color: #0B1C2C; word-break: break-all; }
.sr-imp-drop-sub { font-size: 12px; color: #6B7280; }
.sr-imp-drop.is-drag, .sr-imp-drop.has-file { border-color: #C9A24A; background: #FFFDF8; }
.sr-imp-sheet {
  display: grid;
  gap: 6px;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #E7D7A8;
  border-radius: 10px;
  background: #FFFDF6;
}
.sr-imp-sheet .kt-select { width: 100%; max-width: 420px; }
.sr-imp-map-layout {
  display: grid;
  gap: 1.25rem;
  align-items: start;
}
.sr-imp-map-layout > * { min-width: 0; }
.sr-imp-map-preview { display: grid; gap: 1.25rem; min-width: 0; }
@media (min-width: 1100px) {
  .sr-imp-map-layout { grid-template-columns: minmax(280px, 340px) minmax(0, 1fr); }
  .sr-imp-map-layout > .kt-card:first-child { position: sticky; top: 12px; }
}
.sr-imp-radio { display: flex; align-items: flex-start; gap: 8px; line-height: 1.4; cursor: pointer; }
.sr-imp-radio input { margin-top: 3px; flex-shrink: 0; }
.sr-imp-legend { font-size: 12px; color: #6B7280; padding: 8px 10px; background: #F9FAFB; border-radius: 8px; }
.sr-busy {
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: rgba(11, 28, 44, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.sr-busy[hidden] { display: none !important; }
.sr-busy-card {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 360px;
  padding: 18px 22px;
  border-radius: 14px;
  background: #fff;
  color: #0B1C2C;
  font-weight: 600;
  box-shadow: 0 16px 40px rgba(5, 11, 18, 0.25);
}
.sr-busy-spin {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 3px solid #F3E5BF;
  border-top-color: #C9A24A;
  border-radius: 50%;
  animation: sr-spin .7s linear infinite;
}
@keyframes sr-spin { to { transform: rotate(360deg); } }
.sr-imp-in { color: #15803D; font-weight: 600; }
.sr-imp-out { color: #B91C1C; font-weight: 600; }
.sr-cat-guide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.sr-cat-guide article { padding: 12px 14px; border-radius: 10px; background: #F6F3EC; border: 1px solid #E7D7A8; }
.sr-cat-guide strong { display: block; margin-bottom: 4px; color: #0B1C2C; }
.sr-cat-guide p { margin: 0; font-size: 13px; line-height: 1.5; color: #374151; }
.sr-cat-example { padding: 12px 14px; border-radius: 10px; background: #FFFDF6; border: 1px solid #E7D7A8; font-size: 13px; line-height: 1.5; color: #0B1C2C; }
.sr-cat-example ol { margin: 6px 0 0; padding-inline-start: 1.25rem; display: grid; gap: 4px; }
@media (max-width: 768px) {
  .sr-cat-guide { grid-template-columns: 1fr; }
}
.sr-cat { min-width: 0; }
.sr-cat > * { min-width: 0; }
.sr-cat-test, .sr-cat-newform { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.sr-cat-test .kt-input { flex: 1 1 280px; }
.sr-cat-test .kt-select { flex: 0 0 160px; }
.sr-cat-newform .kt-input, .sr-cat-newform .kt-select { flex: 1 1 170px; max-width: 260px; }
.sr-cat-table td { vertical-align: middle; }
.sr-cat-table .kt-input, .sr-cat-table .kt-select { min-width: 150px; height: 34px; font-size: 13px; }
.sr-cat-table tr.is-off td { opacity: .55; }
.sr-cat-codes { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px 16px; font-size: 13px; }
.sr-cat-codes span { display: inline-block; min-width: 44px; font-weight: 600; color: #A8842E; margin-inline-end: 6px; }
@media (max-width: 640px) {
    .sr-cat-newform .kt-input, .sr-cat-newform .kt-select, .sr-cat-test .kt-select { flex: 1 1 100%; max-width: none; }
}
#sr_imp_commit { display: grid; gap: 1.25rem; min-width: 0; }
.sr-imp-cls select.sr-imp-cat { min-width: 190px; max-width: 260px; height: 34px; font-size: 13px; }
.sr-imp-cls tr.is-missing td { background: #FEF2F2; }
.sr-imp-cls tr.is-missing select.sr-imp-cat { border-color: #DC2626; }
.sr-imp-src { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.sr-imp-src.is-history { background: #F6EEDB; color: #7A5D1E; }
.sr-imp-src.is-global { background: #F6F3EC; color: #0B1C2C; border: 1px solid #C9A24A; white-space: normal; }
.sr-imp-src.is-global-ok { background: #ECFDF5; color: #166534; white-space: normal; }
.sr-imp-src-cell { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.sr-imp-ok { min-height: 40px; }
.sr-imp-cls tr.is-global-pending td { background: #F6F3EC; }
.sr-imp-global-banner { margin: 0 1rem 1rem; }
.sr-imp-gate-card { width: min(560px, 100%); }
.sr-imp-gate-card h3 { margin: 0 0 0.35rem; color: #0B1C2C; }
.sr-imp-gate-card .sr-cf-confirm-actions { margin-top: 0.2rem; }
.sr-imp-src.is-manual { background: #ECFDF5; color: #166534; }
.sr-imp-src.is-none { background: #FEE2E2; color: #991B1B; }
.sr-imp-filter { display: inline-flex; flex-wrap: wrap; border: 1px solid #E5E7EB; border-radius: 8px; overflow: hidden; }
.sr-imp-filter button { padding: 6px 10px; font-size: 12px; background: #fff; color: #0B1C2C; border-inline-start: 1px solid #E5E7EB; }
.sr-imp-filter button:first-child { border-inline-start: 0; }
.sr-imp-filter button.is-on { background: #0B1C2C; color: #fff; }
.sr-imp-cat-search-wrap { position: relative; display: flex; align-items: center; min-width: 240px; }
.sr-imp-cat-search-wrap .kt-input { width: 100%; padding-inline-end: 72px; height: 34px; font-size: 12px; }
.sr-imp-cat-search-wrap span:last-child { position: absolute; inset-inline-end: 9px; font-size: 10px; color: #6B7280; pointer-events: none; }
.sr-imp-newcat { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; border-bottom: 1px solid #F1F1F4; }
.sr-imp-newcat[hidden] { display: none !important; }
.sr-imp-newcat .kt-input { max-width: 240px; }
.sr-imp-newcat-note { flex: 1 1 100%; display: grid; gap: 2px; font-size: 12px; color: #4B5563; }
.sr-imp-newcat-note strong { color: #0B1C2C; font-size: 13px; }
.sr-imp-savebar { position: sticky; bottom: 0; z-index: 20; box-shadow: 0 -6px 18px rgba(11, 28, 44, .08); }
.sr-imp-savebar .kt-btn-primary:disabled { opacity: .45; cursor: not-allowed; }
.sr-imp-cls tr[hidden] { display: none !important; }
@media (max-width: 640px) {
    .sr-imp-cls thead { display: none; }
    .sr-imp-cls, .sr-imp-cls tbody { display: block; width: 100%; }
    .sr-imp-cls tr {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "date src amt" "desc desc desc" "sel sel sel";
        gap: 6px 10px;
        padding: 12px 14px;
        border-bottom: 1px solid #F1F1F4;
    }
    .sr-imp-cls td { display: block; padding: 0 !important; border: 0 !important; background: transparent !important; }
    .sr-imp-cls tr.is-missing { background: #FEF2F2; }
    .sr-imp-cls td:nth-child(1) { grid-area: date; font-size: 12px; color: #6B7280; }
    .sr-imp-cls td:nth-child(2) { grid-area: desc; }
    .sr-imp-cls td:nth-child(3) { grid-area: amt; }
    .sr-imp-cls td:nth-child(4) { grid-area: src; }
    .sr-imp-cls td:nth-child(5) { grid-area: sel; }
    .sr-imp-cls .sr-imp-cat-btn { width: 100%; max-width: none; min-height: 40px; }
    .sr-imp-cat-search-wrap { width: 100%; min-width: 0; }
    .sr-imp-newcat .kt-input { max-width: none; flex: 1 1 100%; }
    .sr-imp-savebar .kt-card-content > div { width: 100%; }
    .sr-imp-savebar .kt-btn { flex: 1 1 auto; }
}
.sr-imp-table { width: 100%; font-size: 12.5px; border-collapse: collapse; }
.sr-imp-table th, .sr-imp-table td { padding: 7px 10px; border-bottom: 1px solid #F1F1F4; text-align: start; vertical-align: top; }
.sr-imp-table th { background: #F9FAFB; color: #4B5563; font-weight: 600; white-space: nowrap; }
.sr-imp-table th.text-end, .sr-imp-table td.text-end { text-align: end; }
.sr-imp-table tr.sr-imp-bad td { background: #FEF2F2; }
.sr-imp-raw td, .sr-imp-raw th { white-space: nowrap; }
.sr-imp-raw tr.is-header td { font-weight: 700; background: #F6F3EC; }
.sr-imp-raw .is-mapped { background: #FFFBEB; }
.sr-imp-raw tr.is-header td.is-mapped { background: #F3E5BF; }
.sr-imp-tag {
  display: block;
  margin-top: 2px;
  font-size: 10.5px;
  font-weight: 600;
  color: #A8842E;
}
@media (max-width: 640px) {
  .sr-imp-steps { width: 100%; }
  .sr-imp-steps { flex-wrap: nowrap; gap: 4px; }
  .sr-imp-steps li { flex: 1 1 0; min-width: 0; justify-content: center; padding: 4px 6px; font-size: 11px; white-space: nowrap; }
  .sr-imp-accounts { grid-template-columns: 1fr; }
  .sr-imp-sheet .kt-select { max-width: none; }
  .sr-imp-table th, .sr-imp-table td { padding: 6px 8px; }
}
#sidebar_menu {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin: 0.5rem 0 0 !important;
  padding-bottom: 0.5rem !important;
  overflow: auto;
}
#sidebar_primary_menu {
  gap: 0.25rem !important;
}
#sidebar_primary_menu .kt-menu-link {
  padding: 0.45rem 0.65rem !important;
  border-radius: 0.4rem !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-color: transparent !important;
  background: transparent !important;
}
#sidebar_primary_menu .kt-menu-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: #111827 !important;
}
#sidebar_primary_menu .kt-menu-icon,
#sidebar_primary_menu .kt-menu-icon i {
  font-size: 15px !important;
  color: #4B5675 !important;
  opacity: 0.95;
}
#sidebar_primary_menu .kt-menu-item.active .kt-menu-icon i,
#sidebar_primary_menu .sr-menu-module.here > .sr-module-toggle .kt-menu-icon i {
  color: #1B84FF !important;
}
#sidebar_primary_menu .kt-menu-item.active .kt-menu-link,
#sidebar_primary_menu .kt-menu-link:hover {
  background: #ffffff !important;
  border-color: #D1D5DB !important;
  color: #111827 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

/* כרטיס משתמש בתוך האפור — 25px מהשוליים, בלי חור לבן מתחת */
#sidebar_footer {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 25px 25px 25px !important;
  padding: 0 !important;
  border: 0 !important;
  background: #F3F4F6 !important;
  z-index: 30;
  flex-shrink: 0 !important;
}
.sr-user-menu {
  position: relative;
  width: 100%;
}
.sr-user-chip {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  width: 100%;
  padding: 0.45rem 0.55rem;
  border-radius: 0.5rem;
  background: #ffffff;
  border: 1px solid #D1D5DB !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  cursor: pointer;
  text-align: right;
  color: #111827;
}
.sr-user-chip:hover,
.sr-user-menu.is-open .sr-user-chip {
  border-color: #1B84FF !important;
}
.sr-user-initials {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #E9F3FF;
  color: #1B84FF;
  font-size: 11px;
  font-weight: 700;
  border: 1px solid #DBDFE9;
  flex-shrink: 0;
  letter-spacing: 0.02em;
}
.sr-user-meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.sr-user-meta .name {
  color: #111827;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sr-user-meta .email {
  color: #6B7280;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sr-user-menu-panel {
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  left: 0;
  background: #ffffff;
  border: 1px solid #D1D5DB;
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  padding: 0.35rem;
  z-index: 40;
}
.sr-user-menu-panel[hidden] {
  display: none !important;
}
.sr-user-menu-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.35rem;
  color: #111827 !important;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none !important;
}
.sr-user-menu-item:hover {
  background: #F3F4F6;
}
.sr-user-menu-item i {
  color: #1B84FF;
  font-size: 15px;
}
.sr-user-menu-danger {
  color: #B91C1C !important;
}
.sr-user-menu-danger i {
  color: #B91C1C !important;
}

/* כפתורים — כחול Metronic, בלי גרדיאנט זהב */
.kt-btn-primary {
  background: var(--sr-blue) !important;
  color: #ffffff !important;
  border-color: var(--sr-blue) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  border-radius: 0.5rem !important;
}
.kt-btn-primary:hover {
  background: var(--sr-blue-hover) !important;
  border-color: var(--sr-blue-hover) !important;
  filter: none;
}
.kt-btn-outline {
  background: #ffffff !important;
  color: #4B5675 !important;
  border: 1px solid #DBDFE9 !important;
  border-radius: 0.5rem !important;
}
.kt-btn-outline:hover {
  background: #F9F9F9 !important;
  border-color: #C4CADA !important;
  color: #071437 !important;
}
.kt-btn {
  font-size: 13px !important;
  padding-block: 0.5rem !important;
  padding-inline: 0.9rem !important;
  border-radius: 0.5rem !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.kt-input, .kt-select, select.kt-input, textarea.kt-input {
  font-size: 13px !important;
  border-color: var(--input) !important;
}
select.kt-select {
  display: block;
  box-sizing: border-box;
  height: 2.5rem;
  min-height: 2.5rem;
  line-height: 2.5rem;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
  color: #0B1C2C;
  background-color: #fff;
}
.kt-form-label {
  font-size: 12.5px !important;
  color: var(--sr-navy-muted) !important;
  font-weight: 500 !important;
}
.dark .kt-form-label { color: var(--muted-foreground) !important; }

/* כרטיסים */
.kt-card {
  border-color: var(--border) !important;
  box-shadow: 0 1px 2px rgba(11, 28, 44, 0.04);
}
.kt-card-header {
  border-bottom-color: var(--border) !important;
}

/* אזור תוכן */
body.bg-muted {
  background: #F9F9F9 !important;
}
.dark body.bg-muted,
html.dark body.bg-muted {
  background: #070E14 !important;
}

/* מובייל האדר — אפור בהיר כמו הסיידבר */
html.dark #header,
.dark #header,
#header {
  background: #F3F4F6 !important;
  color: #111827 !important;
  border-bottom: 1px solid #E5E7EB !important;
}
#header .text-mono { color: #111827 !important; }
#header .kt-btn-ghost { color: #111827 !important; }

/* פוטר משפטי */
.sr-legal-footer {
  border-top-color: var(--border) !important;
  color: var(--sr-muted-text);
  font-size: 12px !important;
}
.sr-legal-footer a { color: var(--sr-navy-muted); }
.dark .sr-legal-footer a { color: var(--sr-silver); }

/* נגישות — כפתור תכלת (סטנדרט נגישות מוכר) */
#a11y-toggle {
  background: #0EA5E9 !important;
  color: #ffffff !important;
}
#cookie-accept {
  background: #0EA5E9 !important;
  color: #ffffff !important;
}

/* מסכי אימות / קוד — חלון קומפקטי ממורכז (לא רוחב מלא) */
.sr-auth-shell {
  min-height: 100dvh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(201, 162, 74, 0.12), transparent 45%),
    radial-gradient(ellipse at 90% 100%, rgba(11, 28, 44, 0.06), transparent 40%),
    var(--sr-cream, #F6F3EC);
  box-sizing: border-box;
}
.sr-auth-card {
  width: 100%;
  max-width: 380px;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(11, 28, 44, 0.08);
  padding: 28px 28px 20px;
  box-sizing: border-box;
}
.sr-auth-card .sr-auth-logo {
  display: block;
  margin: 0 auto 14px;
  height: 44px;
  width: auto;
  object-fit: contain;
}
.sr-auth-card h1 {
  margin: 0 0 8px;
  text-align: center;
  font-size: 1.15rem;
  font-weight: 600;
  color: #0B1C2C;
}
.sr-auth-card .sr-auth-lead {
  margin: 0 0 18px;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  color: #6B7280;
}
.sr-auth-card .sr-auth-error {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(185, 28, 28, 0.08);
  color: #B91C1C;
  font-size: 13px;
  text-align: center;
}
.sr-auth-card .sr-auth-info {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(27, 132, 255, 0.08);
  color: #1B4B8A;
  font-size: 13px;
  text-align: center;
}
.sr-auth-card .sr-auth-input {
  display: block;
  width: 100%;
  margin: 0 0 14px;
  padding: 11px 14px;
  border: 1px solid #D1D5DB;
  border-radius: 10px;
  font-size: 14px;
  color: #0B1C2C;
  background: #FAFAF9;
  box-sizing: border-box;
  font-family: inherit;
  text-align: start;
}
.sr-auth-card .sr-auth-input:focus {
  outline: none;
  border-color: #1B84FF;
  box-shadow: 0 0 0 3px rgba(27, 132, 255, 0.2);
  background: #fff;
}
.sr-auth-card .sr-auth-inline-form {
  margin: 0 0 6px;
  text-align: center;
}
.sr-auth-card .sr-auth-link-btn {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 13px;
  color: #1B84FF;
  text-decoration: underline;
  cursor: pointer;
}
.sr-auth-card .sr-auth-label {
  display: block;
  margin-bottom: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: #374151;
  text-align: center;
}
.sr-auth-card .sr-auth-code {
  display: block;
  width: 100%;
  max-width: 220px;
  margin: 0 auto 16px;
  padding: 12px 14px;
  border: 1px solid #D1D5DB;
  border-radius: 10px;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-align: center;
  color: #0B1C2C;
  background: #FAFAF9;
  box-sizing: border-box;
}
.sr-auth-card .sr-auth-code:focus {
  outline: none;
  border-color: #1B84FF;
  box-shadow: 0 0 0 3px rgba(27, 132, 255, 0.2);
  background: #fff;
}
.sr-auth-card .sr-auth-submit {
  display: flex;
  width: 100%;
  max-width: 220px;
  margin: 0 auto 14px;
  justify-content: center;
  align-items: center;
  padding: 0.65rem 1rem;
  border: 0;
  border-radius: 10px;
  background: #1B84FF;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  font-family: inherit;
}
.sr-auth-card .sr-auth-submit:hover {
  filter: brightness(1.05);
}
.sr-auth-card .sr-auth-back {
  display: block;
  text-align: center;
  font-size: 13px;
  color: #6B7280;
  text-decoration: underline;
  margin-bottom: 8px;
}
.sr-auth-card .sr-auth-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  text-align: start;
  font-size: 12.5px;
  line-height: 1.35;
  color: #374151;
  margin: 4px 0 14px;
  cursor: pointer;
}
.sr-auth-card .sr-auth-check input {
  margin-top: 2px;
  flex-shrink: 0;
}
.sr-auth-shell > .sr-legal-footer {
  margin-top: 18px;
  max-width: 380px;
  width: 100%;
  border-top: none;
  padding-top: 0;
}

/* מסך התחברות — עמודה אחת במובייל, שתיים בדסקטופ */
.sr-login-layout {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: calc(100dvh - 80px);
  width: 100%;
}
.sr-login-panel {
  background: radial-gradient(ellipse at 30% 20%, #163048 0%, #0B1C2C 45%, #050B12 100%) !important;
  margin: 12px;
  border-radius: 14px;
  min-height: 168px;
  display: flex;
  align-items: center;
}
.sr-login-panel-inner {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem;
  width: 100%;
}
.sr-login-tagline {
  color: rgba(255,255,255,0.78);
  font-size: 0.875rem;
  line-height: 1.55;
  margin: 0;
  max-width: 28rem;
}
.sr-login-form-col {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0.5rem 1rem 1.5rem;
  background: var(--sr-cream);
  flex: 1 1 auto;
}
.sr-login-logo-wide {
  max-width: 220px;
  width: 100%;
  height: auto;
}
.sr-login-form-col > .kt-card {
  max-width: 360px;
}
.sr-password-field {
  position: relative;
}
.sr-password-field .sr-password-input {
  width: 100%;
  min-height: 42px;
  direction: ltr;
  text-align: right;
  padding-left: 2.6rem;
}
.sr-password-toggle {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0.15rem;
  transform: translateY(-50%);
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: #6B7280;
  cursor: pointer;
  border-radius: 0.4rem;
  padding: 0;
}
.sr-password-toggle:hover,
.sr-password-toggle:focus-visible {
  color: #0B1C2C;
  background: #F6F3EC;
  outline: none;
}
.sr-password-toggle .ki-eye-slash {
  display: none;
}
.sr-password-toggle.is-visible .ki-eye {
  display: none;
}
.sr-password-toggle.is-visible .ki-eye-slash {
  display: inline-block;
}
@media (min-width: 1024px) {
  .sr-login-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100dvh;
  }
  .sr-login-panel {
    order: 2;
    margin: 1.25rem;
    min-height: auto;
    border-radius: 0.75rem;
  }
  .sr-login-panel-inner {
    padding: 3.5rem;
    justify-content: center;
    height: 100%;
  }
  .sr-login-form-col {
    order: 1;
    align-items: center;
    padding: 2.5rem;
  }
  .sr-login-logo-wide {
    max-width: 280px;
  }
}

/* ——— תאימות לניידים ——— */
@media (max-width: 1023.98px) {
  #sidebar {
    width: min(280px, 86vw) !important;
  }
  #sidebar_header {
    padding: 16px 16px 10px;
  }
  #sidebar_header .sr-brand-mark {
    max-height: 38px;
    max-width: 160px;
  }
  #sidebar_footer {
    margin: 0 16px 20px 16px !important;
  }
  #header {
    padding-inline: 4px;
  }
  #header img {
    max-height: 32px !important;
    width: auto;
  }
  main h1, .kt-container-fixed h1 {
    font-size: 1.05rem !important;
  }
  .kt-card-content {
    padding: 1rem !important;
  }
  .sr-legal-footer {
    padding-inline: 12px;
    gap: 8px 12px;
    font-size: 11px !important;
  }
  #a11y-root {
    left: 12px;
    bottom: 12px;
  }
  #cookie-banner {
    left: 12px;
    right: 12px;
    bottom: 72px;
    padding: 14px;
  }
  .sr-login-logo-wide {
    max-width: 200px;
  }
  .sr-login-form-col .kt-btn {
    width: 100%;
  }
}
@media (max-width: 639.98px) {
  body {
    font-size: 13.5px;
  }
  .kt-btn:not(.kt-btn-icon) {
    width: 100%;
    justify-content: center;
  }
  #header .kt-btn,
  .sr-row-actions .kt-btn,
  .sr-data-table .kt-btn,
  .sr-biz-tile .kt-btn,
  .sr-modal-header .kt-btn {
    width: auto;
  }
  .kt-card .flex.flex-wrap.gap-3 {
    flex-direction: column;
  }
}

/* הודעת סשן — עדיין כאן? */
.sr-session-overlay {
  position: fixed;
  inset: 0;
  z-index: 10050;
  background: rgba(11, 28, 44, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.sr-session-dialog {
  background: #fff;
  border-radius: 14px;
  max-width: 380px;
  width: 100%;
  padding: 28px 24px;
  text-align: center;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
  font-family: Assistant, sans-serif;
}
.sr-session-dialog h2 {
  margin: 0 0 10px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #0B1C2C;
}
.sr-session-dialog p {
  margin: 0 0 8px;
  font-size: 0.9rem;
  color: #4B5563;
  line-height: 1.45;
}
.sr-session-count {
  font-size: 0.85rem !important;
  margin-bottom: 18px !important;
}
.sr-session-btn {
  appearance: none;
  border: 0;
  border-radius: 10px;
  background: #1B84FF;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 12px 22px;
  cursor: pointer;
  font-family: inherit;
  width: 100%;
}
.sr-session-btn:hover {
  filter: brightness(1.05);
}
.sr-session-btn:disabled {
  opacity: 0.7;
  cursor: wait;
}

/* תפריט מודול (מודול + תת-תפריט) */
#sidebar_primary_menu .sr-menu-module > .sr-module-toggle {
  cursor: pointer;
  font-weight: 600 !important;
}
#sidebar_primary_menu .sr-menu-module.here > .sr-module-toggle,
#sidebar_primary_menu .sr-menu-module.show > .sr-module-toggle {
  background: #ffffff !important;
  border-color: #D1D5DB !important;
}
#sidebar_primary_menu .kt-menu-accordion {
  padding-inline-start: 0.35rem !important;
  margin-top: 0.15rem;
}
#sidebar_primary_menu .kt-menu-accordion .kt-menu-title {
  font-size: 12.5px !important;
  font-weight: 500 !important;
}
#sidebar_primary_menu .kt-menu-arrow {
  color: #6B7280 !important;
  font-size: 11px;
}

/* טבלת דוח תזרים חשבונאית (כמו אקסל) */
.sr-cf-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.sr-cf-tabs a {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.75rem;
  border-radius: 0.4rem;
  border: 1px solid #E5E7EB;
  background: #F9FAFB;
  color: #111827;
  font-size: 12.5px;
  font-weight: 500;
  text-decoration: none;
}
.sr-cf-tabs a:hover {
  background: #fff;
  border-color: #D1D5DB;
}
.sr-cf-tabs a.is-active {
  background: #1B84FF;
  border-color: #1B84FF;
  color: #ffffff;
  font-weight: 600;
}
.sr-cf-table-wrap {
  overflow-x: auto;
  direction: ltr;
}
.sr-cf-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}
.sr-cf-table th,
.sr-cf-table td {
  padding: 0.35rem 0.45rem;
  border-bottom: 1px solid #EDE8DC;
  white-space: nowrap;
  text-align: right;
}
.sr-cf-table th {
  background: #F6F3EC;
  color: #5C6B7A;
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 2;
}
.sr-cf-table .sr-cf-sticky {
  position: sticky;
  left: 0;
  z-index: 3;
  background: #fff;
  text-align: left;
  min-width: 220px;
}
.sr-cf-table thead .sr-cf-sticky {
  z-index: 4;
  background: #F6F3EC;
}
.sr-cf-table .sr-cf-cat {
  width: 42px;
  min-width: 42px;
  left: 220px;
  text-align: center;
  font-family: ui-monospace, monospace;
  color: #6B7280;
}
.sr-cf-table tr.sr-cf-section td {
  background: #DCEAF6;
  font-weight: 700;
  color: #0B1C2C;
}
.sr-cf-table tr.sr-cf-subsection td {
  background: #EAF2F9;
  font-weight: 600;
}
.sr-cf-table tr.sr-cf-total td {
  font-weight: 700;
  background: #FAFAF8;
}
.sr-cf-table tr.sr-cf-balance td {
  font-weight: 700;
  background: #F3F4F6;
}
.sr-cf-table .sr-cf-neg {
  color: #B42318;
}
.sr-cf-table a.sr-cf-cell {
  color: inherit;
  text-decoration: none;
}
.sr-cf-table a.sr-cf-cell:hover {
  text-decoration: underline;
  color: #1B84FF;
}
.sr-cf-subhead {
  font-size: 10px;
  color: #6B7280;
  font-weight: 500;
}
.sr-cf-table tr.sr-cf-xl-aux td {
  color: #6B7280;
  font-style: italic;
}
.sr-cf-table td.sr-cf-manual {
  box-shadow: inset 3px 0 0 #C9A24A;
  background-color: #FBF6E9;
}
.sr-cf-xl-legend {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 12px;
  color: #6B7280;
  margin: 0 0 0.6rem;
}
.sr-cf-manual-dot {
  display: inline-block;
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: #FBF6E9;
  box-shadow: inset 3px 0 0 #C9A24A;
  border: 1px solid #E5D3A1;
}

/* ספרי תזרים */
.sr-cf-table th.sr-cf-manual {
  box-shadow: inset 3px 0 0 #C9A24A;
  background-color: #FBF6E9;
}
.sr-cf-table tr.sr-cf-rate-row th {
  font-size: 11px;
  font-weight: 600;
  color: #A8842E;
  background: #FBF8F1;
  font-family: ui-monospace, monospace;
}
.sr-cf-table td.sr-cf-diff-bad {
  color: #B42318;
  background: #FDECEC;
  font-style: normal;
  font-weight: 700;
}
.sr-cf-warn {
  color: #7A4F00;
  background: #FFF6E0;
  border-inline-start: 3px solid #C9A24A;
  border-radius: 6px;
}
.sr-cf-warn a {
  color: #0B1C2C;
  font-weight: 600;
}
.sr-cf-inputs-summary {
  cursor: pointer;
  list-style: none;
}
.sr-cf-inputs-summary::-webkit-details-marker {
  display: none;
}
.sr-cf-inputs-summary::after {
  content: "▾";
  color: #A8842E;
  margin-inline-start: auto;
}
.sr-cf-inputs-card[open] .sr-cf-inputs-summary::after {
  content: "▴";
}
.sr-cf-inputs-table td {
  padding: 3px 4px;
}
.sr-cf-input-cell {
  min-width: 96px;
  height: 32px;
  font-size: 12px;
  text-align: right;
}
@media (max-width: 768px) {
  .sr-cf-inputs-summary .kt-card-title span {
    display: block;
    margin-top: 2px;
  }
  .sr-cf-input-cell {
    min-width: 84px;
    height: 38px;
  }
}

/* טווח תאריכים */
.sr-cf-daterange-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
}
.sr-cf-daterange-label {
  font-weight: 600;
  font-size: 13px;
  color: #0B1C2C;
}
.sr-cf-daterange-field {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 12.5px;
  color: #4B5563;
}
.sr-cf-daterange-field .kt-input {
  min-width: 140px;
  padding: 0.35rem 0.5rem;
  font-size: 13px;
}
.sr-cf-daterange-hint {
  margin-inline-start: auto;
}
.sr-cf-daterange-presets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.7rem;
  max-width: 100%;
}
.sr-cf-daterange-presets a.sr-cf-preset {
  width: auto;
  flex: 0 0 auto;
}
a.sr-cf-preset {
  min-height: 36px;
  padding-inline: 0.75rem;
  font-size: 13px;
}
a.sr-cf-preset.kt-btn-outline {
  border-color: #C9A24A !important;
  color: #0B1C2C !important;
  background: #fff !important;
}
a.sr-cf-preset.kt-btn-outline:hover {
  background: #F6F3EC !important;
  border-color: #A8842E !important;
  color: #0B1C2C !important;
}
a.sr-cf-preset.is-active {
  background: #C9A24A !important;
  border-color: #C9A24A !important;
  color: #0B1C2C !important;
  font-weight: 600;
}
.sr-cf-months { margin-top: 0.45rem; }
.sr-cf-months-note {
  margin: 0.35rem 0 0;
  font-size: 12px;
  color: #4B5563;
}
.sr-cf-sources {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  max-width: 100%;
}
.sr-cf-source-meta {
  display: inline-block;
  margin-inline-start: 0.35rem;
  font-size: 11px;
  font-weight: 500;
  opacity: 0.75;
}
@media (max-width: 768px) {
  .sr-cf-daterange-hint {
    margin-inline-start: 0;
    flex-basis: 100%;
  }
  .sr-cf-daterange-field .kt-input {
    min-width: 0;
    width: 9.5rem;
  }
  a.sr-cf-preset {
    min-height: 40px;
  }
}

/* דוח — כל הגובה נגלל עם התוכן. התפריט נשאר קבוע בצד. */
.sr-cf-report-page,
.sr-cf-page {
  max-width: 100%;
  min-width: 0;
}
.sr-cf-report-card {
  min-width: 0;
  max-width: 100%;
}
/* תוכן מלא נגלל עם עמוד התוכן. התפריט נשאר קבוע. בלי חלון פנימי. */
.sr-cf-report-scroll,
.sr-cf-tx-scroll {
  max-height: none !important;
  overflow-x: auto;
  overflow-y: visible;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}
.sr-cf-page.is-compact .sr-cf-daterange,
.sr-cf-page.is-compact .sr-cf-sources-card,
.sr-cf-page.is-compact .sr-cf-head p {
  display: none;
}
.sr-cf-tx-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  padding-bottom: 0.35rem;
}
.sr-cf-tx-search {
  flex: 1 1 220px;
  min-width: 0;
}
.sr-cf-tx-search .kt-input {
  width: 100%;
}
.sr-cf-tx-count {
  font-size: 12px;
  color: #6B7280;
  white-space: nowrap;
}
.sr-cf-sort {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.sr-cf-sort::after {
  content: '↕';
  font-size: 11px;
  color: #9CA3AF;
}
.sr-cf-sort.is-asc::after { content: '↑'; color: #A8842E; }
.sr-cf-sort.is-desc::after { content: '↓'; color: #A8842E; }
.sr-cf-confirm {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 4000;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(11, 28, 44, 0.45);
}
.sr-cf-confirm.is-open {
  display: flex;
}
.sr-cf-confirm[hidden] {
  display: none !important;
}
.sr-cf-confirm-card {
  width: min(440px, 100%);
  background: #fff;
  border-radius: 0.6rem;
  padding: 1rem 1.1rem;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}
.sr-cf-why-card {
  width: min(560px, 100%);
  max-height: min(80vh, 640px);
  overflow: auto;
}
.sr-cf-why-lang + .sr-cf-why-lang {
  margin-top: 0.9rem;
  padding-top: 0.8rem;
  border-top: 1px solid #EFECE4;
}
.sr-cf-why-lang h4 {
  margin: 0 0 0.3rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #A8842E;
  letter-spacing: 0.02em;
}
.sr-cf-why-lang p {
  margin: 0 0 0.4rem;
  font-size: 14px;
  line-height: 1.5;
  color: #0B1C2C;
}
.sr-cf-why-points {
  margin: 0;
  padding-inline-start: 1.1rem;
  color: #0B1C2C;
  font-size: 13px;
  line-height: 1.45;
}
.sr-cf-why-points li + li {
  margin-top: 0.35rem;
}
.sr-cf-diff-why {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin-inline-start: 0.3rem;
  border-radius: 999px;
  border: 1px solid #C9A24A;
  background: #F6F3EC;
  color: #0B1C2C;
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
}
.sr-cf-confirm-card h3 {
  margin: 0 0 0.45rem;
  font-size: 1.05rem;
  color: #0B1C2C;
}
.sr-cf-confirm-card p {
  margin: 0 0 0.7rem;
  font-size: 14px;
  line-height: 1.5;
}
.sr-cf-confirm-check {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  margin-bottom: 0.7rem;
  font-size: 13px;
}
.sr-cf-confirm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.sr-cf-cat-tools {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.sr-cf-confirm-actions .kt-btn {
  min-height: 44px;
  min-width: 7.5rem;
}
.sr-cf-guide {
  display: grid;
  gap: 0.45rem;
  max-width: 46rem;
  color: #3f4b5b;
  font-size: 14px;
  line-height: 1.55;
}
.sr-cf-guide p,
.sr-cf-guide ol {
  margin: 0;
}
.sr-cf-guide ol {
  padding-inline-start: 1.25rem;
}
.sr-cf-guide li + li {
  margin-top: 0.15rem;
}
.sr-cf-cat-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}
.sr-cf-place-btn {
  flex: 0 0 auto;
  padding: 0.15rem 0;
  border: 0;
  background: transparent;
  color: #A8842E;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.sr-cf-place-note,
.sr-cf-place-path,
.sr-cf-place-line,
.sr-cf-place-meta,
.sr-cf-place-go {
  display: block;
}
.sr-cf-place-note {
  margin-bottom: 0.6rem;
  font-size: 14px;
  line-height: 1.5;
}
.sr-cf-place-link {
  display: block;
  margin-bottom: 0.55rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid #E7E2D6;
  border-inline-start: 3px solid #C9A24A;
  border-radius: 0.5rem;
  color: #0B1C2C;
  text-decoration: none;
  min-height: 44px;
}
.sr-cf-place-link:hover {
  border-color: #C9A24A;
  background: #FBF8F1;
}
.sr-cf-place-path,
.sr-cf-place-meta {
  font-size: 12px;
  color: #6B7280;
  line-height: 1.45;
}
.sr-cf-place-line {
  margin: 0.15rem 0;
  font-size: 15px;
  font-weight: 700;
}
.sr-cf-place-go {
  margin-top: 0.25rem;
  color: #A8842E;
  font-size: 13px;
  font-weight: 700;
}
.sr-cf-focus-banner {
  background: #fff;
  border: 1px solid #E7E2D6;
  border-inline-start: 4px solid #C9A24A;
  border-radius: 0.6rem;
  padding: 0.85rem 1rem;
  color: #0B1C2C;
}
.sr-cf-focus-banner strong {
  display: block;
  margin-bottom: 0.25rem;
}
.sr-cf-focus-banner p {
  margin: 0.15rem 0;
  font-size: 14px;
  line-height: 1.45;
}
.sr-cf-focus-meta {
  color: #6B7280;
  font-size: 12px;
}
tr.sr-cf-focus-row td {
  background: #FBF6E8;
}
td.sr-cf-focus-cell {
  outline: 2px solid #C9A24A;
  outline-offset: -2px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .sr-cf-place-btn {
    min-height: 36px;
    padding-inline: 0.15rem;
  }
  .sr-cf-focus-banner {
    padding: 0.75rem;
  }
}
#scrollable_content:has(.sr-cf-report-page),
#scrollable_content:has(.sr-cf-page) {
  overflow-x: hidden !important;
}
.sr-cf-table-wrap {
  max-width: 100%;
}

/* כרטיס חשבון לחיץ */
a.sr-cf-account-card {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
a.sr-cf-account-card:hover {
  box-shadow: 0 4px 14px rgba(11, 28, 44, 0.08);
  border-color: #C9A24A;
}
.sr-cf-account-balance {
  margin-top: 0.75rem;
  font-size: 1.35rem;
  font-weight: 700;
  color: #0B1C2C;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.sr-imp-route {
  display: grid;
  gap: 0.45rem;
  padding: 0.75rem;
  border: 1px solid #E5E7EB;
  border-radius: 0.65rem;
  background: #F6F3EC;
}
.sr-imp-route .kt-select {
  max-width: 100%;
}
@media (max-width: 768px) {
  .sr-imp-route {
    padding: 0.65rem;
  }
}
.sr-cf-tx-balance {
  font-weight: 600;
  color: #0B1C2C;
  font-variant-numeric: tabular-nums;
}
.sr-cf-tx-foot td {
  background: #F6F3EC;
  border-top: 2px solid #C9A24A;
  font-weight: 600;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  vertical-align: top;
}
.sr-cf-card-note {
  margin-top: 0.2rem;
  font-weight: 400;
  font-size: 0.75rem;
  color: #4B5563;
  line-height: 1.45;
}
@media (max-width: 768px) {
  .sr-cf-account-balance {
    font-size: 1.15rem;
  }
  .sr-cf-tx-table {
    min-width: 40rem;
  }
  .sr-cf-tx-toolbar .kt-btn,
  .sr-cf-confirm-actions .kt-btn,
  .sr-cf-sort {
    min-height: 40px;
  }
  #sr_cf_undo {
    white-space: normal;
    height: auto;
    line-height: 1.35;
    text-align: start;
  }
  .sr-cf-cat-popover {
    width: min(340px, calc(100vw - 16px));
  }
}

/* עריכת סיווג בתנועות */
.sr-cf-cat-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  max-width: 180px;
  padding: 0.2rem 0.45rem;
  border: 1px solid #E5E7EB;
  border-radius: 0.35rem;
  background: #F9FAFB;
  cursor: pointer;
  text-align: start;
  font: inherit;
  color: inherit;
}
.sr-cf-cat-btn:hover,
.sr-cf-cat-btn:focus-visible {
  border-color: #C9A24A;
  background: #fff;
}
.sr-cf-cat-btn.is-empty {
  border-color: #DC2626;
  background: #FEF2F2;
}
.sr-imp-cat-btn { max-width: 240px; }
.sr-imp-cat-btn .sr-cf-cat-name { max-width: 220px; }
.sr-cf-cat-code {
  font-size: 12px;
  font-weight: 600;
}
.sr-cf-cat-name {
  font-size: 11px;
  color: #6B7280;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sr-cf-cat-popover {
  position: fixed;
  z-index: 1100;
  width: min(300px, calc(100vw - 16px));
  background: #fff;
  border: 1px solid #D1D5DB;
  border-radius: 0.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.sr-cf-cat-popover-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.65rem;
}
.sr-cf-cat-list {
  max-height: min(46vh, 360px);
  overflow: auto;
  border: 1px solid #E5E7EB;
  border-radius: 0.35rem;
}
.sr-cf-cat-section {
  position: sticky;
  top: 0;
  background: #F3F4F6;
  padding: 0.35rem 0.55rem;
  font-size: 11px;
  font-weight: 700;
  color: #4B5563;
  border-bottom: 1px solid #E5E7EB;
}
.sr-cf-cat-option {
  display: flex;
  gap: 0.45rem;
  width: 100%;
  padding: 0.4rem 0.55rem;
  border: 0;
  border-bottom: 1px solid #F3F4F6;
  background: #fff;
  cursor: pointer;
  text-align: start;
  font: inherit;
  font-size: 12.5px;
}
.sr-cf-cat-option:hover {
  background: #E9F3FF;
}
.sr-cf-cat-empty {
  padding: 0.75rem;
  font-size: 12px;
  color: #6B7280;
}
.sr-cf-cat-new-form {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.4rem;
}
.sr-cf-tx-table thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}

/* ——— רשימות מודרניות (משרדים / עסקים) ——— */
.sr-page-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.sr-page-toolbar h2 {
  margin: 0;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #071437;
}
.sr-page-toolbar .sr-page-sub {
  margin: 0.15rem 0 0;
  font-size: 13px;
  color: #78829D;
}
.sr-search {
  position: relative;
  min-width: 220px;
}
.sr-search i {
  position: absolute;
  inset-inline-start: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #99A1B7;
  font-size: 14px;
}
.sr-search input {
  padding-inline-start: 2.25rem !important;
  border-radius: 0.5rem !important;
  background: #F9F9F9 !important;
  border-color: #DBDFE9 !important;
}
.sr-avatar {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  color: #1B84FF;
  background: #E9F3FF;
  border: 1px solid #D7E8FF;
  flex-shrink: 0;
  text-transform: uppercase;
}
.sr-avatar.sr-avatar-lg {
  width: 56px;
  height: 56px;
  font-size: 18px;
}
img.sr-avatar,
img.sr-avatar-img {
  object-fit: cover;
  padding: 0;
  border: 1px solid #DBDFE9;
  background: #F1F1F4;
}
.sr-upload-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sr-upload-preview {
  flex-shrink: 0;
}
.sr-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.2;
}
.sr-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
}
.sr-badge-success { background: #EAFFF1; color: #04B440; }
.sr-badge-danger { background: #FFEEF3; color: #D9214E; }
.sr-badge-warning { background: #FFF8DD; color: #C59A00; }
.sr-badge-muted { background: #F1F1F4; color: #4B5675; }
.sr-badge-info { background: #E9F3FF; color: #1B84FF; }

.sr-data-card {
  border: 1px solid #F1F1F4 !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.03) !important;
  overflow: hidden;
}
.sr-data-table {
  width: 100%;
  border-collapse: collapse;
}
.sr-data-table thead th {
  text-align: start;
  padding: 0.85rem 1rem;
  font-size: 12px;
  font-weight: 500;
  color: #99A1B7;
  border-bottom: 1px solid #F1F1F4;
  background: #fff;
  white-space: nowrap;
}
.sr-data-table tbody td {
  padding: 0.95rem 1rem;
  border-bottom: 1px solid #F1F1F4;
  vertical-align: middle;
  font-size: 13px;
  color: #071437;
}
.sr-data-table tbody tr:last-child td {
  border-bottom: 0;
}
.sr-data-table tbody tr:hover td {
  background: #FCFCFC;
}
.sr-entity-cell {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}
a.sr-entity-cell {
  color: inherit;
  text-decoration: none;
}
a.sr-entity-cell:hover .title {
  text-decoration: underline;
}
.sr-entity-cell .title {
  font-weight: 600;
  color: #071437;
  line-height: 1.3;
}
.sr-entity-cell .meta {
  font-size: 12px;
  color: #78829D;
  margin-top: 0.1rem;
}
.sr-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: flex-end;
}
.sr-link-btn {
  color: #1B84FF !important;
  font-weight: 500;
  font-size: 13px;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0.35rem 0.5rem !important;
  cursor: pointer;
}
.sr-link-btn:hover { color: #056EE9 !important; text-decoration: underline !important; }

/* מודאל פשוט (תאימות גם בלי KT UI מלא) */
.sr-modal[hidden] { display: none !important; }
.sr-modal {
  position: fixed;
  inset: 0;
  z-index: 1055;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 1.25rem;
  background: rgba(7, 20, 55, 0.45);
  overflow: auto;
}
.sr-modal-dialog {
  width: 100%;
  max-width: 560px;
  margin-top: 6vh;
  background: #fff;
  border-radius: 0.75rem;
  border: 1px solid #F1F1F4;
  box-shadow: 0 10px 40px rgba(7, 20, 55, 0.18);
}
.sr-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #F1F1F4;
}
.sr-modal-header h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  color: #071437;
}
.sr-modal-body {
  padding: 1.25rem;
  display: grid;
  gap: 0.85rem;
}
.sr-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  border-top: 1px solid #F1F1F4;
  background: #FCFCFC;
  border-radius: 0 0 0.75rem 0.75rem;
}
.sr-form-section {
  font-size: 12.5px;
  font-weight: 600;
  color: #4B5675;
  margin-top: 0.35rem;
}
.sr-chip-check {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.7rem;
  border: 1px solid #DBDFE9;
  border-radius: 0.5rem;
  background: #fff;
  font-size: 12.5px;
  color: #4B5675;
  cursor: pointer;
}
.sr-chip-check:has(input:checked) {
  border-color: #1B84FF;
  background: #E9F3FF;
  color: #1B84FF;
}
.sr-choice-list {
  display: grid;
  gap: 0.55rem;
}
.sr-choice {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid #DBDFE9;
  border-radius: 0.65rem;
  background: #fff;
  cursor: pointer;
}
.sr-choice input {
  margin-top: 0.25rem;
  flex-shrink: 0;
}
.sr-choice strong {
  display: block;
  color: #0B1C2C;
  font-weight: 600;
}
.sr-choice span {
  font-size: 13px;
  color: #4B5675;
  line-height: 1.45;
}
.sr-choice:has(input:checked) {
  border-color: #A8842E;
  background: #F6F3EC;
}
.sr-empty {
  padding: 2.5rem 1rem;
  text-align: center;
  color: #78829D;
  font-size: 13.5px;
}
.sr-profile-layout {
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 992px) {
  .sr-profile-layout {
    grid-template-columns: 280px 1fr;
    align-items: start;
  }
}
.sr-profile-aside {
  text-align: center;
  padding: 1.5rem 1.25rem !important;
}
.sr-chart-card {
  border: 1px solid #F1F1F4;
  border-radius: 0.75rem;
  background: #fff;
  padding: 1rem 1.1rem 0.5rem;
}
.sr-chart-card h3 {
  margin: 0 0 0.25rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #071437;
}
.sr-chart-card p {
  margin: 0 0 0.5rem;
  font-size: 12px;
  color: #78829D;
}
.sr-cf-chart-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
}
.sr-cf-insights {
  display: grid;
  gap: 0.5rem;
}
.sr-cf-alert {
  border-radius: 8px;
  padding: 0.75rem 0.95rem;
  font-size: 13.5px;
  line-height: 1.5;
}
.sr-cf-alert a {
  font-weight: 700;
  margin-inline-start: 0.45rem;
  color: inherit;
  text-decoration: underline;
}
.sr-cf-alert.is-danger {
  background: #FDECEC;
  color: #7A1F1F;
  border-inline-start: 3px solid #B42318;
}
.sr-cf-alert.is-warn {
  background: #FFF6E0;
  color: #7A4F00;
  border-inline-start: 3px solid #C9A24A;
}
.sr-cf-alert.is-info {
  background: #F6F3EC;
  color: #0B1C2C;
  border-inline-start: 3px solid #0B1C2C;
}
.sr-cf-runway-num {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  color: #0B1C2C;
  margin: 0.35rem 0 0.25rem;
}
.sr-cf-runway.is-warn .sr-cf-runway-num { color: #A8842E; }
.sr-cf-runway.is-danger .sr-cf-runway-num { color: #B42318; }
@media (max-width: 768px) {
  .sr-cf-runway-num { font-size: 2rem; }
  .sr-chart-card { padding: 0.85rem 0.75rem 0.35rem; }
  .sr-cf-alert { font-size: 13px; }
}
@media (min-width: 1024px) {
  .sr-cf-chart-grid {
    grid-template-columns: minmax(0, 1fr) 250px;
  }
  .sr-cf-chart-grid .sr-chart-card:nth-child(3) {
    grid-column: 1 / -1;
  }
}

/* ——— מסגרת: התוכן לא נמתח מתחת לתפריט ——— */
:root,
body {
  --sidebar-width: 248px;
  --header-height: 56px;
}
.sr-shell-root,
.sr-shell,
.sr-shell-panel,
.sr-shell-scroll,
.sr-shell-main {
  min-width: 0;
  max-width: 100%;
}
.sr-shell-root { width: 100%; }
.sr-shell-scroll { overflow-x: hidden; }
.sr-shell-main .grid > *,
.sr-shell-main .kt-card,
.sr-shell-main .kt-card-content {
  min-width: 0;
}
.sr-shell-main img,
.sr-shell-main svg:not(.apexcharts-svg) {
  max-width: 100%;
}
.sr-shell-main .kt-card-content.overflow-x-auto,
.sr-shell-main .table-responsive,
.sr-shell-main .overflow-x-auto {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.sr-shell-main .kt-input,
.sr-shell-main .kt-select,
.sr-shell-main .kt-textarea {
  max-width: 100%;
}

/* ——— לוחות בקרה ——— */
.sr-dash {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.85rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  flex: 0 0 auto;
}
.sr-dash > * {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 0 0 auto;
}
.sr-dash-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  min-width: 0;
  padding: 1.15rem 1.25rem;
  border-radius: 1rem;
  background:
    radial-gradient(circle at 12% 20%, rgba(201, 162, 74, 0.28), transparent 42%),
    linear-gradient(135deg, #0B1C2C 0%, #16324A 100%);
  color: #F6F3EC;
}
.sr-dash-hero > div:first-child {
  flex: 1 1 16rem;
  min-width: 0;
}
.sr-dash-hero h2 {
  margin: 0 0 0.2rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
}
.sr-dash-hero p {
  margin: 0;
  font-size: 13px;
  color: #E7E1D4;
}
.sr-dash-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.sr-dash-hero .kt-btn {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.18);
}
.sr-dash-hero .kt-btn-primary {
  background: #C9A24A;
  color: #0B1C2C;
  border-color: #C9A24A;
}
.sr-dash-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
.sr-stat {
  position: relative;
  overflow: hidden;
  padding: 0.95rem 1rem 0.85rem;
  border-radius: 0.9rem;
  background: #fff;
  border: 1px solid #EFECE4;
  box-shadow: 0 8px 24px rgba(11, 28, 44, 0.04);
}
.sr-stat::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  width: 4px;
}
.sr-stat-navy::before { background: #0B1C2C; }
.sr-stat-gold::before { background: #C9A24A; }
.sr-stat-green::before { background: #1F8A5B; }
.sr-stat-amber::before { background: #D4880F; }
.sr-stat-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  color: #6B6578;
  font-size: 12.5px;
}
.sr-stat-icon {
  width: 1.8rem;
  height: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.55rem;
  background: #F6F3EC;
  color: #A8842E;
}
.sr-stat strong {
  display: block;
  margin-top: 0.35rem;
  font-size: 1.55rem;
  line-height: 1.1;
  color: #0B1C2C;
}
.sr-stat small {
  color: #8A8478;
  font-size: 12px;
}
.sr-dash-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.8fr);
  gap: 0.75rem;
  min-width: 0;
}
.sr-dash-grid > * {
  min-width: 0;
  max-width: 100%;
}
.sr-dash-board {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.7fr) minmax(0, 0.85fr);
  gap: 0.75rem;
  align-items: start;
  min-width: 0;
}
.sr-dash-board > * {
  min-width: 0;
  max-width: 100%;
}
.sr-dash-card {
  background: #fff;
  border: 1px solid #EFECE4;
  border-radius: 0.95rem;
  padding: 1rem 1rem 0.85rem;
  box-shadow: 0 8px 24px rgba(11, 28, 44, 0.04);
  overflow: hidden;
  height: auto;
}
.sr-dash-card h3 {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
  color: #0B1C2C;
}
.sr-dash-card .sub {
  margin: 0.15rem 0 0.75rem;
  color: #8A8478;
  font-size: 12px;
}
.sr-dash-notes {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.sr-dash-note {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.7rem 0.75rem;
  border-radius: 0.8rem;
  text-decoration: none;
  color: inherit;
  border: 1px solid transparent;
}
.sr-dash-note strong {
  display: block;
  font-size: 13px;
  color: #0B1C2C;
}
.sr-dash-note span {
  display: block;
  font-size: 12px;
  color: #6B6578;
}
.sr-dash-note-icon {
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
}
.sr-dash-note-gold { background: #FBF6EA; border-color: #E8D7A8; }
.sr-dash-note-gold .sr-dash-note-icon { background: #C9A24A; color: #0B1C2C; }
.sr-dash-note-ok { background: #F1F8F4; border-color: #CDE7D8; }
.sr-dash-note-ok .sr-dash-note-icon { background: #1F8A5B; color: #fff; }
.sr-dash-note-alert { background: #FDF3F2; border-color: #F0D0CC; }
.sr-dash-note-alert .sr-dash-note-icon { background: #B42318; color: #fff; }
.sr-dash-note-info { background: #F6F3EC; border-color: #E7E1D4; }
.sr-dash-note-info .sr-dash-note-icon { background: #0B1C2C; color: #F6F3EC; }
.sr-seat {
  height: 0.55rem;
  border-radius: 999px;
  background: #EFECE4;
  overflow: hidden;
  margin-top: 0.55rem;
}
.sr-seat > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #A8842E, #C9A24A);
}
.sr-biz-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 0.75rem;
  min-width: 0;
}
.sr-biz-tile {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  min-width: 0;
  padding: 0.9rem;
  border-radius: 0.95rem;
  background: #fff;
  border: 1px solid #EFECE4;
}
.sr-biz-tile-top {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
}
.sr-biz-tile-top .title {
  font-weight: 700;
  color: #0B1C2C;
}
.sr-biz-tile-top .meta {
  font-size: 12px;
  color: #8A8478;
}
.sr-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.15rem 0.55rem;
  font-size: 11.5px;
  background: #F6F3EC;
  color: #0B1C2C;
}
.sr-pill-ok { background: #E7F6EE; color: #146C43; }
.sr-pill-wait { background: #FBF6EA; color: #8A6112; }
.sr-pill-off { background: #F3F4F6; color: #6B7280; }
.sr-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  width: 100%;
  min-width: 0;
}
.sr-shortcut {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;
  flex: 1 1 9.5rem;
  min-height: 2.6rem;
  min-width: 0;
  padding: 0.45rem 0.7rem;
  border-radius: 0.75rem;
  background: #FBF9F4;
  color: #0B1C2C;
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 600;
}
.sr-shortcut i { color: #A8842E; }
.sr-chart-box {
  direction: ltr;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 300px;
  overflow: hidden;
}
.sr-chart-box .apexcharts-canvas,
.sr-chart-box .apexcharts-svg {
  max-width: 100% !important;
}
@media (max-width: 1200px) {
  .sr-dash-board {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr);
  }
  .sr-dash-board > .sr-dash-card:nth-child(2) {
    grid-column: 1 / -1;
  }
}
@media (max-width: 1024px) {
  .sr-dash-stats,
  .sr-dash-grid {
    grid-template-columns: 1fr 1fr;
  }
  .sr-dash-board {
    grid-template-columns: 1fr;
  }
  .sr-dash-board > .sr-dash-card:nth-child(2) {
    grid-column: auto;
  }
}
@media (max-width: 640px) {
  .sr-dash-stats,
  .sr-dash-grid,
  .sr-dash-board {
    grid-template-columns: 1fr;
  }
  .sr-dash-hero { padding: 1rem; }
  .sr-dash-hero-actions { width: 100%; }
  .sr-dash-hero-actions .kt-btn { flex: 1 1 auto; justify-content: center; }
}

/* כל מסכי המערכת נמתחים לרוחב אזור התוכן, כמו לוח הבקרה */
.sr-shell-main .kt-container-fluid {
  width: 100%;
  max-width: none;
}

/* שערי מטבע */
.sr-fx-layout {
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}
.sr-fx-fields {
  display: grid;
  gap: 0.85rem;
}
.sr-fx-field {
  display: grid;
  gap: 0.3rem;
  min-width: 0;
}
.sr-fx-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.sr-fx-calc .kt-btn {
  width: 100%;
  justify-content: center;
}
.sr-fx-result {
  background: #0B1C2C;
  color: #F6F3EC;
  border-radius: 12px;
  padding: 0.9rem 1rem;
}
.sr-fx-result-line {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 0.45rem;
}
.sr-fx-result strong {
  color: #D4AF37;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}
.sr-fx-result p,
.sr-fx-hint,
.sr-fx-note,
.sr-fx-error {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
}
.sr-fx-result p { color: #C0C5CE; }
.sr-fx-hint { color: #6B7280; }
.sr-fx-note {
  background: #F6F3EC;
  color: #0B1C2C;
  border-radius: 8px;
  padding: 0.55rem 0.75rem;
  margin-bottom: 0.75rem;
}
.sr-fx-error { color: #9F1239; }
.sr-fx-table-wrap {
  overflow-x: auto;
  max-width: 100%;
}
.sr-fx .sr-data-table thead th,
.sr-fx .sr-data-table tbody td {
  padding: 0.6rem 0.9rem;
  white-space: nowrap;
}
.sr-fx-name { font-weight: 600; color: #0B1C2C; }
.sr-fx-code {
  display: inline-block;
  margin-inline-start: 0.4rem;
  color: #6B7280;
  font-size: 12px;
}
.sr-fx-num {
  direction: ltr;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
.sr-fx {
  display: grid;
  gap: 1rem;
}
.sr-fx-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.85rem;
}
.sr-fx-chips a {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  border: 1px solid #E5E7EB;
  background: #fff;
  color: #0B1C2C;
  font-size: 12.5px;
  text-decoration: none;
}
.sr-fx-chips a.is-active {
  background: #0B1C2C;
  border-color: #0B1C2C;
  color: #D4AF37;
}
.sr-fx-hist-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr) auto;
  gap: 0.75rem;
  align-items: end;
  margin-bottom: 0.75rem;
}
.sr-fx-hist-form .kt-btn {
  width: auto;
}
.sr-fx-history-wrap {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
  border-top: 1px solid #F1F1F4;
  max-width: 100%;
}
.sr-fx-history-wrap thead th {
  position: sticky;
  top: 0;
  background: #F6F3EC;
  z-index: 2;
}
.sr-fx-history-wrap .sr-fx-date-col {
  position: sticky;
  inset-inline-start: 0;
  background: #fff;
  z-index: 1;
}
.sr-fx-history-wrap thead .sr-fx-date-col {
  z-index: 3;
  background: #F6F3EC;
}
@media (max-width: 800px) {
  .sr-fx-layout { grid-template-columns: 1fr; }
  .sr-fx-hist-form { grid-template-columns: 1fr 1fr; }
  .sr-fx-hist-form label:nth-of-type(3),
  .sr-fx-hist-form .kt-btn { grid-column: 1 / -1; }
  .sr-fx-hist-form .kt-btn { width: 100%; }
}
@media (max-width: 420px) {
  .sr-fx-pair { grid-template-columns: 1fr; }
  .sr-fx-hist-form { grid-template-columns: 1fr; }
}
.sr-cf-salary-open td {
  color: #9f2d2d;
  font-weight: 600;
}
.sr-salary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.sr-salary-month.is-open {
  box-shadow: inset 3px 0 0 #9f2d2d;
}
.sr-salary-flash {
  background: #F6F3EC;
  border: 1px solid #C9A24A;
}
.sr-salary-flash .kt-card-content {
  color: #0B1C2C;
  font-weight: 600;
}
.sr-imp-alert {
  margin-bottom: 1.25rem;
  padding: 0.9rem 1rem;
  background: #F6F3EC;
  border: 1px solid #C9A24A;
  border-radius: 0.75rem;
  color: #0B1C2C;
  font-weight: 600;
}
.sr-imp-alert p { margin: 0 0 0.75rem; }
.sr-imp-alert .kt-btn { margin-top: 0.15rem; }
.sr-imp-savebar .sr-imp-alert { margin-bottom: 0; }
.sr-imp-salary-card {
  width: min(640px, 100%);
  max-height: min(86vh, 760px);
  overflow: auto;
}
.sr-imp-salary-card h3,
.sr-imp-salary-card h4 {
  margin: 0 0 0.35rem;
  color: #0B1C2C;
}
.sr-imp-salary-lead {
  margin: 0 0 0.9rem;
  color: #3f4b5b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
}
.sr-imp-salary-note {
  margin: 0 0 0.55rem;
  color: #3f4b5b;
  font-size: 13px;
  font-weight: 400;
}
.sr-imp-salary-month + .sr-imp-salary-month {
  margin-top: 0.9rem;
  padding-top: 0.8rem;
  border-top: 1px solid #EFECE4;
}
.sr-imp-salary-card .sr-cf-confirm-actions { margin-top: 1rem; }
@media (max-width: 640px) {
  .sr-imp-alert .kt-btn { width: 100%; }
  .sr-imp-salary-card .sr-cf-confirm-actions,
  .sr-imp-gate-card .sr-cf-confirm-actions { flex-direction: column; }
  .sr-imp-salary-card .sr-cf-confirm-actions .kt-btn,
  .sr-imp-gate-card .sr-cf-confirm-actions .kt-btn { width: 100%; }
}
.sr-salary-grid [data-salary-pct] {
  display: block;
  margin-top: 2px;
}
@media (max-width: 640px) {
  .sr-salary-grid { grid-template-columns: 1fr; }
  .sr-salary-month .kt-input { width: 100%; }
}

/* מדריך עזרה חזותי — ייבוא */
.help-article-body .hg-lead { margin: 0 0 1rem; }
.help-article-body .hg { margin: 0 0 1.35rem; }
.help-article-body .hg h3 { margin: 0 0 .3rem; font-size: 1.05rem; font-weight: 700; color: #0B1C2C; }
.help-article-body .hg > p { margin: 0 0 .65rem; }
.hg-screen { background: #F6F3EC; border: 1px solid #E7E1D6; border-radius: 16px; padding: 12px; display: grid; gap: 10px; }
.hg-demo { font-size: 11px; font-weight: 700; color: #A8842E; }
.hg-card { background: #fff; border: 1px solid #E7E1D6; border-radius: 12px; padding: 12px 14px; min-width: 0; }
.hg-card h4 { margin: 0 0 8px; font-size: 14px; font-weight: 700; }
.hg-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.hg-title { display: block; font-size: 16px; }
.hg-screen p { margin: 2px 0 0; color: #6B7280; font-size: 13px; }
.hg-steps { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.hg-steps span { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: #F3F4F6; color: #6B7280; font-size: 12px; white-space: nowrap; }
.hg-steps b { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #fff; font-size: 11px; }
.hg-steps .on { background: #0B1C2C; color: #fff; }
.hg-steps .on b { background: #C9A24A; color: #0B1C2C; }
.hg-steps .done { background: #F6F3EC; color: #A8842E; }
.hg-accounts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.hg-acc { border: 1px solid #E5E7EB; border-radius: 10px; padding: 10px 12px; background: #fff; }
.hg-acc strong { display: block; font-size: 14px; }
.hg-acc span { display: block; font-size: 12px; color: #6B7280; }
.hg-acc.sel { border-color: #C9A24A; box-shadow: 0 0 0 3px rgba(201,162,74,.25); background: #FFFDF8; }
.hg-drop { border: 1.5px dashed #C9A24A; background: #FFFDF8; border-radius: 12px; padding: 16px; text-align: center; }
.hg-drop strong { display: block; }
.hg-drop span, .hg-note { color: #6B7280; font-size: 12px; }
.hg-btn { display: inline-block; margin-top: 10px; border-radius: 8px; background: #1B84FF; color: #fff; font-weight: 600; font-size: 13px; padding: 8px 14px; }
.hg-btn.is-off { opacity: .45; }
.hg-cols { display: grid; grid-template-columns: minmax(200px, 280px) minmax(0, 1fr); gap: 10px; }
.hg-fields { display: grid; gap: 8px; }
.hg-fields label { display: grid; gap: 4px; font-size: 13px; font-weight: 700; }
.hg-fields span, .hg-pill { border: 1px solid #E5E7EB; border-radius: 8px; background: #fff; padding: 7px 10px; font-weight: 500; }
.hg-table-wrap { overflow-x: auto; }
.hg-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.hg-table th, .hg-table td { padding: 7px 10px; border-bottom: 1px solid #F1F1F4; text-align: start; white-space: nowrap; }
.hg-table th { background: #F9FAFB; color: #4B5563; font-weight: 600; }
.hg-in { color: #15803D; font-weight: 700; }
.hg-out { color: #B91C1C; font-weight: 700; }
.hg-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.hg-stat span { display: block; color: #6B7280; font-size: 12px; }
.hg-stat b { display: block; font-size: 22px; color: #0B1C2C; }
.hg-src { color: #6B7280; font-size: 12px; }
.hg-pill { display: inline-flex; font-size: 13px; }
.hg-pill-empty { color: #B91C1C; }
.hg-wait td { background: #FEF2F2; }
.hg-money { display: flex; flex-wrap: wrap; gap: 10px; }
.hg-save { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; color: #6B7280; }
.hg-save-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hg-check::before { content: "☑ "; }
.hg-legend { display: flex; flex-wrap: wrap; gap: 12px 16px; background: #0B1C2C; color: #fff; border-radius: 10px; padding: 8px 12px; font-size: 13px; }
.hg-legend span { display: inline-flex; align-items: center; gap: 6px; }
.hg-legend i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #C9A24A; color: #0B1C2C; font-style: normal; font-weight: 700; font-size: 13px; }
.hg-more { border: 1px solid #E7E1D6; border-radius: 12px; background: #fff; padding: 0 14px; }
.hg-more summary { cursor: pointer; font-weight: 700; padding: 12px 0; }
.hg-more ul { margin: 0 0 12px; padding: 0 1.1rem 0 0; display: grid; gap: 6px; }
.hg-more li { font-size: 14px; }
@media (max-width: 720px) {
  .hg-top { flex-direction: column; }
  .hg-accounts, .hg-cols { grid-template-columns: 1fr; }
  .hg-stats { grid-template-columns: 1fr 1fr; }
  .hg-save { align-items: stretch; }
  .hg-save-actions, .hg-btn { width: 100%; text-align: center; }
  .hg-steps { width: 100%; }
  .hg-steps span { flex: 1 1 0; justify-content: center; font-size: 11px; padding: 4px; }
  .hg-table th, .hg-table td { white-space: normal; padding: 6px; }
  .hg-table-cards thead { display: none; }
  .hg-table-cards, .hg-table-cards tbody, .hg-table-cards tr, .hg-table-cards td { display: block; width: auto; }
  .hg-table-cards tr { border-bottom: 1px solid #F1F1F4; padding: 6px 0; }
  .hg-table-cards td { border: 0; }
}

/* מרכז עזרה */
.sr-help { display: grid; gap: 16px; }
.sr-help-hero {
  background: #F6F3EC;
  border: 1px solid #E7E1D6;
  border-radius: 18px;
  padding: 22px 18px 18px;
}
.sr-help-hero h2 {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 700;
  color: #0B1C2C;
}
.sr-help-hero p { margin: 6px 0 14px; color: #4B5563; }
.sr-help-hero-compact { padding: 12px; }
.sr-help-hero-compact p { display: none; }
.sr-help-search { position: relative; display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #E7E1D6; border-radius: 14px; padding: 6px 8px 6px 6px; }
.sr-help-search:focus-within { border-color: #C9A24A; box-shadow: 0 0 0 3px rgba(201,162,74,.25); }
.sr-help-search-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sr-help-search .ki-magnifier { color: #A8842E; font-size: 18px; margin-inline-start: 8px; }
.sr-help-search input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 16px;
  padding: 8px 4px;
  color: #0B1C2C;
}
.sr-help-search input:focus { outline: none; }
.sr-help-results {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  inset-inline: 0;
  background: #fff;
  border: 1px solid #E7E1D6;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(11,28,44,.08);
  max-height: 320px;
  overflow: auto;
}
.sr-help-results a, .sr-help-empty { display: block; padding: 10px 12px; text-decoration: none; color: inherit; border-bottom: 1px solid #F3F4F6; }
.sr-help-results a strong, .sr-help-row strong { display: block; color: #0B1C2C; font-size: 14px; }
.sr-help-results a span, .sr-help-row span, .sr-help-row em { display: block; color: #6B7280; font-size: 12px; font-style: normal; }
.sr-help-results a.is-on, .sr-help-results a:hover { background: #F6F3EC; }
.sr-help-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.sr-help-chips a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #E7E1D6;
  color: #0B1C2C;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}
.sr-help-chips a.is-on { background: #0B1C2C; color: #fff; border-color: #0B1C2C; }
.sr-help-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.sr-help-cat {
  display: grid;
  gap: 4px;
  align-content: start;
  min-height: 132px;
  background: #fff;
  border: 1px solid #E7E1D6;
  border-radius: 16px;
  padding: 14px;
  text-decoration: none;
  color: inherit;
}
.sr-help-cat:hover { border-color: #C9A24A; box-shadow: 0 0 0 3px rgba(201,162,74,.2); }
.sr-help-cat i {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #F6F3EC;
  color: #A8842E;
  font-size: 18px;
}
.sr-help-cat strong { color: #0B1C2C; font-size: 15px; }
.sr-help-cat span, .sr-help-cat em { color: #6B7280; font-size: 12px; font-style: normal; line-height: 1.4; }
.sr-help-title { margin: 4px 0 0; font-size: 1.05rem; font-weight: 700; color: #0B1C2C; }
.sr-help-head p { margin: 2px 0 0; color: #6B7280; font-size: 13px; }
.sr-help-list { display: grid; gap: 8px; }
.sr-help-row {
  display: grid;
  gap: 2px;
  background: #fff;
  border: 1px solid #E7E1D6;
  border-radius: 12px;
  padding: 12px 14px;
  text-decoration: none;
}
.sr-help-row:hover { border-color: #C9A24A; }
.sr-help-none, .sr-help-empty { color: #4B5563; font-size: 14px; background: #fff; border-radius: 12px; }
.sr-help-none { padding: 14px; border: 1px solid #E7E1D6; }
.sr-help-ask { background: #fff; border: 1px solid #E7E1D6; border-radius: 16px; padding: 16px; }
.sr-help-ask h3 { margin: 0 0 4px; color: #0B1C2C; font-size: 1.05rem; }
.sr-help-ask > p { margin: 0 0 10px; color: #6B7280; }
.sr-help-ask form { display: flex; gap: 8px; }
.sr-help-ask .kt-input { flex: 1 1 auto; min-width: 0; font-size: 16px; }
.sr-help-log { display: grid; gap: 8px; max-height: 240px; overflow: auto; margin-bottom: 10px; }
.sr-help-log:empty { display: none; }
.sr-help-bubble { max-width: 90%; border-radius: 12px; padding: 8px 12px; white-space: pre-wrap; }
.sr-help-bubble.is-user { justify-self: start; background: #0B1C2C; color: #fff; }
.sr-help-bubble.is-bot { justify-self: end; background: #F6F3EC; color: #0B1C2C; }
.sr-help-mail { margin: 8px 0 0; color: #6B7280; font-size: 12px; }
.sr-help-crumb { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; color: #6B7280; font-size: 13px; }
.sr-help-crumb a { color: #0B1C2C; font-weight: 600; text-decoration: none; }
.sr-help-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 280px); gap: 14px; align-items: start; }
.sr-help-article, .sr-help-side { background: #fff; border: 1px solid #E7E1D6; border-radius: 16px; padding: 16px; min-width: 0; }
.sr-help-article h2 { margin: 0 0 8px; font-size: 1.35rem; font-weight: 700; color: #0B1C2C; }
.sr-help-summary { margin: 0 0 14px; color: #4B5563; }
.sr-help-side h3 { margin: 0 0 10px; font-size: 15px; color: #0B1C2C; }
.sr-help-side .sr-help-row { padding: 10px 12px; }
.help-article-body { color: #0B1C2C; font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.help-article-body .hg-flow { display: grid; gap: 8px; }
.help-article-body .hg-step {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #F6F3EC;
  border: 1px solid #E7E1D6;
  border-radius: 12px;
  padding: 12px 14px;
}
.help-article-body .hg-step > i {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #C9A24A;
  color: #0B1C2C;
  display: grid;
  place-items: center;
  font-style: normal;
  font-weight: 700;
}
.help-article-body .hg-step strong { display: block; font-size: 15px; }
.help-article-body .hg-step span { display: block; margin-top: 2px; color: #3f4b5b; font-size: 14px; font-weight: 400; }
.hg-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.hg-pills span { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; background: #F3F4F6; color: #6B7280; font-size: 13px; }
.hg-pills .on { background: #0B1C2C; color: #fff; }
.hg-fake {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
}
.hg-eye { color: #1B84FF; font-weight: 700; font-size: 13px; }
@media (max-width: 860px) {
  .sr-help-split { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .sr-help-hero { padding: 16px 12px; }
  .sr-help-hero h2 { font-size: 1.3rem; }
  .sr-help-search { flex-wrap: wrap; }
  .sr-help-search .kt-btn { width: 100%; }
  .sr-help-grid { grid-template-columns: 1fr 1fr; }
  .sr-help-cat { min-height: 0; padding: 12px; }
  .sr-help-ask form { flex-direction: column; }
  .sr-help-ask .kt-btn { width: 100%; }
  .sr-help-article, .sr-help-side { padding: 12px; }
}

/* כפתור עזרה צף — צד שמאל, מעל כפתור הנגישות */
.sr-page-help-btn {
  position: fixed;
  z-index: 99990;
  left: 16px;
  bottom: 72px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #0B1C2C;
  color: #C9A24A;
  font: 700 22px/1 Assistant, Arial, sans-serif;
  box-shadow: 0 4px 16px rgba(11, 28, 44, .28);
  cursor: pointer;
}
.sr-page-help-btn:hover { background: #13293d; }
.sr-page-help-box {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(11, 28, 44, .45);
}
.sr-page-help-box[hidden] { display: none !important; }
body.sr-page-help-open { overflow: hidden; }
.sr-page-help-dialog {
  width: min(720px, 100%);
  max-height: min(82dvh, 760px);
  overflow: auto;
  background: #fff;
  border-radius: 16px;
  padding: 14px 16px 16px;
  box-shadow: 0 16px 40px rgba(11, 28, 44, .2);
}
.sr-page-help-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.sr-page-help-head h2 { margin: 0; font-size: 1.05rem; color: #0B1C2C; }
.sr-page-help-x {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 10px;
  background: #F6F3EC;
  color: #0B1C2C;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}
.sr-page-help-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.sr-page-help-tabs button {
  min-height: 36px;
  border: 1px solid #E7E1D6;
  background: #fff;
  border-radius: 999px;
  padding: 6px 10px;
  color: #0B1C2C;
  font: 600 13px/1.3 Assistant, Arial, sans-serif;
  cursor: pointer;
  text-align: right;
}
.sr-page-help-tabs button.is-on { background: #0B1C2C; color: #fff; border-color: #0B1C2C; }
.sr-page-help-name { margin: 0 0 8px; font-size: 1.15rem; color: #0B1C2C; }
.sr-page-help-panel[hidden] { display: none !important; }
.sr-page-help-more { display: inline-block; margin-top: 12px; color: #0B1C2C; font-weight: 700; }
@media (max-width: 720px) {
  .sr-page-help-dialog { max-height: calc(100dvh - 24px); padding: 12px; }
  .sr-page-help-tabs button { min-height: 44px; }
}