:root {
  --kk-navy-950: #07182d;
  --kk-navy-900: #0b2341;
  --kk-navy-850: #102e54;
  --kk-navy-800: #153a67;
  --kk-navy-700: #20518b;
  --kk-blue-600: #2e6fc4;
  --kk-blue-500: #4d8ddd;
  
  --kk-lilac-500: #7469d8;
  
  --kk-ink: #122a45;
  --kk-text: #23425f;
  --kk-muted: #60758c;
  --kk-subtle: #7e91a5;
  
  
  
  --kk-surface-soft: #f7fafe;
  --kk-line: #d6e0ea;
  --kk-line-strong: #c2d0de;
  --kk-danger: #c9344c;
  --kk-danger-soft: #fff0f3;
  
  --kk-warning-soft: #fff7e6;
  /* Egységes sárga interakciós felület: minden lenyitó ugyanebből épül. */
  --kk-action-yellow-1: #fff0a8;
  --kk-action-yellow-2: #ffd451;
  --kk-action-yellow-3: #f4be2f;
  --kk-action-yellow-border: #d7a61f;
  --kk-action-yellow-ink: #523b00;
  --kk-action-yellow-bg: linear-gradient(145deg, var(--kk-action-yellow-1) 0%, var(--kk-action-yellow-2) 58%, var(--kk-action-yellow-3) 100%);
  --kk-action-yellow-bg-hover: linear-gradient(145deg, #fff4bd 0%, #ffdb64 58%, #f6c331 100%);
  --kk-action-yellow-shadow: 0 6px 14px rgba(133, 91, 0, .20), inset 0 1px 0 rgba(255,255,255,.68);
  --kk-action-yellow-shadow-hover: 0 8px 18px rgba(133, 91, 0, .25), inset 0 1px 0 rgba(255,255,255,.74);
  --kk-success: #176a78;
  --kk-success-soft: #eaf7fa;
  --kk-radius-sm: 12px;
  --kk-radius: 18px;
  --kk-radius-lg: 26px;
  --kk-shadow-sm: 0 8px 24px rgba(7, 31, 62, .07);
  --kk-shadow: 0 18px 52px rgba(7, 31, 62, .11);
  --kk-shadow-lg: 0 28px 80px rgba(5, 24, 48, .17);
  --kk-font: Aptos, Calibri, "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  --kk-font-display: "Aptos Display", "Bahnschrift SemiBold", "Trebuchet MS", "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body {
  min-height: 100%;
  margin: 0;
  padding-top: 78px;
  overflow-x: hidden;
  color: var(--kk-text);
  font-family: var(--kk-font) !important;
  font-size: 16px;
  line-height: 1.55;
  background:
    radial-gradient(circle at 3% 6%, rgba(75, 139, 219, .10), transparent 30rem),
    radial-gradient(circle at 96% 12%, rgba(116, 105, 216, .07), transparent 30rem),
    linear-gradient(180deg, #eef3f7 0%, #f8fafc 46%, #edf3f8 100%);
}
body, input, select, textarea, button, .navbar, .card, .table, .modal-content { font-family: var(--kk-font) !important; }
::selection { color: #fff; background: var(--kk-navy-700); }
a { color: var(--kk-navy-700); }
a:hover { color: var(--kk-navy-900); }
img, svg { max-width: 100%; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  color: var(--kk-ink);
  font-family: var(--kk-font-display) !important;
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.15;
}
p { overflow-wrap: anywhere; }
.justify { text-align: left !important; }
.fs-5 { line-height: 1.58; }
.text-muted { color: var(--kk-muted) !important; }
.small, small { line-height: 1.4; }


.kk-main { min-height: calc(100vh - 78px); }
.kk-layout-shell { width: 100%; max-width: none; padding: 18px 18px 0; }
.kk-layout-grid {
  display: grid;
  
  gap: 22px;
  align-items: start;
}
.kk-content-column,
.kk-layout-grid > .col-lg-8,
.kk-layout-grid > .col-sm-12 {
  grid-column: 2;
  width: 100% !important;
  max-width: 1180px;
  margin: 0 auto !important;
  padding: 0;
  float: none;
  flex: none;
}
.kk-ad-rail { grid-row: 1; min-width: 0; }
.kk-ad-rail-left { grid-column: 1; }
.kk-ad-rail-right { grid-column: 3; }
.kk-ad-rail-inner {
  position: sticky;
  top: 96px;
  width: 100%;
  min-height: 600px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.kk-ad-rail .kk-ad-wrap { width: 100%; overflow: hidden; }
.kk-ad-rail ins { max-width: 100%; }

body.kk-route-home .kk-content-column,
body.kk-route-kalkulatorok .kk-content-column { max-width: 1240px; }
body.kk-route-regisztracio .kk-content-column,
body.kk-route-affiliate .kk-content-column,
body.kk-route-tartozaskezelo .kk-content-column,
body.kk-route-tartozaskezelo-hozzaferes .kk-content-column { max-width: 1140px; }
body.kk-route-kesedelmi-adatbevitel .kk-content-column,
body.kk-route-kesedelmi-euro-adatbevitel .kk-content-column,
body.kk-route-ugyleti-adatbevitel .kk-content-column,
body.kk-route-vegyes-adatbevitel .kk-content-column,
body.kk-route-kesedelmi-eredmeny .kk-content-column,
body.kk-route-kesedelmi-euro-eredmeny .kk-content-column,
body.kk-route-ugyleti-eredmeny .kk-content-column,
body.kk-route-vegyes-eredmeny .kk-content-column,
body.kk-route-kesedelmi-adatbevitel-tablazat .kk-content-column,
body.kk-route-kesedelmi-eredmeny-tablazat .kk-content-column,
body.kk-route-kapcsolatfelvetel .kk-content-column,
body.kk-route-aszf .kk-content-column,
body.kk-route-kamatkalkulator-api .kk-content-column { max-width: 980px; }


.navbar.kk-navbar {
  
  padding: 10px 18px;
  
  
  
  z-index: 1035;
}
.kk-navbar > .container-fluid {  margin: 0 auto; padding: 0; }
.kk-brand {
  display: inline-flex;
  align-items: center;
  
  min-width: max-content;
  
  color: #fff !important;
  text-decoration: none;
}








.kk-navbar .navbar-toggler {
  min-width: 48px;
  min-height: 44px;
  margin-left: auto;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 12px;
  box-shadow: none !important;
}
.kk-navbar .navbar-toggler:hover { background: rgba(255, 255, 255, .09); }
.kk-navbar .navbar-collapse { min-width: 0; justify-content: center; }
.kk-navbar .navbar-nav { align-items: center; justify-content: center; gap: 3px; min-width: 0; }
.kk-navbar .nav-link {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 9px 10px !important;
  color: rgba(235, 243, 253, .88) !important;
  border: 1px solid transparent;
  border-radius: 11px;
  font-size: .88rem;
  font-weight: 650;
  line-height: 1.1;
  white-space: nowrap;
}

.kk-navbar .nav-link:hover,
.kk-navbar .nav-link.active {
  color: #fff !important;
  background: rgba(255, 255, 255, .10);
  border-color: rgba(255, 255, 255, .13);
}


.kk-account-nav-item { display: flex; align-items: center; }


.kk-navbar.navbar-expand-xxxl .navbar-toggler { display: block; }
.kk-navbar.navbar-expand-xxxl .navbar-collapse { display: none !important; flex-basis: 100%; }
.kk-navbar.navbar-expand-xxxl .navbar-collapse.show,
.kk-navbar.navbar-expand-xxxl .navbar-collapse.collapsing { display: block !important; }
@media (min-width: 1600px) {
  .kk-navbar.navbar-expand-xxxl { flex-wrap: nowrap; }
  .kk-navbar > .container-fluid { justify-content: center; }
  .kk-navbar .kk-brand { margin-left: 0; }
  .kk-navbar.navbar-expand-xxxl .navbar-toggler { display: none; }
  .kk-navbar.navbar-expand-xxxl .navbar-collapse { display: flex !important; flex: 0 1 auto; flex-basis: auto; align-items: center; }
  .kk-navbar.navbar-expand-xxxl .navbar-nav { flex-direction: row; }
}
@media (max-width: 1599.98px) {
  .kk-navbar { flex-wrap: wrap; }
  .kk-navbar > .container-fluid { position: relative; justify-content: center; }
  .kk-navbar .kk-brand { margin: 0; }
  .kk-navbar .navbar-toggler { position: absolute; right: 0; margin: 0; }
  .kk-navbar .navbar-collapse {
    width: 100%;
    margin-top: 11px;
    padding: 12px;
    background: rgba(6, 22, 42, .98);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 16px;
    box-shadow: var(--kk-shadow-lg);
  }
  .kk-navbar .navbar-nav { align-items: stretch; gap: 4px; }
  .kk-navbar .nav-link { padding: 11px 12px !important; font-size: .96rem; }
  .kk-account-nav-item { width: 100%; }
  
}


.card, .kk-surface, .kk-panel, .kk-access-card, .kk-empty-state, .kk-work-section, .accordion-item, .list-group-item{
  color: var(--kk-text);
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid var(--kk-line) !important;
  border-radius: var(--kk-radius-lg) !important;
  box-shadow: var(--kk-shadow-sm) !important;
}
.card { overflow: hidden; }
.card-header,
.modal-header {
  padding: 17px 22px;
  color: var(--kk-ink);
  background: linear-gradient(180deg, #f9fbfe 0%, #edf3f9 100%) !important;
  border-bottom: 1px solid var(--kk-line) !important;
  font-weight: 750;
}
.card-header.bg-gring,
.card-header.bg-gzold,
.card-header.bg-gmaly,
.card-header.bg-grozs,
.card-header.bg-glila,
.card-header.bg-gbarna,
.card-header[class*="bg-"],
.modal-header.bg-gring,
.modal-header.bg-gzold,
.modal-header.bg-gmaly,
.modal-header.bg-grozs,
.modal-header.bg-glila,
.modal-header.bg-gbarna {
  color: #fff !important;
  background: linear-gradient(110deg, var(--kk-navy-900) 0%, var(--kk-navy-800) 72%, #3d4d91 100%) !important;
  border-color: rgba(255, 255, 255, .10) !important;
}
.card-header[class*="bg-"] *, .modal-header[class*="bg-"] * { color: inherit !important; }
.card-body { padding: 24px; color: var(--kk-text); }

.bg-gring, .bg-gzold, .bg-gmaly, .bg-grozs, .bg-glila, .bg-gbarna {
  background-color: var(--kk-navy-800) !important;
}
.text-gring, .text-gzold, .text-gmaly, .text-grozs, .text-glila, .text-gbarna,
.link-gring, .link-gzold, .link-gmaly, .link-grozs, .link-glila, .link-gbarna { color: var(--kk-navy-700) !important; }
.border-gring, .border-gzold, .border-gmaly, .border-grozs, .border-glila, .border-gbarna { border-color: var(--kk-navy-700) !important; }
.bg-success { background-color: var(--kk-success) !important; }
.alert-success { color: #155967; background: var(--kk-success-soft); border-color: #b8dce3; }
.alert-warning { color: #704500; background: var(--kk-warning-soft); border-color: #eed4a4; }
.alert-danger { color: #852033; background: var(--kk-danger-soft); border-color: #efbdc6; }
.alert-gring, .alert-gzold, .alert-gmaly, .alert-grozs, .alert-glila, .alert-gbarna {
  color: var(--kk-ink) !important;
  background: #edf5ff !important;
  border-color: #bfd4ec !important;
}
.alert {
  padding: 15px 17px;
  border-radius: 15px;
  line-height: 1.5;
  box-shadow: none;
}
.rounded, .rounded-3 { border-radius: var(--kk-radius) !important; }
.shadow, .shadow-sm, .shadow-lg { box-shadow: var(--kk-shadow-sm) !important; }

.kk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: #567393;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.25;
  text-transform: uppercase;
}
.kk-page-heading h1, .kk-page-intro h1 { margin-bottom: 10px; font-size: clamp(2rem, 3.5vw, 3.25rem); }
.kk-section-heading { margin-bottom: 20px; }
.kk-section-heading h2 { margin: 0; font-size: clamp(1.45rem, 2vw, 2rem); }
.kk-step-number {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-grid;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: var(--kk-navy-800);
  font-weight: 800;
}


.btn {
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: .62rem .95rem;
  border-radius: 12px !important;
  font-weight: 700;
  line-height: 1.15;
  white-space: normal;
  transition: transform .17s ease, box-shadow .17s ease, background-color .17s ease, border-color .17s ease, color .17s ease;
}
.btn:hover:not(:disabled) { transform: translateY(-1px); }
.btn:active:not(:disabled) { transform: translateY(0); }
.btn-sm { min-height: 35px; padding: .45rem .7rem; border-radius: 10px !important; font-size: .87rem; }
.btn-lg { min-height: 51px; padding: .8rem 1.15rem; border-radius: 14px !important; }
.btn-primary, .btn-kk-primary, .btn-gring, .btn-gzold, .btn-grozs, .btn-glila, .btn-gbarna{
  color: #fff !important;
  background: linear-gradient(125deg, var(--kk-navy-800), var(--kk-blue-600)) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 8px 20px rgba(30, 80, 140, .20);
}
.btn-primary:hover, .btn-kk-primary:hover, .btn-gring:hover, .btn-gzold:hover, .btn-grozs:hover, .btn-glila:hover, .btn-gbarna:hover{ background: linear-gradient(125deg, var(--kk-navy-900), #285f9f) !important; }
.btn-kk-secondary,
.btn-secondary,
.btn-outline-secondary,
.btn-kk-quiet,
.btn-kk-icon {
  color: var(--kk-ink) !important;
  background: #fff !important;
  border: 1px solid var(--kk-line-strong) !important;
  box-shadow: none;
}
.btn-kk-secondary:hover,
.btn-secondary:hover,
.btn-outline-secondary:hover,
.btn-kk-quiet:hover,
.btn-kk-icon:hover { color: var(--kk-navy-900) !important; background: #edf4fb !important; border-color: #aabed1 !important; }
.btn-outline-light { color: #fff !important; border-color: rgba(255, 255, 255, .38) !important; background: rgba(255, 255, 255, .06) !important; }
.btn-outline-light:hover { background: rgba(255, 255, 255, .16) !important; }
.btn-danger, .btn-kk-danger, .btn-outline-danger { color: var(--kk-danger) !important; background: #fff !important; border-color: #e4a8b3 !important; }
.btn-danger:hover, .btn-kk-danger:hover, .btn-outline-danger:hover { color: #fff !important; background: var(--kk-danger) !important; }
.btn-kk-icon { width: 43px; padding: 0; flex: 0 0 43px; }
.btn-close { min-width: 32px; min-height: 32px; border-radius: 9px; }


.form-control,
.form-select {
  min-height: 54px;
  color: var(--kk-ink);
  background-color: #fff;
  border: 1px solid var(--kk-line-strong);
  border-radius: 13px;
  box-shadow: none !important;
}
.form-control:focus,
.form-select:focus {
  color: var(--kk-ink);
  border-color: var(--kk-blue-500);
  box-shadow: 0 0 0 .22rem rgba(77, 141, 221, .14) !important;
}
.form-control::placeholder { color: #91a2b2; opacity: 1; }
.form-floating > .form-control,
.form-floating > .form-select { min-height: 58px; border-radius: 14px; }
.form-floating > label { color: #647c94; }
textarea.form-control, .kk-textarea { min-height: 130px !important; resize: vertical; }
.input-group { flex-wrap: nowrap; }
.input-group > .form-control { min-width: 0; }
.input-group-text { color: #38546f; background: #edf3f8; border-color: var(--kk-line-strong); }
.input-group .btn { flex: 0 0 auto; }
.kk-field-caption { display: block; margin-top: 7px; color: var(--kk-muted); font-size: .91rem; }
.kk-check-row {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 15px 16px;
  color: var(--kk-text);
  background: #f9fbfd;
  border: 1px solid var(--kk-line);
  border-radius: 15px;
  cursor: pointer;
}
.kk-check-row input[type="checkbox"] {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin-top: 2px;
  accent-color: var(--kk-navy-700);
}


#kalkulator input[type="radio"],
.kk-legacy-radio,
.kk-period-selector input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  width: 21px;
  height: 21px;
  display: inline-grid;
  place-content: center;
  margin: 0 8px 0 1px;
  vertical-align: -5px;
  background: #fff;
  border: 2px solid #91a6ba;
  border-radius: 50%;
  cursor: pointer;
}
#kalkulator input[type="radio"]::before,
.kk-legacy-radio::before,
.kk-period-selector input[type="radio"]::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--kk-blue-600);
  transform: scale(0);
  transition: transform .15s ease;
}
#kalkulator input[type="radio"]:checked,
.kk-legacy-radio:checked,
.kk-period-selector input[type="radio"]:checked { border-color: var(--kk-blue-600);  }
#kalkulator input[type="radio"]:checked::before,
.kk-legacy-radio:checked::before,
.kk-period-selector input[type="radio"]:checked::before { transform: scale(1); }
#kalkulator input[type="checkbox"] { accent-color: var(--kk-navy-700); width: 19px; height: 19px; }


.kk-debt-type-switch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kk-radio-card { position: relative; display: block; cursor: pointer; }
.kk-radio-card > input { position: absolute; opacity: 0; pointer-events: none; }
.kk-radio-card > span {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 17px 18px 17px 52px;
  color: var(--kk-text);
  background: #f8fbfe;
  border: 1px solid var(--kk-line);
  border-radius: 17px;
  transition: background .17s ease, border-color .17s ease, box-shadow .17s ease, transform .17s ease;
}
.kk-radio-card > span::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  width: 23px;
  height: 23px;
  border: 2px solid #91a6ba;
  border-radius: 50%;
  transform: translateY(-50%);
}
.kk-radio-card > span::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  width: 11px;
  height: 11px;
  background: var(--kk-blue-600);
  border-radius: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .15s ease;
}
.kk-radio-card > span strong { color: var(--kk-ink); font-size: 1.03rem; }
.kk-radio-card > span small { color: var(--kk-muted); }
.kk-radio-card input:checked + span {
  background: linear-gradient(145deg, #edf5ff, #f3f1ff);
  border-color: #7aa6d8;
  box-shadow: inset 0 0 0 1px rgba(46, 111, 196, .12), 0 9px 22px rgba(23, 62, 105, .08);
}
.kk-radio-card input:checked + span::before { border-color: var(--kk-blue-600); }
.kk-radio-card input:checked + span::after { transform: translateY(-50%) scale(1); }


.kk-home-page { width: 100%; }
.kk-home-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(330px, .78fr);
  
  align-items: stretch;
}
.kk-home-left,
.kk-home-right {
  min-width: 0;
  background: rgba(255, 255, 255, .97);
  border: 1px solid var(--kk-line);
  border-radius: 28px;
  
}
.kk-home-left { position: relative; overflow: hidden; padding: 32px; }
.kk-home-left::after {
  content: "";
  position: absolute;
  right: -95px;
  top: -110px;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(77, 141, 221, .18), rgba(116, 105, 216, .05) 60%, transparent 70%);
  pointer-events: none;
}
.kk-home-left > * { position: relative; z-index: 1; }
.kk-home-left h1 {  margin-bottom: 13px;   }
.kk-home-left > p { max-width: 760px; margin-bottom: 0; color: var(--kk-muted); font-size: 1.08rem; }
.kk-home-usage-note {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  margin-top: 18px;
  padding: 13px 15px;
  color: #274a6b;
  background: linear-gradient(135deg, rgba(232, 244, 255, .98), rgba(244, 248, 255, .96));
  border: 1px solid rgba(73, 130, 190, .26);
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(31, 78, 121, .07);
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.kk-home-usage-note:hover {
  color: #274a6b;
  border-color: rgba(73, 130, 190, .42);
  box-shadow: 0 10px 24px rgba(31, 78, 121, .11);
  transform: translateY(-1px);
}
.kk-home-usage-note__icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: var(--kk-blue-600);
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(73, 130, 190, .18);
  border-radius: 10px;
  font-size: 1rem;
}
.kk-home-usage-note p { margin: 0; font-size: .92rem; line-height: 1.5; }
.kk-home-usage-note strong { color: var(--kk-navy-800); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.kk-home-main-actions { display: grid; gap: 10px; margin-top: 18px; }
.kk-home-main-button {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 14px 16px;
  color: var(--kk-ink);
  background: #fff;
  border: 1px solid var(--kk-line);
  border-radius: 17px;
  text-decoration: none;
}
.kk-home-main-button > i {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-blue-500));
  border-radius: 13px;
}
.kk-home-main-button span { min-width: 0; flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kk-home-main-button strong { color: var(--kk-ink); font-size: 1.02rem; }
.kk-home-main-button small { color: var(--kk-muted); white-space: nowrap; }
.kk-home-main-button:hover { color: var(--kk-ink); transform: translateY(-2px); box-shadow: var(--kk-shadow-sm); }
.kk-home-right { display: grid; grid-template-rows: auto auto auto;  padding: 17px; }
.kk-home-side-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 19px 20px;
  color: var(--kk-text) !important;
  background: linear-gradient(180deg, #fff, #f7fafe);
  border: 1px solid var(--kk-line);
  border-radius: 19px;
  text-decoration: none;
  overflow: visible;
}
.kk-home-side-card strong { display: block; color: var(--kk-ink); font-size: 1.28rem; line-height: 1.2; }
.kk-home-side-card p { margin: 0; color: var(--kk-muted); font-size: .94rem; line-height: 1.45; }
.kk-home-side-card em { color: var(--kk-navy-700); font-style: normal; font-weight: 800; }
.kk-home-side-card:hover { color: var(--kk-text); transform: translateY(-2px); box-shadow: var(--kk-shadow-sm); }
.kk-home-side-card-premium {
  position: relative;
  color: #fff !important;
  background: linear-gradient(125deg, var(--kk-navy-900) 0%, var(--kk-navy-800) 66%, #3f4e93 100%) !important;
  border-color: rgba(255, 255, 255, .08) !important;
  box-shadow: 0 18px 38px rgba(7, 31, 62, .24);
}
.kk-home-side-card-premium::after {
  content: "PRÉMIUM";
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 4px 8px;
  color: #e9e6ff;
  background: rgba(255, 255, 255, .11);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .1em;
}
.kk-home-side-card-premium .kk-eyebrow,
.kk-home-side-card-premium strong,
.kk-home-side-card-premium p,
.kk-home-side-card-premium em { color: #fff !important; opacity: 1 !important; }
.kk-home-side-card-premium strong { padding-right: 72px; }
.kk-home-floating-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));  margin: 14px 0 18px; }
.kk-service-bubble {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px 18px;
  color: var(--kk-text);
  
  border: 1px solid var(--kk-line);
  
  
  text-decoration: none;
}
.kk-service-bubble > i { width: 39px; height: 39px; flex: 0 0 39px; display: grid; place-items: center; color: var(--kk-navy-700); background: #eaf2fb; border-radius: 12px; }
.kk-service-bubble div { min-width: 0; }
.kk-service-bubble strong { display: block;  }
.kk-service-bubble span { display: block;  font-size: .91rem; line-height: 1.4; }
.kk-service-bubble:hover { color: var(--kk-text); transform: translateY(-2px); box-shadow: var(--kk-shadow); }






.kk-guide-card {   border: 1px solid var(--kk-line);   }


.kk-guide-card summary strong { color: var(--kk-ink); }
.kk-guide-card summary span {  font-size: .91rem; }
.kk-guide-card summary i { color: var(--kk-navy-700); transition: transform .22s ease; }
.kk-guide-card[open] summary i { transform: rotate(180deg); }





.kk-page-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
  padding: 26px 28px;
  background: rgba(255, 255, 255, .97);
  border: 1px solid var(--kk-line);
  border-radius: 24px;
  box-shadow: var(--kk-shadow-sm);
}
.kk-page-intro p { max-width: 760px; margin: 0; color: var(--kk-muted); }
.kk-registration-symbol, .kk-affiliate-orbit {
  width: 86px;
  height: 86px;
  flex: 0 0 86px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-lilac-500));
  border-radius: 25px;
  font-size: 2rem;
  box-shadow: 0 16px 32px rgba(27, 69, 122, .21);
}


.kk-registration-symbol-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.kk-registration-symbol-card::before {
  content: "";
  position: absolute;
  width: 58px;
  height: 58px;
  left: -14px;
  bottom: -18px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 11px rgba(255,255,255,.035);
  z-index: -1;
}
.kk-registration-symbol-card::after {
  content: "";
  position: absolute;
  width: 74px;
  height: 18px;
  right: -25px;
  top: 8px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  transform: rotate(38deg);
  z-index: -1;
}
.kk-registration-symbol-main {
  font-size: 2.05rem;
  transform: rotate(-5deg) translate(-2px, 2px);
  text-shadow: 0 5px 16px rgba(0,0,0,.18);
}
.kk-registration-symbol-spark {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 10px;
  background: rgba(255,255,255,.13);
  box-shadow: 0 8px 20px rgba(3,18,38,.16);
  backdrop-filter: blur(3px);
}
.kk-registration-symbol-spark i {
  font-size: .78rem;
  color: #ffe9a8;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.16));
}

.kk-registration-form { display: grid; gap: 16px; }
.kk-test-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding: 14px 16px;
  background: linear-gradient(135deg, #f7f9ff, #f3f0ff);
  border: 1px solid #b9c8df;
  border-radius: 17px;
  box-shadow: var(--kk-shadow-sm);
}
.kk-test-tools-copy { display: flex; align-items: center; gap: 11px; min-width: 0; }
.kk-test-tools-copy > div { min-width: 0; }
.kk-test-tools-copy strong { display: block; color: var(--kk-ink); }
.kk-test-tools-copy div > span { display: block; color: var(--kk-muted); font-size: .88rem; overflow-wrap: anywhere; }
.kk-test-tools-icon {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-lilac-500));
  border-radius: 12px;
}
.kk-test-delete-button {
  flex: 0 0 auto;
  color: #9b2330;
  background: #fff;
  border: 1px solid #d98d95;
  font-weight: 750;
}
.kk-test-delete-button:hover,
.kk-test-delete-button:focus {
  color: #fff;
  background: #a62a38;
  border-color: #a62a38;
}
.kk-form-section { padding: 25px; }
.kk-form-section .kk-section-heading { display: flex; align-items: center; gap: 14px; }
.kk-plan-table-wrap { position: relative; overflow-x: auto; overflow-y: hidden; border: 0; border-radius: 19px; background: #fff; -webkit-overflow-scrolling: touch; box-shadow: inset 0 0 0 2px #91aac3; }
.kk-plan-table-wrap::after { content: ""; position: absolute; inset: 0; border: 2px solid #91aac3; border-radius: 19px; pointer-events: none; z-index: 6; }
.kk-plan-table { width: 100%; min-width: 940px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.kk-plan-table th, .kk-plan-table td { padding: 13px 10px; text-align: center; vertical-align: middle; border-bottom: 1px solid #e4ebf2; border-right: 1px solid #e8eef4; }
.kk-plan-table tr:last-child th, .kk-plan-table tr:last-child td { border-bottom: 0; }
.kk-plan-table th:last-child, .kk-plan-table td:last-child { border-right: 0; }
.kk-plan-table thead th { padding: 9px; background: #edf3f9; }
.kk-plan-table thead th.kk-feature-col { width: 27%; padding: 18px; text-align: left; color: #4d6680; font-size: .9rem; }
.kk-plan-table tbody th { width: 27%; padding-left: 17px; text-align: left; color: var(--kk-text); background: #fbfcfe; font-weight: 650; }
.kk-plan-table tbody td { color: var(--kk-ink); background: #fff; font-weight: 700; }
.kk-plan-select {
  position: relative;
  min-height: 145px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 16px 8px;
  border: 1px solid transparent;
  border-radius: 15px;
  cursor: pointer;
}
.kk-plan-select input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; width: 1px !important; height: 1px !important; }
.kk-plan-select .kk-radio-dot { display: none !important; }
.kk-plan-select strong { color: var(--kk-ink); font-size: 1.06rem; }
.kk-plan-select em { color: var(--kk-navy-700); font-style: normal; font-size: 1.03rem; font-weight: 800; }
.kk-plan-select em small { color: var(--kk-muted); font-size: .82rem; font-weight: 600; }
.kk-plan-pick,
.kk-plan-selected {
  margin-top: 5px;
  color: #637b93;
  font-size: .82rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
}
.kk-plan-selected { display: none; color: var(--kk-navy-700); }
.kk-plan-ribbon { position: absolute; top: 7px; right: 7px; padding: 3px 7px; color: #684600; background: #ffedbd; border-radius: 999px; font-size: .82rem; font-weight: 800; }
#kkPlanTable thead th.is-selected { background: #e6eff9; }
#kkPlanTable thead th.is-selected .kk-plan-select { background: linear-gradient(145deg, #eef5ff, #f1efff); border-color: #89acd0; box-shadow: inset 0 0 0 1px rgba(46, 111, 196, .12); }
#kkPlanTable thead th.is-selected .kk-plan-pick { display: none; }
#kkPlanTable thead th.is-selected .kk-plan-selected { display: inline-flex; align-items: center; gap: 4px; }
#kkPlanTable tbody td.is-selected { background: #f0f5fb; }
#kkPlanTable [data-kk-icon="check"] { color: var(--kk-blue-600); }
.kk-plan-no { display: inline-grid; place-items: center; width: 24px; height: 24px; color: var(--kk-danger); background: var(--kk-danger-soft); border-radius: 50%; font-size: .8rem; }
.kk-price-note { margin: 11px 0 0; color: var(--kk-muted); font-size: .91rem; }
.kk-period-selector { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.kk-choice-pill { position: relative;         cursor: pointer; }
.kk-choice-pill input { flex: 0 0 21px; }
.kk-choice-pill strong { display: block; color: var(--kk-ink); }
.kk-choice-pill small { display: block; color: var(--kk-muted); }
.kk-choice-pill.is-selected { background: #edf5ff; border-color: #86abd2; }
.kk-info-strip { display: flex; align-items: flex-start; gap: 10px; margin: 13px 0; padding: 13px 15px; color: #36516d; background: #edf5ff; border: 1px solid #c7dcef; border-radius: 14px; }
.kk-form-actions { margin-top: 17px; display: flex; justify-content: center; }

@media (max-width: 640px) {
  .kk-test-tools { align-items: stretch; flex-direction: column; }
  .kk-test-delete-button { width: 100%; }
}


.kk-page-intro-affiliate {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(120deg, var(--kk-navy-950), var(--kk-navy-800) 72%, #3f4d91) !important;
  border-color: transparent;
  box-shadow: var(--kk-shadow-lg);
}
.kk-page-intro-affiliate::after { content: ""; position: absolute; right: -90px; top: -120px; width: 310px; height: 310px; border-radius: 50%; background: rgba(150, 190, 239, .10); }
.kk-page-intro-affiliate > * { position: relative; z-index: 1; }
.kk-page-intro-affiliate h1,
.kk-page-intro-affiliate p,
.kk-page-intro-affiliate .kk-eyebrow { color: #fff !important; opacity: 1; }
.kk-page-intro-affiliate h1 { max-width: 16ch; }
.kk-affiliate-orbit { background: rgba(255, 255, 255, .10); border: 1px solid rgba(255, 255, 255, .16); box-shadow: none; }
.kk-affiliate-facts {  flex-wrap: wrap;  margin-top: 16px; }
.kk-affiliate-facts span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; color: #eef5ff; background: rgba(255, 255, 255, .09); border: 1px solid rgba(255, 255, 255, .13); border-radius: 999px; font-size: .84rem; font-weight: 650; }
.kk-affiliate-register { padding: 25px; }



.kk-affiliate-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.kk-affiliate-kpis article { padding: 18px; background: #fff; border: 1px solid var(--kk-line); border-radius: 18px; box-shadow: var(--kk-shadow-sm); }
.kk-affiliate-kpis span { display: block; color: var(--kk-muted); font-size: .86rem; }
.kk-affiliate-kpis strong { display: block; margin-top: 6px; color: var(--kk-ink); font-size: 1.55rem; }
.kk-affiliate-tools, .kk-affiliate-page > .kk-surface { margin-bottom: 16px; padding: 24px; }
.kk-copy-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.kk-copy-field input, .kk-code-box code { min-width: 0; padding: 12px 14px; color: var(--kk-ink); background: #f6f9fc; border: 1px solid var(--kk-line); border-radius: 12px; overflow-wrap: anywhere; }
.kk-copy-field button, .kk-code-box button { min-height: 45px; color: #fff; background: var(--kk-navy-800); border: 0; border-radius: 12px; font-weight: 700; }
.kk-code-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-top: 13px; }


body.kk-route-kesedelmi-adatbevitel .kk-content-column > .card,
body.kk-route-kesedelmi-euro-adatbevitel .kk-content-column > .card,
body.kk-route-ugyleti-adatbevitel .kk-content-column > .card,
body.kk-route-vegyes-adatbevitel .kk-content-column > .card,
body.kk-route-kesedelmi-adatbevitel-tablazat .kk-content-column > .card,
body.kk-route-kesedelmi-eredmeny .kk-content-column > .card,
body.kk-route-kesedelmi-euro-eredmeny .kk-content-column > .card,
body.kk-route-ugyleti-eredmeny .kk-content-column > .card,
body.kk-route-vegyes-eredmeny .kk-content-column > .card { width: 100%; margin-left: auto; margin-right: auto; }

.kk-content-column > .card > .card-header.d-flex {
  display: flex !important;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.kk-content-column > .card > .card-header.d-flex > span { flex: 1 1 320px; min-width: 0; }
.kk-content-column > .card > .card-header.d-flex > .btn { flex: 0 1 auto; }
#kalkulator { margin-top: 18px; padding-top: 0 !important; border: 0 !important; }
#kalkulator > table.table {
  width: 100%;
  margin: 0 0 14px;
  border-collapse: separate;
  border-spacing: 0 10px;
  background: transparent;
}
#kalkulator > table.table > tbody > tr > td {
  padding: 17px 18px;
  vertical-align: middle;
  color: var(--kk-text);
  background: #fff !important;
  border-top: 1px solid var(--kk-line);
  border-bottom: 1px solid var(--kk-line);
}
#kalkulator > table.table > tbody > tr > td:first-child {
  width: 43% !important;
  color: var(--kk-ink);
  border-left: 1px solid var(--kk-line);
  border-radius: 16px 0 0 16px;
  font-weight: 680;
}
#kalkulator > table.table > tbody > tr > td:last-child {
  width: 57% !important;
  border-right: 1px solid var(--kk-line);
  border-radius: 0 16px 16px 0;
}
#kalkulator > table.table > tbody > tr > td p.text-muted { margin: 5px 0 0; font-size: .88rem !important; font-weight: 400; }
#kalkulator > table.table > tbody > tr:hover > td { border-color: #b9cadd; background: #fcfdff !important; }
#kalkulator .collapse,
#kalkulator .collapsing { overflow: hidden; }
.collapsing { height: 0; transition: height .38s ease; }
.collapse.show { visibility: visible; }
#felekaltal { margin: 12px 0; padding: 18px; background: #f4f8fc; border: 1px solid var(--kk-line); border-radius: 16px; }
.card-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.card-group > .card { margin: 0 !important; border-radius: 18px !important; }
.card-group > .card .card-header { min-height: 67px; display: flex; align-items: center; gap: 9px; }
.card-group > .card .card-body { padding: 18px; }
.card-group > .card .card-text { margin: 0; font-size: .98rem !important; }



.formcontainer, .bevezeto, .felsoszoveg {
  margin-bottom: 15px;
  padding: 19px;
  background: #fff;
  border: 1px solid var(--kk-line);
  border-radius: 18px;
  box-shadow: var(--kk-shadow-sm);
}

.elvalaszto { border-bottom: 1px solid var(--kk-line) !important; }
.osszeg { font-variant-numeric: tabular-nums; }
body[class*="kk-route-"] .formcontainer > .row{
  row-gap: 10px;
}
body.kk-route-kesedelmi-eredmeny .formcontainer .col-3,
body.kk-route-kesedelmi-euro-eredmeny .formcontainer .col-3,
body.kk-route-ugyleti-eredmeny .formcontainer .col-3,
body.kk-route-vegyes-eredmeny .formcontainer .col-3,
body.kk-route-kesedelmi-eredmeny-tablazat .formcontainer .col-3 {
  min-width: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  overflow-wrap: anywhere;
}
.table-responsive { border-radius: 15px; }
.table { color: var(--kk-text); }
.table > :not(caption) > * > * { padding: .82rem .75rem; border-bottom-color: #dce5ee; }
.table thead th {
  color: #476580;
  background: #edf3f8 !important;
  border-bottom: 1px solid #cbd8e4 !important;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: normal;
}
.table tbody tr:hover td { background: #f8fbfe; }
.table tfoot th { background: #f3f7fb; }


.kk-debt-page { width: 100%; }
.kk-debt-intro { align-items: flex-end; }
.kk-intro-actions, .kk-case-actions { display: flex; flex-wrap: wrap; gap: 9px; justify-content: flex-end; }
.kk-notice { margin-bottom: 14px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--kk-line); }
.kk-notice-success { color: #155967; background: var(--kk-success-soft); border-color: #bddfe5; }
.kk-notice-danger { color: #8b2236; background: var(--kk-danger-soft); border-color: #efbdc6; }
.kk-demo-banner { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 15px; padding: 14px 16px; color: #654309; background: #fff5d9; border: 1px solid #eed397; border-radius: 16px; }
.kk-demo-banner div { display: grid; gap: 2px; }
.kk-demo-banner.compact { justify-content: flex-start; }
.kk-case-list-panel { padding: 20px; }

.kk-date-control { display: grid; gap: 5px; }
.kk-date-control label { color: var(--kk-muted); font-size: .82rem; font-weight: 750; }
.kk-date-control input { min-height: 43px; padding: 8px 11px; border: 1px solid var(--kk-line-strong); border-radius: 11px; }
.kk-case-table { min-width: 900px; }
.kk-clickable-row { cursor: pointer; }
.kk-clickable-row:hover td { background: #f0f6fc !important; }
.kk-status-pill { display: inline-flex; margin-left: 7px; padding: 3px 7px; color: #4e647a; background: #edf2f6; border: 1px solid #d6e0e8; border-radius: 999px; font-size: .82rem; font-weight: 750; }
.kk-case-reference { color: var(--kk-muted); overflow-wrap: anywhere; }
.kk-empty-state { padding: 35px 22px; text-align: center; box-shadow: none !important; }
.kk-empty-state.compact { padding: 18px; }
.kk-empty-state > i { width: 60px; height: 60px; display: grid; place-items: center; margin: 0 auto 12px; color: #fff; background: var(--kk-navy-800); border-radius: 18px; font-size: 1.35rem; }
.kk-empty-state p { margin: 0; color: var(--kk-muted); }
.kk-access-card { max-width: 720px; margin: 30px auto; padding: 38px; text-align: center; }
.kk-access-icon { width: 68px; height: 68px; display: grid; place-items: center; margin: 0 auto 15px; color: #fff; background: var(--kk-danger); border-radius: 20px; }

.kk-case-detail-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 14px; padding: 23px 25px; background: #fff; border: 1px solid var(--kk-line); border-radius: 23px; box-shadow: var(--kk-shadow-sm); }
.kk-back-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 11px; color: var(--kk-navy-700); text-decoration: none; font-weight: 700; }
.kk-case-heading h1 { margin-bottom: 7px; }
.kk-case-number { margin: 0; color: var(--kk-muted); }
.kk-case-number strong { display: inline-block; margin-left: 5px; color: var(--kk-ink); overflow-wrap: anywhere; }





.kk-case-balance {
  margin-bottom: 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #cbd9e6;
  border-radius: 20px;
  box-shadow: 0 12px 34px rgba(18, 55, 91, .09);
}
.kk-case-balance-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 19px 14px;
  color: #fff;
  background: linear-gradient(120deg, #102f55, #214f82);
}
.kk-case-balance-heading .kk-eyebrow { margin-bottom: 3px; color: #bcd6f2; }
.kk-case-balance-heading h2 { margin: 0; color: #fff; font-size: 1.15rem; }
.kk-case-balance-date { display: inline-flex; align-items: center; gap: 7px; color: #d9e8f7; font-size: .82rem; font-weight: 750; white-space: nowrap; }
.kk-case-balance-table-wrap { border-radius: 0; }
.kk-case-balance-table { min-width: 680px; margin: 0; }
.kk-case-balance-table > :not(caption) > * > * { padding: 13px 18px; vertical-align: middle; }
.kk-case-balance-table thead th { color: #36536e; background: #eef4f9 !important; }
.kk-case-balance-table thead th:first-child,
.kk-case-balance-table tbody th,
.kk-case-balance-table tfoot th { width: 26%; }
.kk-case-balance-table tbody th { color: #173a5f; font-size: .96rem; }
.kk-case-balance-table tbody td { color: #28445f; font-size: 1rem; font-weight: 740; font-variant-numeric: tabular-nums; }
.kk-balance-row-icon { display: inline-grid; place-items: center; width: 31px; height: 31px; margin-right: 9px; color: #fff; border-radius: 9px; }
.kk-balance-row-icon.is-principal { background: #315f91; }
.kk-balance-row-icon.is-interest { background: #7d4c79; }
.kk-case-balance-table .kk-balance-allocated { color: #177047; background: #f1faf5 !important; }
.kk-case-balance-table .kk-balance-outstanding { color: #9b2d45; background: #fff7f8 !important; font-weight: 850; }
.kk-case-balance-table tfoot th,
.kk-case-balance-table tfoot td { color: #fff; background: #173a61 !important; border: 0; font-weight: 800; font-variant-numeric: tabular-nums; }
.kk-case-balance-table tfoot td:last-child { min-width: 210px; background: linear-gradient(135deg, #0e5f62, #147a70) !important; }
.kk-case-balance-table tfoot small { display: block; margin-bottom: 2px; color: #ccece8; font-size: .82rem; font-weight: 750; text-transform: uppercase; }
.kk-case-balance-table tfoot strong { display: block; color: #fff; font-size: 1.28rem; white-space: nowrap; }
.kk-case-balance-overpayment { display: flex; align-items: center; gap: 13px; margin: 14px 18px 18px; padding: 15px 17px; color: #125b3b; background: linear-gradient(135deg, #e8f8ee, #f4fcf7); border: 2px solid #56a978; border-radius: 15px; }
.kk-case-balance-overpayment > span { display: grid; place-items: center; width: 41px; height: 41px; flex: 0 0 41px; color: #fff; background: #238454; border-radius: 12px; }
.kk-case-balance-overpayment strong { display: block; font-size: 1.08rem; }
.kk-case-balance-overpayment p { margin: 2px 0 0; color: #397057; font-size: .86rem; }
.kk-case-sticky-nav { position: sticky; top: 91px; z-index: 20; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 12px;    border-radius: 16px; backdrop-filter: blur(10px); }
.kk-case-sticky-nav a { display: flex; align-items: center; justify-content: center; gap: 8px;  padding: 8px 10px;   border: 1px solid var(--kk-line); border-radius: 11px; text-decoration: none;  }
.kk-case-sticky-nav a:hover { color: var(--kk-navy-900); background: #edf5ff; }
.kk-work-section { margin-bottom: 12px; overflow: clip; }
.kk-work-section > summary { list-style: none; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 15px 18px;  cursor: pointer; }
.kk-work-section > summary::-webkit-details-marker { display: none; }
.kk-work-section > summary small { display: block; color: var(--kk-muted); font-size: .82rem; }
.kk-work-section > summary strong { display: block; color: var(--kk-ink); font-size: 1.05rem; }
.kk-section-summary-icon { width: 39px; height: 39px; display: grid; place-items: center; color: #fff; background: var(--kk-navy-800); border-radius: 12px; }
.kk-section-count { min-width: 28px; padding: 4px 8px; text-align: center; color: var(--kk-navy-700); background: #e8f1fb; border-radius: 999px; font-size: .82rem; font-weight: 800; }
.kk-section-chevron {  transition: transform .28s ease; }
.kk-work-section[open] .kk-section-chevron { transform: rotate(180deg); }
.kk-work-section-body { padding: 18px; border-top: 1px solid var(--kk-line); animation: kkDetailsIn .28s ease both; }
@keyframes kkDetailsIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }
.kk-section-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 15px; }
.kk-section-toolbar p { margin: 0; color: var(--kk-muted); }
.kk-debt-stack { display: grid;  }
.kk-debt-item {    border-radius: 18px; }


.kk-interest-type { display: inline-block; margin-bottom: 6px; padding: 4px 8px; color: #3e5d7a; background: #edf3f8; border-radius: 999px; font-size: .82rem; font-weight: 750; }

.kk-invoice-number, .kk-reduced-badge { display: inline-flex; align-items: center; gap: 5px; margin: 3px 5px 0 0; color: var(--kk-muted); font-size: .82rem; }
.kk-reduced-badge { color: #176675; }






.kk-interest-detail { max-height: 0; margin-top: 0; padding-top: 0; overflow: hidden; opacity: 0; transition: max-height .45s ease, opacity .28s ease, margin-top .32s ease, padding-top .32s ease; }
.kk-interest-detail.is-open { margin-top: 15px; padding-top: 15px; opacity: 1; border-top: 1px solid var(--kk-line); }
.kk-interest-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.kk-interest-detail-head h4 { margin: 0; font-size: 1.02rem; }
.kk-interest-detail-head span { color: var(--kk-muted); font-size: .84rem; }

.kk-interest-table td, .kk-interest-table th { vertical-align: middle; }
.kk-payment-event td { background: #f5f8fc !important; }
.kk-payment-event td:last-child span { display: block; }
.kk-payment-list { display: grid; gap: 10px; }
.kk-payment-list article { display: grid; grid-template-columns: minmax(180px, 1.2fr) minmax(180px, .8fr) auto; gap: 14px; align-items: center; padding: 15px 16px; background: #fff; border: 1px solid var(--kk-line); border-radius: 17px; }
.kk-payment-list article > div:first-child span, .kk-payment-list article > div:first-child small { display: block; color: var(--kk-muted); }
.kk-payment-list article > div:first-child strong { display: block; color: var(--kk-ink); font-size: 1.24rem; }
.kk-payment-progress { display: grid; gap: 3px; }
.kk-payment-progress span { color: var(--kk-muted);  }
.kk-payment-progress strong { color: var(--kk-ink); }
.kk-payment-actions {  justify-content: flex-end;  }









.modal { --bs-modal-zindex: 1060; }
.modal-backdrop { --bs-backdrop-zindex: 1050; }
.modal-dialog { padding: 12px; }
.modal-content,
.kk-modal-content {
  color: var(--kk-text) !important;
  background: #fff !important;
  border: 1px solid rgba(188, 204, 219, .85) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 90px rgba(4, 19, 38, .30) !important;
  overflow: hidden;
}
.modal-header { min-height: 72px; }
.modal-header > .kk-modal-heading { min-width: 0; flex: 1 1 auto; }
.kk-modal-heading { display: grid; gap: 4px; }
.kk-modal-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  min-width: 0;
  line-height: 1.15;
}
.kk-modal-meta .kk-eyebrow{ margin: 0; }

.modal-header > .btn-close { flex: 0 0 auto; margin-left: 16px; }
.modal-header .modal-title { margin: 0; color: inherit; }
.modal-header .kk-eyebrow { margin-bottom: 4px; }
.modal-body { padding: 22px; background: #fbfcfe; }
.modal-footer { padding: 15px 20px; gap: 8px; background: #fff; border-top: 1px solid var(--kk-line); }
.modal-header.bg-danger { background: linear-gradient(120deg, #8e2438, #c9344c) !important; }
.modal-header.bg-warning { color: #3e2b08 !important; background: linear-gradient(120deg, #f2c863, #f7df9e) !important; }
.kk-modal-content .row.g-3 { --bs-gutter-x: .85rem; --bs-gutter-y: .85rem; }
.kk-interest-field { transition: opacity .22s ease, max-height .3s ease, margin .3s ease, padding .3s ease; }
.kk-interest-field[hidden] { display: none !important; }


.kk-debt-meta-fields { margin-bottom: 18px; }
.kk-debt-calculator {
  overflow: hidden;
  color: var(--kk-text);
  background: #fff;
  border: 1px solid var(--kk-line);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(20, 53, 86, .05);
}
.kk-debt-form-row {
  display: grid;
  grid-template-columns: minmax(250px, .82fr) minmax(0, 1.18fr);
  align-items: stretch;
  border-top: 1px solid var(--kk-line);
}
.kk-debt-form-row:first-child { border-top: 0; }
.kk-debt-form-row:nth-child(even) { background: #f7f9fc; }
.kk-debt-form-copy,
.kk-debt-form-control {
  min-width: 0;
  padding: 17px 19px;
}
.kk-debt-form-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  border-right: 1px solid var(--kk-line);
}
.kk-debt-form-copy strong { color: var(--kk-ink); font-size: .98rem; line-height: 1.3; }
.kk-debt-form-copy small { color: var(--kk-muted); font-size: .84rem; line-height: 1.45; }
.kk-debt-form-control { display: flex; flex-direction: column; justify-content: center; gap: 9px; }
.kk-debt-form-control > .form-control,
.kk-debt-form-control > .form-select,
.kk-debt-form-control > .input-group { width: 100%; }
.kk-debt-notes-row,
.kk-debt-reason-row { align-items: start; }
.kk-debt-notes-row .kk-debt-form-copy,
.kk-debt-reason-row .kk-debt-form-copy { min-height: 100%; justify-content: flex-start; }
.kk-inline-radio-group { display: grid; gap: 8px; }
.kk-inline-radio-group-horizontal { display: flex; flex-wrap: wrap; gap: 10px 26px; }
.kk-inline-radio-group label {
  display: flex;
  align-items: flex-start;
  gap: 3px;
  margin: 0;
  color: var(--kk-ink);
  cursor: pointer;
}
.kk-inline-radio-group label > span { display: flex; flex-direction: column; gap: 2px; padding-top: 1px; }
.kk-inline-radio-group label small { color: var(--kk-muted); font-size: .82rem; }
.kk-inline-radio-group .kk-legacy-radio { flex: 0 0 21px; margin-top: 1px; }
.kk-completion-date-field {
  display: grid;
  gap: 7px;
  margin-top: 4px;
  padding: 13px 14px;
  background: #f1f6fb;
  border: 1px solid #d7e3ee;
  border-radius: 13px;
}
.kk-completion-date-field[hidden] { display: none !important; }
.kk-completion-date-field > label { color: var(--kk-ink); font-size: .84rem; font-weight: 750; }
.kk-completion-date-field > small { color: var(--kk-muted); font-size: .82rem; line-height: 1.4; }



.kk-allocation-summary-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  padding: 17px 18px;
  color: #fff;
  background: linear-gradient(120deg, var(--kk-navy-900), var(--kk-navy-800));
  border: 0;
  border-radius: 17px;
}
.kk-rule-icon { width: 43px; height: 43px; display: grid; place-items: center; color: var(--kk-navy-900); background: #fff; border-radius: 13px; }
.kk-allocation-summary-card strong { display: block; color: #fff; font-size: 1rem; }
.kk-allocation-summary-card p { color: #dce9f8; }
.kk-allocation-summary-card .kk-allocation-amount {     font-variant-numeric: tabular-nums; }
.kk-allocation-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 11px; align-items: center; margin-bottom: 14px; }
.kk-allocation-auto-hint { display: flex; align-items: flex-start; gap: 9px; padding: 12px 14px; color: #49647e; background: #eef4fa; border: 1px dashed #c1d1df; border-radius: 13px;  }
.kk-allocation-counter { display: grid;  gap: 1px 8px; padding: 11px 13px; color: #526a82; background: #fff; border: 1px solid var(--kk-line); border-radius: 13px; font-size: .82rem; }
.kk-allocation-counter span { display: none; }
.kk-allocation-counter strong { color: var(--kk-ink); font-size: .98rem; font-variant-numeric: tabular-nums; }
.kk-allocation-grid { display: grid; gap: 13px; }
.kk-allocation-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 17px; background: #fff; border: 1px solid var(--kk-line); border-radius: 18px; }
.kk-allocation-debt {
  padding: 12px 14px;
  background: linear-gradient(135deg, #e8eef7 0%, #f3f6fb 100%);
  border: 1px solid #cbd7e6;
  border-radius: 12px;
  
}
.kk-allocation-debt strong { display: block;  font-size: 1.15rem; }
.kk-allocation-debt small { display: block; margin-top: 2px; color: #52677f; }
.kk-allocation-pair { display: grid; grid-template-columns: minmax(0, .8fr) minmax(260px, 1.2fr); gap: 10px; align-items: stretch; }
.kk-allocation-balance,
.kk-allocation-entry { min-width: 0; padding: 14px; background: #f7fafc; border: 1px solid #dde6ee; border-radius: 14px; }
.kk-allocation-balance > span { display: block; color: var(--kk-muted);  font-weight: 750; }
.kk-allocation-balance > strong { display: block; margin: 4px 0 7px; color: var(--kk-ink);  font-variant-numeric: tabular-nums; }

.kk-allocation-entry { background: #fff; }
.kk-allocation-entry label { display: block; margin-bottom: 7px; color: var(--kk-ink); font-weight: 750; }
.kk-allocation-entry .form-control { min-height: 54px; font-size: 1.18rem; font-weight: 750; font-variant-numeric: tabular-nums; }
.kk-allocation-helper-group { display: grid;  gap: 6px; }
.kk-allocation-helper { width: 100%; min-height: 34px; padding: 6px 9px; color: var(--kk-navy-700) !important; background: #fff !important; border: 1px solid #bfcfdd !important; border-radius: 10px !important; font-size: .82rem; white-space: nowrap; }
.kk-allocation-helper:hover { background: #eaf3fc !important; }
.kk-allocation-error { min-height: 22px; padding-top: 9px; color: var(--kk-danger); font-weight: 700; }


.kk-contact-page, .kk-legal-card { width: 100%; }








.kk-contact-form { padding: 25px; background: #fff; border: 1px solid var(--kk-line); border-radius: 22px; box-shadow: var(--kk-shadow); }
.kk-contact-form-head { display: flex; justify-content: space-between; gap: 18px; margin-bottom: 19px; }
.kk-contact-form-head p { max-width: 520px; margin: 0; color: var(--kk-muted); }
.kk-contact-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-top: 16px; }


.kk-legal-card .fw-bold { margin-top: 26px !important; padding: 10px 13px; color: var(--kk-ink); background: #edf3f8; border-left: 4px solid var(--kk-navy-700); border-radius: 0 10px 10px 0; }





.kk-site-footer {
  
  
  color: #d9e6f4;
  
  
  
}

.kk-footer-shell {    margin: 0 auto; padding: 38px 22px 20px; }
.kk-footer-top {    align-items: start; }
.kk-footer-identity { min-width: 0; }
.kk-footer-logo {    color: #fff !important;  }


.kk-footer-logo small { display: block;  }
.kk-footer-lead {    font-size: .94rem; }


.kk-footer-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }




.kk-footer-group a:hover { color: #fff !important; transform: translateX(2px); }




.kk-footer-bottom {     margin-top: 28px; padding-top: 16px;    }






.kk-cookie-banner[hidden] { display: none !important; }
.kk-cookie-banner {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 1090;
  width: min(980px, calc(100% - 28px));
  transform: translateX(-50%);
  color: var(--kk-text);
  background: rgba(255, 255, 255, .985);
  border: 1px solid var(--kk-line-strong);
  border-radius: 19px;
  box-shadow: 0 24px 80px rgba(4, 19, 38, .24);
  backdrop-filter: blur(12px);
}
.kk-cookie-banner__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 17px 18px; }
.kk-cookie-banner__text { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: center; }
.kk-cookie-icon { width: 42px; height: 42px; display: grid; place-items: center; color: #fff; background: var(--kk-navy-800); border-radius: 13px; }
.kk-cookie-banner__text strong { display: block; color: var(--kk-ink); }
.kk-cookie-banner__text p { margin: 2px 0 0; color: var(--kk-muted); font-size: .88rem; line-height: 1.45; }
.kk-cookie-banner__actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }



@media (max-width: 1679.98px) {
  .kk-layout-grid { grid-template-columns: 1fr; }
  .kk-ad-rail { display: none !important; }
  .kk-content-column,
  .kk-layout-grid > .col-lg-8,
  .kk-layout-grid > .col-sm-12 { grid-column: 1; justify-self: center; }
}
@media (max-width: 1199.98px) {
  .kk-home-hero-grid { grid-template-columns: 1fr; }
  .kk-home-right { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto; }
  .kk-home-side-card { justify-content: flex-start; }
  
  .kk-footer-top { grid-template-columns: 1fr; gap: 28px; }
  
  
  
  .kk-payment-list article { grid-template-columns: 1fr 1fr; }
  .kk-payment-actions { grid-column: 1 / -1; justify-content: flex-start; }
  
  .kk-affiliate-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
  body { padding-top: 70px; }
  .navbar.kk-navbar { min-height: 70px; }
  .kk-layout-shell { padding: 12px 12px 0; }
  .kk-home-right, .kk-home-floating-services{ grid-template-columns: 1fr; }
  
  .kk-page-intro { align-items: flex-start; }
  .kk-registration-symbol, .kk-affiliate-orbit { display: none; }
  
  .kk-footer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kk-case-detail-head { align-items: flex-start; flex-direction: column; }
  .kk-case-actions { justify-content: flex-start; }
  .kk-case-sticky-nav { top: 78px; }
  .kk-allocation-toolbar { grid-template-columns: 1fr; }
  .kk-allocation-counter { width: 100%; }
  
  
  
  #kalkulator > table.table,
  #kalkulator > table.table > tbody,
  #kalkulator > table.table > tbody > tr,
  #kalkulator > table.table > tbody > tr > td { display: block; width: 100% !important; }
  #kalkulator > table.table { border-spacing: 0 11px; }
  #kalkulator > table.table > tbody > tr > td:first-child { border-right: 1px solid var(--kk-line); border-bottom: 0; border-radius: 16px 16px 0 0; }
  #kalkulator > table.table > tbody > tr > td:last-child { border-left: 1px solid var(--kk-line); border-top: 0; border-radius: 0 0 16px 16px; }
  .card-group, .kk-debt-type-switch, .kk-debt-form-row{ grid-template-columns: 1fr; }
  .kk-debt-form-copy { padding-bottom: 10px; border-right: 0; }
  .kk-debt-form-control { padding-top: 8px; }
  .kk-allocation-pair, .kk-cookie-banner__inner{ grid-template-columns: 1fr; }
  .kk-cookie-banner__actions { justify-content: flex-start; }
}
@media (max-width: 767.98px) {
  body { padding-top: 66px; font-size: 15px; }
  .navbar.kk-navbar { min-height: 66px; padding: 8px 11px; }
  
  .kk-brand-word { font-size: 1.04rem; }
  .kk-layout-shell { padding: 9px 8px 0; }
  .kk-home-left, .kk-home-right, .kk-page-intro, .kk-surface, .card, .kk-work-section, .kk-case-detail-head { border-radius: 20px !important; }
  .kk-home-left { padding: 23px 20px; }
  .kk-home-left h1 { font-size: 2.25rem; }
  .kk-home-main-button span { align-items: flex-start; flex-direction: column; gap: 1px; }
  .kk-home-side-card { padding: 18px; }
  .kk-form-section, .kk-affiliate-register, .kk-affiliate-tools, .kk-affiliate-page > .kk-surface { padding: 19px; }
  .kk-plan-table-wrap::before { content: "A táblázat oldalirányban görgethető."; display: block; padding: 9px 12px; color: var(--kk-muted); background: #f4f7fa; border-bottom: 1px solid var(--kk-line); font-size: .78rem; }
  .kk-page-intro { padding: 20px; }
  .kk-page-intro h1 { font-size: 2rem; }
  .kk-content-column > .card > .card-header.d-flex { align-items: stretch; }
  .kk-content-column > .card > .card-header.d-flex > .btn { flex: 1 1 100%; }
  .card-body { padding: 19px; }
  
  
  .kk-debt-form-copy,
  .kk-debt-form-control { padding-left: 14px; padding-right: 14px; }
  .kk-inline-radio-group-horizontal { display: grid; gap: 8px; }
  
  .kk-case-balance-heading { align-items: flex-start; flex-direction: column; gap: 7px; }
  .kk-case-balance-table { min-width: 620px; }
  .kk-case-balance-overpayment { align-items: flex-start; margin: 12px; }
  .kk-case-sticky-nav { position: static;  }
  
  .kk-payment-list article { grid-template-columns: 1fr; }
  .kk-payment-actions { grid-column: auto; }
  .kk-affiliate-kpis { grid-template-columns: 1fr 1fr; }
  .kk-copy-field, .kk-code-box { grid-template-columns: 1fr; }
  .kk-footer-shell { padding: 31px 18px 18px; }
  .kk-footer-nav { grid-template-columns: 1fr; gap: 22px; }
  
  .kk-cookie-banner { bottom: 8px; width: calc(100% - 16px); }
  .kk-cookie-banner__text { grid-template-columns: 1fr; }
  .kk-cookie-icon { display: none; }
  .kk-cookie-banner__actions .btn { flex: 1 1 100%; }
  .modal-dialog { margin: 0; padding: 7px; }
  .modal-body { padding: 17px; }
  .modal-footer { align-items: stretch; flex-direction: column-reverse; }
  .modal-footer .btn { width: 100%; margin-left: 0 !important; }
  .kk-interest-detail-head { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 479.98px) {
  .kk-brand-word { display: inline; font-size: .96rem; }
  .kk-home-left h1 { font-size: 2rem; }
  .kk-affiliate-kpis{ grid-template-columns: 1fr; }
  .kk-choice-pill, .kk-case-actions, .kk-intro-actions, .kk-case-actions .btn, .kk-case-actions form, .kk-case-actions form .btn, .kk-intro-actions .btn{ width: 100%; }
  
}


.kk-home-disclaimer {
  margin-top: 12px;
  padding: 13px 16px;
  color: #536b82;
  background: rgba(255,255,255,.76);
  border: 1px solid var(--kk-line);
  border-radius: 15px;
  font-size: .88rem;
}
.kk-home-disclaimer p { margin: 0; }

.kk-service-bubble:last-child { align-items: center; }
.kk-service-bubble:last-child > i { margin-top: 0; }

.kk-workspace-tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}
.kk-workspace-tool-card {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  
  gap: 13px 15px;
  padding: 19px;
  background: #fff;
  border: 1px solid var(--kk-line);
  border-radius: 20px;
  box-shadow: var(--kk-shadow-sm);
}
.kk-workspace-tool-card--featured {
  background: linear-gradient(145deg, #f7faff, #f4f2ff);
  border-color: #b8c8df;
}
.kk-workspace-tool-icon {
  grid-area: icon;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-blue-500));
  border-radius: 14px;
}
.kk-workspace-tool-card--featured .kk-workspace-tool-icon { background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-lilac-500)); }
.kk-workspace-tool-copy { grid-area: copy; min-width: 0; }
.kk-workspace-tool-copy h2 { margin: 3px 0 7px; font-size: 1.25rem; }
.kk-workspace-tool-copy p { margin: 0; color: var(--kk-muted); font-size: .93rem; }
.kk-workspace-tool-actions {
  grid-area: button;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 12px;
}
.kk-workspace-tool-actions > .btn { flex: 0 0 auto; }
.kk-access-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 5px 10px 5px 7px;
  color: #694306;
  background: #fff1bf;
  border: 1px solid #d79b24;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(151, 101, 7, .13);
  font-size: .82rem;
  font-weight: 800;
}
.kk-access-note i {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #c5810e;
  border-radius: 50%;
  font-size: .65rem;
}


.kk-affiliate-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  margin: -2px 0 16px;
}
.kk-affiliate-facts article {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 15px;
  background: #fff;
  border: 1px solid var(--kk-line);
  border-radius: 17px;
  box-shadow: var(--kk-shadow-sm);
}
.kk-affiliate-facts article > i {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--kk-navy-800);
  border-radius: 12px;
}
.kk-affiliate-facts article strong,
.kk-affiliate-facts article span { display: block; }
.kk-affiliate-facts article strong { color: var(--kk-ink); }
.kk-affiliate-facts article span { display: block; margin-top: 3px; padding: 0; color: var(--kk-muted); background: transparent; border: 0; border-radius: 0; font-size: .84rem; font-weight: 400; line-height: 1.38; }




.kk-layout-grid > .kk-content-column { justify-self: center; }
.kk-registration-page, .kk-affiliate-page, .kk-contact-page, .kk-home-page{ margin-left: auto; margin-right: auto; }


#kalkulator input[type="radio"],
.kk-legacy-radio,
.kk-period-selector input[type="radio"] {
  position: relative;
  box-shadow: inset 0 0 0 3px #fff, 0 3px 9px rgba(12,43,78,.10);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
#kalkulator input[type="radio"]:hover,
.kk-legacy-radio:hover,
.kk-period-selector input[type="radio"]:hover { transform: translateY(-1px); border-color: var(--kk-blue-500); }
#kalkulator input[type="radio"]:checked,
.kk-legacy-radio:checked,
.kk-period-selector input[type="radio"]:checked {
  background: linear-gradient(145deg, #fff, #eef5ff);
  box-shadow: inset 0 0 0 3px #fff, 0 0 0 4px rgba(46,111,196,.13), 0 5px 12px rgba(12,43,78,.13);
}

.kk-choice-pill:hover { transform: translateY(-1px);  }
.kk-choice-pill.is-selected { box-shadow: inset 0 0 0 1px rgba(46,111,196,.11), 0 8px 20px rgba(17,55,94,.08); }


body.kk-route-kesedelmi-adatbevitel .kk-content-column,
body.kk-route-ugyleti-adatbevitel .kk-content-column,
body.kk-route-vegyes-adatbevitel .kk-content-column,
body.kk-route-kesedelmi-eredmeny .kk-content-column,
body.kk-route-ugyleti-eredmeny .kk-content-column,
body.kk-route-vegyes-eredmeny .kk-content-column { justify-self: center; }
.formcontainer .btn, body[class*="kk-route-"] .btn{ max-width: 100%; white-space: normal; }
#kalkulator td > label,
#kalkulator td > span,
#kalkulator td > div { max-width: 100%; }
#kalkulator td { overflow-wrap: anywhere; }



#kalkulator .input-group > .btn { min-width: 82px; white-space: nowrap; }
#kalkulator .input-group-text { white-space: nowrap; }


.dm-allocation-modal .modal-dialog { max-width: min(960px, calc(100vw - 24px)); }
.kk-allocation-summary-card { align-items: center; }
.kk-allocation-summary-card .kk-allocation-amount { margin-top: 5px !important; color: #fff !important; font-size: 1.55rem; font-weight: 800; }
.kk-allocation-entry .kk-allocation-helper-group { margin-top: 8px; }
.kk-allocation-balance { display: flex; flex-direction: column; justify-content: center; }
.kk-allocation-counter { align-items: center; min-width: 190px; grid-template-columns: auto minmax(80px, auto); }
.kk-allocation-counter strong { white-space: nowrap; text-align: right; }
.kk-payment-event td:first-child small { display: block; margin-top: 3px; color: var(--kk-muted); }
input[type="hidden"] { display: none !important; }
.kk-interest-table th { white-space: normal; line-height: 1.25; }


.kk-contact-form .g-recaptcha { max-width: 100%; overflow: hidden; }
.kk-contact-form .g-recaptcha > div { max-width: 100%; }


.kk-legal-card .card-body { padding: clamp(20px, 3vw, 34px); }
.kk-legal-card .card-body > p { max-width: 90ch; }






@media (max-width: 991.98px) {
  .kk-workspace-tools,
  .kk-affiliate-facts { grid-template-columns: 1fr; }
  
}
@media (max-width: 767.98px) {
  .kk-home-floating-services { grid-template-columns: 1fr; }
  .kk-workspace-tool-card { grid-template-columns: auto minmax(0,1fr); }
  .kk-workspace-tool-actions { align-items: stretch; flex-direction: column; }
  .kk-workspace-tool-actions > .btn { width: 100%; }
  .kk-access-note { align-self: flex-start; }
  .kk-contact-form-head { flex-direction: column; }
  .kk-contact-actions { align-items: stretch; }
  .kk-contact-actions .btn { width: 100%; }
}


.kk-home-hero-grid {
  gap: 18px;
  
}
.kk-home-left, .kk-home-right, .kk-home-side-card, .kk-service-bubble, .kk-guide-card, .kk-contact-form, .kk-footer-shell{
  border: 1px solid rgba(16, 46, 84, .10);
}
.kk-home-left,
.kk-home-right {
  box-shadow: 0 16px 34px rgba(7, 31, 62, .09);
}
.kk-home-floating-services {
  
  margin-bottom: 18px;
  
}
.kk-service-bubble {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.98));
  border-radius: 22px;
  box-shadow: 0 12px 28px rgba(7, 31, 62, .06);
}
.kk-service-bubble strong { color: var(--kk-ink); }
.kk-service-bubble span { color: var(--kk-muted); }













.kk-guide-card {
  margin: 0 0 18px;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.98));
  box-shadow: var(--kk-shadow-sm);
}
.kk-guide-card summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
}
.kk-guide-card summary::-webkit-details-marker { display: none; }
.kk-guide-card summary span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--kk-ink);
  font-weight: 700;
}
.kk-guide-card summary small {
  
  
  line-height: 1.4;
  
}
.kk-guide-card__body{
  padding: 0 24px 24px;
}
.kk-guide-card--full .card { border-color: rgba(16,46,84,.10);  }
.kk-guide-card--full .alert { border-radius: 18px; }














.kk-footer-shell {
  
  
  color: rgba(255,255,255,.88);
  
}
.kk-footer-top {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 28px;
  padding: 34px 34px 28px;
}
.kk-footer-logo {
  display: inline-flex;
  align-items: center;
  
  color: #fff;
  text-decoration: none;
}


.kk-footer-lead {
  max-width: 54ch;
  margin: 16px 0 18px;
  color: rgba(255,255,255,.72);
}


.kk-footer-nav--compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  
}
.kk-footer-group {
  padding: 22px;
  border-radius: 22px;
  
  border: 1px solid rgba(255,255,255,.08);
}
.kk-footer-group h3 {
  margin-bottom: 14px;
  
  
}
.kk-footer-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  
}
.kk-footer-group a {
  
  align-items: center;
  gap: 10px;
  
  text-decoration: none;
}
.kk-footer-group a:hover { color: #fff; }

.kk-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 34px 24px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.64);
}
.kk-footer-bottom p { margin: 0; }
.kk-footer-powered {
  
  
  
  
  
  
  text-transform: uppercase;
  
}

.input-group > .form-control,
.input-group > .form-select,
.input-group > .input-group-text,
.input-group > .btn {
  min-height: 54px;
}
.input-group > .input-group-text,
.input-group > .btn {
  position: relative;
  z-index: 2;
}
.input-group > .input-group-text { margin-left: -1px; }
.input-group > .btn {
  margin-left: -1px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.input-group .input-group-text + .btn { margin-left: -1px; }

@media (max-width: 991.98px) {
  .kk-footer-top, .kk-footer-nav--compact{
    grid-template-columns: 1fr;
  }
  
  
  
  .kk-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767.98px) {
  .kk-guide-card summary, .kk-footer-top, .kk-footer-bottom, .kk-guide-card__body{
    padding-left: 18px;
    padding-right: 18px;
  }
  
  
  
}


.kk-home-left, .kk-home-right, .kk-surface, .card.fs-5.justify, .kk-contact-form, .kk-affiliate-register, .kk-affiliate-tools, .kk-legal-card{
  position: relative;
  border: 1px solid rgba(22, 61, 108, 0.14) !important;
  box-shadow: 0 18px 40px rgba(8, 29, 58, 0.06), inset 0 1px 0 rgba(255,255,255,.65);
}
.kk-home-left::before, .kk-home-right::before, .kk-surface::before, .kk-contact-form::before, .kk-legal-card::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
}

.kk-home-right { gap: 14px; }
.kk-home-side-card em { display:none; }
.kk-home-side-card, .kk-service-bubble{
  border: 1px solid rgba(28, 73, 124, .14);
}


.kk-home-process-figure {
  display: block;
  width: 100%;
  margin: 0 0 18px;
  padding: 0;
}
.kk-home-process-image-wrap {
  position: relative;
  width: 100%;
  margin: 0;
  border-radius: 28px;
  overflow: hidden;
}
.kk-home-process-image {
  display: block;
  width: 100%;
  height: auto;
}
.kk-home-process-watermark {
  position: absolute;
  left: 22px;
  bottom: 18px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(6, 15, 41, 0.72);
  border: 1px solid rgba(255,255,255,.18);
  color: #f7fbff;
  font-weight: 800;
  font-size: .94rem;
  letter-spacing: .04em;
  text-transform: lowercase;
  box-shadow: 0 10px 24px rgba(2, 10, 30, 0.28);
  backdrop-filter: blur(6px);
}

















.kk-guide-card summary { align-items:flex-start; }
.kk-guide-card summary small {
  flex: 0 1 560px;
  text-align: right;
  color: var(--kk-muted);
  font-size: .92rem;
}
.kk-guide-card--full .card,
.kk-guide-card--full .card-body,
.kk-guide-card--full p { text-align: justify; }

.kk-registration-page .kk-plan-pick {
  font-size: .98rem;
  font-weight: 700;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(31,74,124,.08);
  border: 1px dashed rgba(31,74,124,.24);
}
.kk-registration-page .kk-plan-section-error {
  border: 2px solid #c9364e !important;
  box-shadow: 0 0 0 4px rgba(201, 54, 78, .12), 0 20px 50px rgba(34, 58, 86, .08) !important;
}
.kk-registration-page .kk-plan-section-error .kk-section-heading h2 {
  color: #8a2035;
}
.kk-registration-page .kk-field-caption { display:block; margin-top:8px; }
.kk-registration-page .form-control:invalid:focus,
.kk-affiliate-register .form-control:invalid:focus,
#loginform .form-control:invalid:focus {
  border-color: #d84f4f;
  box-shadow: 0 0 0 .2rem rgba(216,79,79,.12);
}

.kk-affiliate-register .kk-field-caption { display:block; margin-top:8px; }







.kk-account-modal .modal-header,
.kk-account-modal .modal-footer { border-color: rgba(255,255,255,.08); }
.kk-account-modal-body {
  padding: 28px 26px;
  background: linear-gradient(180deg, rgba(250,252,255,.98), rgba(245,249,255,.98));
}

.kk-login-form {
  display:grid;
  gap: 10px;
  text-align:left;
}
.kk-login-intro {
  margin-bottom: 18px;
  padding: 16px 18px;
  border-radius: 20px;
  background: #fff;
  border:1px solid rgba(16,46,84,.10);
  box-shadow: var(--kk-shadow-sm);
}
.kk-login-help { margin: 2px 0 0; color: var(--kk-muted); }




.kk-legal-card,
.kk-legal-card .card-body,
.kk-legal-card p,
.kk-legal-card td,
.kk-legal-card th { text-align: justify; }

@media (max-width: 991.98px) {
  
  .kk-home-process-image-wrap { border-radius: 24px; }
}
@media (max-width: 767.98px) {
  .kk-home-left h1 { font-size: 1.8rem; }
  .kk-guide-card summary { flex-direction: column; }
  .kk-guide-card summary small { text-align: left; }
}
.kk-home-hero-grid { margin-bottom: 20px; }
.kk-home-floating-services { margin-top: 6px; gap: 18px; }





.kk-page-intro p, .kk-page-heading p, .kk-login-intro p, .kk-content-column h1 + p, .kk-content-column h2 + p, .kk-home-left > p, .kk-home-side-card p, .kk-service-bubble span, .kk-contact-hero-copy p, .kk-contact-form-head p, .kk-affiliate-facts article span, .kk-section-heading > p{
  font-size: 1rem;
  line-height: 1.58;
}


.kk-home-left h1 {
  max-width: 30ch;
  font-size: clamp(1.8rem, 2.25vw, 2.3rem);
  line-height: 1.12;
}
.kk-home-left, .kk-home-right, .kk-guide-card{
  border-color: rgba(19, 59, 104, .18) !important;
  box-shadow: 0 17px 42px rgba(9, 31, 61, .075), inset 0 1px 0 rgba(255,255,255,.78);
}
.kk-home-left::before, .kk-home-right::before{
  border-top: 4px solid rgba(51, 101, 160, .72);
}
.kk-home-side-card, .kk-service-bubble{
  border-color: rgba(27, 70, 120, .18);
  box-shadow: 0 12px 28px rgba(8, 30, 58, .055);
}
.kk-home-side-card::before,
.kk-service-bubble::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, var(--kk-navy-700), var(--kk-blue-500));
}
.kk-home-side-card,
.kk-service-bubble { position: relative; }
.kk-home-side-card-premium::before { background: rgba(255,255,255,.72); }

.kk-home-side-card[href$="/affiliate"] {
  border-color: rgba(215, 166, 31, .55);
}
.kk-home-side-card[href$="/affiliate"]::before {
  background: linear-gradient(180deg, var(--kk-action-yellow-2), var(--kk-action-yellow-3));
}
.kk-home-side-card-excel p { text-align: justify; }
.kk-home-side-card-excel .kk-eyebrow { font-size: .82rem; letter-spacing: .095em; }
.kk-home-disclaimer,
.kk-content-column .alert.alert-warning { text-align: justify; }

.kk-guide-summary {
  
  padding: 23px 25px !important;
}
.kk-guide-summary-copy { min-width: 0;  }
.kk-guide-summary-copy .kk-eyebrow {
  display: block;
  margin-bottom: 8px;
  color: var(--kk-navy-700);
}
.kk-guide-summary-copy p {
  
  margin: 0;
  
  font-size: 1rem;
  
  
  
}



.kk-guide-card--full .card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(22, 62, 109, .16) !important;
  border-radius: 21px;
  box-shadow: 0 12px 28px rgba(8, 29, 57, .055) !important;
}
.kk-guide-card--full .card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, var(--kk-navy-700), var(--kk-blue-500));
}
.kk-guide-card--full .card-header { padding-left: 24px; }


.kk-site-footer {
  
  border-top-color: rgba(154, 192, 232, .18);
}

.kk-footer-shell {
  
  border-radius: 0;
  
}
.kk-footer-group {
  background: rgba(255,255,255,.035);
  border-color: rgba(255,255,255,.075);
}
.kk-footer-powered {
  display: inline-flex;
  align-items: center;
  
  text-decoration: none;
}
.kk-footer-powered:hover {  border-color: rgba(255,255,255,.22); }


#kkPlanTable tbody td > [data-kk-icon="check"] {
  width: 25px;
  height: 25px;
  display: inline-grid;
  place-items: center;
  color: var(--kk-blue-600);
  background: #e8f2ff;
  border: 1px solid #c4dcf5;
  border-radius: 50%;
  font-size: .82rem;
}
.kk-plan-no {
  border: 1px solid rgba(196, 53, 72, .14);
}


.kk-affiliate-orbit {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.kk-affiliate-orbit > i {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0;
  line-height: 1;
  transform: none;
}
.kk-affiliate-orbit > span {
  position: absolute;
  inset: 13px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 50%;
}





.kk-contact-page-v2 { display: grid; gap: 16px; }
.kk-contact-hero-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 26px;
  align-items: center;
  padding: 30px;
  background: linear-gradient(135deg, #fff 0%, #f4f8fd 100%);
  border: 1px solid rgba(20, 61, 108, .16);
  border-top: 4px solid var(--kk-navy-700);
  border-radius: 26px;
  box-shadow: var(--kk-shadow-sm);
}
.kk-contact-hero-copy h1 { margin: 5px 0 10px; font-size: clamp(2rem, 3.2vw, 3rem); }
.kk-contact-hero-copy p { max-width: 74ch; margin: 0; color: var(--kk-muted); }
.kk-contact-channels { display: grid; gap: 10px; }
.kk-contact-channels a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 13px 14px;
  color: var(--kk-ink);
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(24, 67, 116, .13);
  border-radius: 15px;
  text-decoration: none;
}
.kk-contact-channels a:hover { transform: translateY(-1px); box-shadow: var(--kk-shadow-sm); }
.kk-contact-channels i {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-blue-500));
  border-radius: 12px;
}
.kk-contact-channels span { min-width: 0; display: grid; }
.kk-contact-channels small { color: var(--kk-muted); }
.kk-contact-channels strong { overflow-wrap: anywhere; }
.kk-contact-advisory {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 15px 18px;
  color: #594817;
  background: #fff9e9;
  border: 1px solid #eadcae;
  border-radius: 15px;
}
.kk-contact-advisory i { margin-top: 4px; color: #b7830e; }
.kk-contact-advisory p { margin: 0; line-height: 1.58; }
.kk-contact-form-v2 { border-top: 4px solid var(--kk-navy-700); }
.kk-contact-data-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 15px;
  padding: 12px 14px;
  color: #4d657c;
  background: #f3f7fb;
  border: 1px solid #dce6ef;
  border-radius: 13px;
  font-size: .92rem;
  line-height: 1.5;
}
.kk-contact-data-note i { margin-top: 3px; color: var(--kk-navy-700); }


.kk-api-symbol {
  width: 78px;
  height: 78px;
  flex: 0 0 78px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-blue-500));
  border-radius: 23px;
  font-size: 1.75rem;
}
.kk-api-card .card-body { padding: clamp(22px, 3vw, 34px); }
.kk-api-question {
  margin: 27px 0 13px;
  padding: 11px 14px;
  color: var(--kk-ink);
  background: #edf3f8;
  border-left: 4px solid var(--kk-navy-700);
  border-radius: 0 10px 10px 0;
  font-size: 1.1rem;
  font-weight: 750;
}
.kk-api-question:first-child { margin-top: 0; }
.kk-api-card p { max-width: none; text-align: justify; }


.kk-bulk-entry-card {
  overflow: hidden;
  border: 1px solid rgba(22, 62, 109, .17) !important;
  border-radius: 25px !important;
  box-shadow: var(--kk-shadow) !important;
}



.kk-bulk-entry-card > .card-body { padding: clamp(21px, 3vw, 30px); }
.kk-bulk-entry-card > .card-body > p { text-align: justify; }
.kk-bulk-upload-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 17px 0 13px;
  padding: 12px 14px;
  background: #f4f8fc;
  border: 1px solid #dce6ef;
  border-radius: 14px;
}
.kk-bulk-upload-toolbar span { color: var(--kk-muted); font-size: .9rem; }
.kk-excel-dropzone {
  min-height: 245px !important;
  display: grid !important;
  place-items: center;
  padding: 30px !important;
  background:
    radial-gradient(circle at 18% 15%, rgba(68, 126, 194, .12), transparent 30%),
    linear-gradient(145deg, #f8fbff, #eef4fb) !important;
  border: 2px dashed #8eafd2 !important;
  border-radius: 22px !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.kk-excel-dropzone:hover,
.kk-excel-dropzone.dz-drag-hover {
  transform: translateY(-2px);
  border-color: var(--kk-blue-600) !important;
  box-shadow: 0 18px 38px rgba(14, 53, 94, .11);
}
.kk-excel-dropzone .dz-message { margin: 0 !important; display: grid; justify-items: center; gap: 7px; color: var(--kk-muted); }
.kk-excel-dropzone .dz-message strong { color: var(--kk-ink); font-size: 1.28rem; }
.kk-excel-dropzone .dz-message > span:not(.kk-dropzone-icon) { font-size: 1rem; }
.kk-excel-dropzone .dz-message small { color: #6f8498; }
.kk-dropzone-icon {
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  margin-bottom: 7px;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-blue-500));
  border-radius: 21px;
  font-size: 1.65rem;
  box-shadow: 0 14px 28px rgba(19, 60, 108, .22);
}

@media (max-width: 991.98px) {
  .kk-contact-hero-v2 { grid-template-columns: 1fr; }
  .kk-contact-channels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .kk-home-left h1 { font-size: 1.75rem; }
  
  .kk-contact-hero-v2 { padding: 23px 20px; }
  .kk-contact-channels { grid-template-columns: 1fr; }
  .kk-contact-form-head,
  .kk-bulk-upload-toolbar { align-items: flex-start; flex-direction: column; }
  .kk-bulk-upload-toolbar .btn { width: 100%; }
}



.kk-home-disclaimer {
  display: block;
  clear: both;
  margin: 18px 0 22px !important;
  line-height: 1.58;
}
.kk-home-disclaimer + .kk-guide-card,
.kk-home-disclaimer + details.kk-guide-card {
  margin-top: 0 !important;
}
.kk-guide-card--full {
  display: block;
  clear: both;
  width: 100%;
  margin: 0 0 22px !important;
}
.kk-guide-summary {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}
.kk-guide-summary-copy {
  width: calc(100% - 42px);
  max-width: none;
  flex: 1 1 auto;
}
.kk-guide-summary-copy p {
  width: 100%;
  max-width: none !important;
  color: var(--kk-ink) !important;
  font-weight: 700 !important;
  line-height: 1.62;
  text-align: justify;
}
.kk-guide-chevron {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: grid;
  place-items: center;
  align-self: center;
  color: #65809a !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  transition: transform .28s ease;
}
.kk-guide-card[open] .kk-guide-chevron { transform: rotate(180deg); }


.kk-workspace-tools .kk-workspace-tool-card--featured {
  background: linear-gradient(145deg, #f7faff, #f4f2ff);
  border-color: #b8c8df;
}
.kk-workspace-tools .kk-workspace-tool-card--featured .btn-kk-primary {
  min-width: 138px;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .kk-home-disclaimer { margin-bottom: 18px !important; }
  .kk-guide-summary-copy { width: calc(100% - 38px); }
  .kk-guide-summary { flex-direction: row !important; align-items: flex-start !important; }
  .kk-guide-chevron { margin-top: 3px; }
}


.kk-result-page {
  display: grid;
  gap: 18px;
  padding-bottom: 12px;
}
.kk-result-page > .card,
.kk-result-page .kk-result-card {
  margin-top: 0 !important;
}
.kk-result-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(24, 67, 116, .16) !important;
  border-radius: 25px !important;
  box-shadow: 0 15px 42px rgba(7, 31, 62, .095) !important;
}
.kk-result-card::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  pointer-events: none;
  background: linear-gradient(180deg, var(--kk-blue-500), var(--kk-lilac-500));
}
.kk-result-card .card-header {
  min-height: 74px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 17px 24px 17px 22px !important;
  font-family: var(--kk-font-display) !important;
  font-size: clamp(1.04rem, 1.6vw, 1.24rem);
  font-weight: 780;
  line-height: 1.35;
  letter-spacing: -.015em;
}
.kk-result-card .card-header::before {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .21);
  border-radius: 13px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  font-family: var(--kk-font) !important;
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .05em;
  line-height: 1;
}
.kk-result-card--source .card-header::before { content: "01"; }
 .kk-result-card--details .card-header::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  letter-spacing: 0;
}
.kk-result-card--summary .card-header::before { content: "Σ"; font-size: 1.2rem; }
.kk-result-card--scenario .card-header::before { content: "+"; font-size: 1.35rem; }
.kk-result-card--legal .card-header::before { content: "§"; font-size: 1.2rem; }
.kk-result-card--note .card-header::before { content: "i"; font-size: 1.08rem; text-transform: lowercase; }
.kk-result-card--case .card-header::before { content: "Ü"; font-size: 1rem; }

.kk-result-card > .card-body {
  padding: 13px 24px 22px;
}
.kk-result-card:not(.kk-result-card--details):not(.kk-result-card--scenario) > .card-body > .row {
  min-height: 68px;
  margin: 0 !important;
  padding: 11px 0;
  align-items: center;
  border-bottom: 1px solid #e1e8f0 !important;
}
.kk-result-card:not(.kk-result-card--details):not(.kk-result-card--scenario) > .card-body > .row:last-child {
  border-bottom: 0 !important;
}
.kk-result-card:not(.kk-result-card--details):not(.kk-result-card--scenario) > .card-body > .row > [class*="col-"] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.kk-result-card:not(.kk-result-card--details):not(.kk-result-card--scenario) > .card-body > .row > [class*="col-"]:first-child {
  color: #526b83;
  font-size: .96rem;
  font-weight: 690;
  line-height: 1.48;
}
.kk-result-card:not(.kk-result-card--details):not(.kk-result-card--scenario) > .card-body > .row > [class*="col-"]:last-child {
  padding: 12px 15px;
  color: var(--kk-ink);
  background: linear-gradient(145deg, #f7faff, #f0f5fb);
  border: 1px solid #dce6f0;
  border-left: 3px solid #9bbce0;
  border-radius: 13px;
  font-weight: 730;
  font-variant-numeric: tabular-nums;
  line-height: 1.45;
}
.kk-result-card:not(.kk-result-card--details):not(.kk-result-card--scenario) > .card-body > .row > [class*="col-"]:last-child p {
  color: inherit;
}


.kk-result-card--summary {
  border-color: rgba(46, 111, 196, .24) !important;
  box-shadow: 0 21px 55px rgba(13, 55, 105, .13) !important;
}
.kk-result-card--summary > .card-body {
  background:
    radial-gradient(circle at 95% 0%, rgba(77, 141, 221, .09), transparent 22rem),
    #fff;
}
.kk-result-card--summary > .card-body > .row > [class*="col-"]:last-child {
  color: #123f72 !important;
  background: linear-gradient(145deg, #eef6ff, #f7f4ff) !important;
  border-color: #cadbf0 !important;
  border-left-color: var(--kk-blue-600) !important;
  font-size: 1.06rem;
  font-weight: 810 !important;
}
.kk-result-card--summary > .card-body > .row:last-child {
  min-height: 86px !important;
  
  padding: 15px 14px !important;
  background: linear-gradient(120deg, rgba(25, 74, 128, .065), rgba(116, 105, 216, .07));
  border: 1px solid #d3deed !important;
  border-radius: 16px;
}
.kk-result-card--summary > .card-body > .row:last-child > [class*="col-"]:first-child {
  color: var(--kk-ink) !important;
  font-weight: 790 !important;
}
.kk-result-card--summary > .card-body > .row:last-child > [class*="col-"]:last-child {
  font-size: clamp(1.16rem, 2vw, 1.42rem);
  box-shadow: 0 8px 22px rgba(29, 84, 146, .09);
}


.kk-result-card--details > .card-body,
.kk-result-card--scenario > .card-body {
  padding: 18px;
}
.kk-result-card--details > .card-body > .row,
.kk-result-card--scenario > .card-body > .row {
  margin: 0 !important;
  padding: 9px 5px;
  align-items: center;
  border-color: #dce5ee !important;
  transition: background-color .15s ease;
}
.kk-result-card--details > .card-body > .row:not(.bg-light):nth-child(even) {
  background: #f4f8fc;
}
.kk-result-card--details > .card-body > .row:not(.bg-light):nth-child(odd) {
  background: #ffffff;
}
.kk-result-card--details > .card-body > .row:not(.bg-light):hover,
.kk-result-card--scenario > .card-body > .row:not(.bg-light):hover {
  background: #eaf2fb;
}


.kk-calculator-button-ad {
  min-height: 90px;
  margin: 14px 0 4px;
}
.kk-result-card--details > .card-body > .row.bg-light,
.kk-result-card--scenario > .card-body > .row.bg-light {
  margin: 4px 0 0 !important;
  padding: 12px 7px;
  color: var(--kk-ink);
  background: linear-gradient(180deg, #edf3fa, #e4edf6) !important;
  border: 1px solid #cbd9e7 !important;
  border-radius: 14px 14px 6px 6px;
  font-size: .92rem;
  font-weight: 780;
}
.kk-result-card--details > .card-body > .row > [class*="col-"],
.kk-result-card--scenario > .card-body > .row > [class*="col-"] {
  padding: 7px 10px !important;
  font-variant-numeric: tabular-nums;
}


.kk-result-card--case .card-header {
  cursor: pointer;
}
.kk-result-card--case .card-header:hover {
  filter: brightness(1.04);
}
.kk-result-card--case [data-kk-icon="chevron-down"],
.kk-result-card--case [data-kk-icon="chevron-up"] {
  margin-left: auto;
}

.kk-result-card--legal {
  color: #49370e;
  background: #fff8e5 !important;
  border-color: #dfbd68 !important;
}
.kk-result-card--legal::after { background: linear-gradient(180deg, #a97517, #d4a13d); }
.kk-result-card--legal .card-header {
  color: #2f2408 !important;
  background: linear-gradient(135deg, #e2b650, #f0d58d) !important;
  border-bottom-color: #d5ae50 !important;
}
.kk-result-card--legal .card-header::before {
  color: #2f2408 !important;
  background: rgba(255,255,255,.32) !important;
  border-color: rgba(91,65,9,.18) !important;
}
.kk-result-card--legal > .card-body {
  padding: 19px 21px;
  color: #49370e;
  background: linear-gradient(145deg, #fff9e9, #fff4d4) !important;
  line-height: 1.62;
  text-align: justify;
}
.kk-result-card--legal > .card-body > i:first-child { color: #9a6814; }
.kk-result-card--note::after { background: linear-gradient(180deg, #6d7e91, #9bacc0); }
.kk-result-card--note > .card-body {
  color: #526980;
  background: linear-gradient(145deg, #fbfcfe, #f3f7fb);
  font-size: .96rem;
  line-height: 1.65;
  text-align: justify;
}

.kk-result-page .alert {
  text-align: justify;
}
.kk-result-page .spinner-border {
  width: 1.35rem;
  height: 1.35rem;
}

@media (max-width: 767.98px) {
  .kk-result-page { gap: 14px; }
  .kk-result-card .card-header {
    min-height: 66px;
    gap: 11px;
    padding: 14px 16px !important;
    font-size: 1rem;
  }
  .kk-result-card .card-header::before {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 11px;
  }
  .kk-result-card > .card-body { padding: 10px 15px 17px; }
  .kk-result-card:not(.kk-result-card--details):not(.kk-result-card--scenario) > .card-body > .row {
    min-height: 0;
    flex-direction: column;
    align-items: stretch;
    padding: 13px 0;
  }
  .kk-result-card:not(.kk-result-card--details):not(.kk-result-card--scenario) > .card-body > .row > [class*="col-"] {
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
  }
  .kk-result-card:not(.kk-result-card--details):not(.kk-result-card--scenario) > .card-body > .row > [class*="col-"]:last-child {
    margin-top: 5px;
  }
  .kk-result-card--summary > .card-body > .row:last-child {
    padding: 10px !important;
  }
  .kk-result-card--details > .card-body,
  .kk-result-card--scenario > .card-body {
    padding: 12px 8px;
    overflow-x: auto;
  }
  .kk-result-card--details > .card-body > .row,
  .kk-result-card--scenario > .card-body > .row {
    min-width: 690px;
  }
}

@media print {
  .kk-result-page { display: block; }
  .kk-result-card {
    margin: 0 0 12px !important;
    break-inside: avoid;
    box-shadow: none !important;
  }
  .kk-result-card .card-header {
    color: #111 !important;
    background: #eef2f6 !important;
  }
  .kk-result-card .card-header::before { color: #111; border-color: #9eabb8; background: #fff; }
}

@media (max-width: 767.98px) {
  .kk-home-process-image-wrap { border-radius: 20px; margin-top: 10px; }
}

@media (max-width: 767.98px) {
  .kk-home-process-watermark { left: 14px; bottom: 12px; padding: 6px 11px; font-size: .78rem; }
}



.kk-affiliate-commission {
  position: relative;
  margin: 0 0 16px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(22, 61, 108, .14);
  border-radius: 25px;
  background:
    radial-gradient(circle at 92% 8%, rgba(111, 93, 214, .13), transparent 28%),
    linear-gradient(180deg, #fff, #f5f8fd);
  box-shadow: 0 18px 40px rgba(8, 29, 58, .06);
}
.kk-affiliate-commission-head {
  display: flex;
  align-items: center;
  
  gap: 18px;
  
}
.kk-affiliate-commission-head h2 { margin: 4px 0 0; font-size: clamp(1.35rem, 2vw, 1.75rem); }
.kk-affiliate-rate {
  display: inline-grid;
  place-items: center;
  
  
  
  
  
  
  
  
  
}
.kk-affiliate-commission-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.kk-affiliate-commission-grid article {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "package package" "price arrow" "commission commission";
  gap: 9px 12px;
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(25, 67, 116, .12);
  border-radius: 19px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 10px 24px rgba(13, 38, 72, .05);
}
.kk-affiliate-package {
  grid-area: package;
  display: inline-flex;
  width: max-content;
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--kk-navy-800);
  background: #eaf2fb;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .05em;
}
.kk-affiliate-commission-grid article > div:first-of-type { grid-area: price; }
.kk-affiliate-commission-grid article > i { grid-area: arrow; align-self: center; color: var(--kk-blue-500); }
.kk-affiliate-commission-value { grid-area: commission; padding-top: 10px; border-top: 1px solid rgba(25, 67, 116, .10); }
.kk-affiliate-commission-grid small { display: block; margin-bottom: 3px; color: var(--kk-muted); font-size: .82rem; }
.kk-affiliate-commission-grid strong { display: block; color: var(--kk-ink); font-size: 1.05rem; }
.kk-affiliate-commission-value strong { color: var(--kk-blue-600); font-size: 1.35rem; }
.kk-affiliate-commission-note, .kk-affiliate-tool-label{
  display: flex;
  align-items: flex-start;
  gap: 11px;
}
.kk-affiliate-commission-note {
  margin: 15px 0 0;
  padding: 12px 14px;
  color: #3e5872;
  background: rgba(232, 242, 253, .72);
  border: 1px solid #cfdeed;
  border-radius: 14px;
  line-height: 1.48;
}
.kk-affiliate-commission-note i { margin-top: 3px; color: var(--kk-blue-600); }

.kk-affiliate-tool-label > i{
  display: inline-grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-lilac-500));
}
.kk-affiliate-tool-label strong{ display: block; color: var(--kk-ink); }
.kk-affiliate-tool-label span{ display: block; margin-top: 3px; color: var(--kk-muted); line-height: 1.45; }
.kk-affiliate-tool-label { margin: 16px 0 10px; }
.kk-affiliate-tool-label:first-of-type { margin-top: 4px; }
.kk-affiliate-tool-label-js { margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(20, 61, 108, .11); }
.kk-affiliate-tools .kk-code-box code { font-family: Consolas, Monaco, monospace; line-height: 1.55; }

@media (max-width: 991.98px) {
  .kk-affiliate-commission-grid { grid-template-columns: 1fr; }
  .kk-affiliate-commission-grid article { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); grid-template-areas: "package package package" "price arrow commission"; align-items: center; }
  .kk-affiliate-commission-value { padding: 0; border-top: 0; }
}
@media (max-width: 575.98px) {
  .kk-affiliate-commission { padding: 19px; }
  .kk-affiliate-commission-head { align-items: flex-start; }
  .kk-affiliate-rate { min-width: 62px; height: 62px; border-radius: 19px; font-size: 1.25rem; }
  .kk-affiliate-commission-grid article { grid-template-columns: 1fr; grid-template-areas: "package" "price" "commission"; }
  .kk-affiliate-commission-grid article > i { display: none; }
  .kk-affiliate-commission-value { padding-top: 10px; border-top: 1px solid rgba(25, 67, 116, .10); }
}


.kk-case-table tbody td {
  vertical-align: middle;
}
.kk-case-sticky-nav {
  
  
  border-color: rgba(12, 43, 75, .24);
  
}
.kk-case-sticky-nav a {
  min-height: 48px;
  
  
  
  
  font-weight: 800;
}
.kk-case-sticky-nav a i {
  display: inline-grid;
  width: 29px;
  height: 29px;
  place-items: center;
  
  
  border-radius: 9px;
}
.kk-case-sticky-nav a:hover,
.kk-case-sticky-nav a:focus-visible {
  
  
  
  outline: none;
}


.kk-excel-import-error {
  margin: 18px 0 0;
  padding: 17px 19px;
  border: 1px solid #efc7cb;
  border-left: 5px solid #c84550;
  border-radius: 17px;
  background: linear-gradient(135deg, #fff7f8, #fff);
  color: #71333a;
  line-height: 1.55;
}
.kk-bulk-review-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 22px;
  margin-bottom: 14px;
  padding: 18px 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(18,55,103,.98), rgba(67,95,175,.94));
  box-shadow: 0 18px 36px rgba(11, 37, 72, .12);
  color: #fff;
}
.kk-bulk-review-meta strong {
  display: block;
  font-size: 1.02rem;
  margin-bottom: 2px;
}
.kk-bulk-review-meta span {
  display: block;
  color: rgba(241,246,255,.82);
  font-size: .95rem;
}
.kk-bulk-review-count {
  flex: 0 0 auto;
  min-width: 92px;
  min-height: 92px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  text-align: center;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
  padding: 8px;
}
.kk-bulk-review-count b {
  display: block;
  font-size: 1.9rem;
  line-height: 1;
}
.kk-bulk-review-count span {
  font-size: .82rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(241,246,255,.78);
}
.kk-bulk-review-table-wrap {
  margin-top: 0;
  border: 1px solid rgba(26, 67, 116, .14);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,254,.98));
  box-shadow: 0 18px 42px rgba(8, 31, 63, .08);
  overflow: auto;
}
.kk-bulk-review-table {
  
  margin: 0;
  vertical-align: middle;
  border-collapse: separate;
  border-spacing: 0;
}
.kk-bulk-review-table thead th,
.kk-bulk-review-table .kk-bulk-review-head th {
  position: sticky;
  top: 0;
  z-index: 2;
  
  
  
  border: 0;
  
  
  
  
  
  
  text-align: center;
  vertical-align: middle;
}
.kk-bulk-review-table thead th:first-child { border-top-left-radius: 24px; }
.kk-bulk-review-table thead th:last-child {
  border-top-right-radius: 24px;
  border-right: 0;
}
.kk-bulk-review-table tbody tr:nth-child(odd) {
  background: rgba(248, 251, 255, .94);
}
.kk-bulk-review-table tbody tr:nth-child(even) {
  background: rgba(242, 246, 251, .88);
}
.kk-bulk-review-table tbody td,
.kk-bulk-review-table > tbody > tr > td {
  
  border: 0;
  border-top: 1px solid #e4ebf3;
  vertical-align: middle;
  background: transparent;
}
.kk-bulk-cell { min-width: 0; }
.kk-bulk-cell--index { width: 80px; }
.kk-bulk-cell--amount { width: 150px; }
.kk-bulk-cell--radios { width: 152px; }
.kk-bulk-cell--rule { width: 190px; }
.kk-bulk-review-table .form-control {
  min-height: 52px;
  border-color: #bfd0e1;
  border-radius: 16px;
  background: linear-gradient(180deg, #fcfdff, #f6f9fd);
  color: #18324f;
  
  box-shadow: inset 0 1px 1px rgba(10, 32, 62, .04);
}
.kk-bulk-review-table .form-control.text-end { font-weight: 700; }
.kk-bulk-review-table .form-control:focus {
  border-color: #729fd0;
  background: #fff;
  box-shadow: 0 0 0 .22rem rgba(53, 112, 179, .12);
}
.kk-bulk-review-table .form-control[readonly] {
  color: #4e6680;
  background: linear-gradient(180deg, #eef3f8, #e8eef5);
}

.kk-choice-pill {
  display: inline-flex;
  align-items: center;
  
  
  margin: 0;
  
  border-radius: 999px;
  border: 1px solid #c9d6e3;
  background: rgba(255,255,255,.76);
  color: #213a58;
  font-weight: 600;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.kk-choice-pill:hover {
  border-color: #9fb7d3;
  background: rgba(255,255,255,.94);
}
.kk-choice-pill input[type="radio"] {
  accent-color: var(--kk-blue-600);
  margin: 0;
  transform: scale(1.04);
}
.kk-choice-pill:has(input[type="radio"]:checked) {
  border-color: rgba(42, 104, 177, .45);
  background: linear-gradient(180deg, rgba(236,244,255,.98), rgba(248,251,255,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 18px rgba(24, 60, 108, .06);
}



.kk-bulk-result-page {
  gap: 22px;
}
.kk-bulk-result-summary {
  border-color: rgba(54, 102, 178, .28) !important;
  box-shadow: 0 24px 60px rgba(10, 42, 87, .15) !important;
}
.kk-bulk-result-summary::after {
  width: 5px;
}
.kk-bulk-summary-header {
  justify-content: space-between;
  padding: 22px 26px !important;
  color: #fff;
  background:
    radial-gradient(circle at 82% 10%, rgba(153, 135, 255, .25), transparent 18rem),
    linear-gradient(125deg, #0b2c54, #214f86 58%, #514ba3) !important;
}
.kk-bulk-summary-header::before {
  content: "Σ" !important;
  font-size: 1.18rem !important;
}
.kk-bulk-summary-header > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.kk-bulk-summary-header .kk-eyebrow {
  color: #b9d9ff;
  font-size: .82rem;
}
.kk-bulk-summary-header strong {
  color: #fff;
  font-size: clamp(1.25rem, 2.2vw, 1.65rem);
}
.kk-bulk-summary-header small {
  color: rgba(255,255,255,.77);
  font-family: var(--kk-font);
  font-size: .9rem;
  font-weight: 560;
}
.kk-bulk-summary-count {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  min-width: 88px;
  min-height: 66px;
  padding: 9px 16px;
  border: 1px solid rgba(255,255,255,.21);
  border-radius: 19px;
  background: rgba(255,255,255,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13);
  color: rgba(255,255,255,.82);
  font-family: var(--kk-font);
  font-size: .82rem;
  line-height: 1.05;
  text-align: center;
  backdrop-filter: blur(7px);
}
.kk-bulk-summary-count b {
  display: block;
  color: #fff;
  font-family: var(--kk-font-display);
  font-size: 1.45rem;
}
.kk-bulk-result-summary > .card-body {
  padding: 17px 25px 24px;
}
.kk-bulk-result-summary > .card-body > .row {
  min-height: 65px !important;
}
.kk-bulk-result-summary > .card-body > .row > [class*="col-"]:last-child {
  text-align: right;
}
.kk-bulk-result-summary .kk-bulk-summary-total {
  min-height: 90px !important;
  margin-top: 13px !important;
  padding: 15px !important;
  border: 1px solid #ccdbee !important;
  border-radius: 18px;
  background: linear-gradient(120deg, #edf6ff, #f1efff);
}
.kk-bulk-result-summary .kk-bulk-summary-total > [class*="col-"]:first-child {
  color: #102f55 !important;
  font-size: 1.06rem !important;
  font-weight: 820 !important;
}
.kk-bulk-result-summary .kk-bulk-summary-total > [class*="col-"]:last-child {
  color: #143f75 !important;
  background: #fff !important;
  border-left-color: #665bd0 !important;
  font-size: clamp(1.22rem, 2vw, 1.5rem) !important;
  box-shadow: 0 10px 24px rgba(37, 78, 136, .10);
}
.kk-bulk-result-summary .kk-bulk-summary-note {
  margin-top: 12px !important;
  padding: 11px 13px !important;
  border: 1px dashed #ccd9e7 !important;
  border-radius: 15px;
  background: #f8fafc;
}

.kk-bulk-case-card {
  overflow: hidden;
  border-radius: 24px !important;
}
.kk-bulk-case-card::after {
  width: 5px;
  border-radius: 24px 0 0 24px;
}
.kk-result-case-header {
  justify-content: space-between;
  min-height: 88px !important;
  padding: 17px 22px !important;
  color: #fff;
  background:
    radial-gradient(circle at 93% 15%, rgba(120, 102, 220, .22), transparent 15rem),
    linear-gradient(120deg, #10355f, #26598f) !important;
  border-radius: 23px 23px 0 0 !important;
  cursor: pointer;
}
.kk-bulk-case-card .kk-result-case-header::before {
  display: none;
}
.kk-result-case-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.kk-result-case-index {
  display: inline-grid;
  place-items: center;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.07));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  color: #fff;
  font-size: 1.08rem;
  font-weight: 870;
}
.kk-result-case-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.kk-result-case-copy small {
  color: #aacef3;
  font-family: var(--kk-font);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.kk-result-case-copy strong {
  overflow: hidden;
  color: #fff;
  font-size: clamp(1rem, 1.7vw, 1.2rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kk-result-case-toggle {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  color: #fff;
  font-family: var(--kk-font);
  font-size: .82rem;
  font-weight: 760;
}
.kk-result-case-toggle i {
  margin: 0 !important;
  transition: transform .2s ease;
}
.kk-result-case-header[aria-expanded="true"] .kk-result-case-toggle i {
  transform: rotate(180deg);
}
.kk-bulk-case-body {
  padding: 0 !important;
  background: #fff;
  border-radius: 0 0 23px 23px;
}
.kk-bulk-case-table-wrap {
  border-radius: 0 0 23px 23px;
}
.kk-bulk-case-table {
  min-width: 1280px;
  margin: 0;
  table-layout: fixed;
  vertical-align: middle;
}
.kk-bulk-case-table th {
  padding: 13px 11px;
  color: #4a637c;
  background: #edf3f9;
  border: 0;
  border-right: 1px solid #dce6ef;
  font-size: .82rem;
  font-weight: 820;
  letter-spacing: .025em;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}
.kk-bulk-case-table th:nth-child(4) { width: 8%; }
.kk-bulk-case-table th:nth-child(6) { width: 18%; }
.kk-bulk-case-table th:last-child { border-right: 0; }
.kk-bulk-case-table td {
  padding: 16px 11px;
  color: #17344f;
  border: 0;
  border-top: 1px solid #e0e8f0;
  border-right: 1px solid #e4eaf1;
  background: #fff;
  font-size: .88rem;
  line-height: 1.43;
}
.kk-bulk-case-table td:last-child { border-right: 0; }
.kk-bulk-money {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.kk-bulk-date,
.kk-bulk-center { text-align: center; }
.kk-bulk-days { color: #315b7d !important; text-align: center; white-space: nowrap; }
.kk-bulk-days strong { font-size: 1.02rem; }
.kk-bulk-date span,
.kk-bulk-status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: 999px;
  background: #edf4fb;
  color: #24517e;
  font-size: .82rem;
  font-weight: 760;
  white-space: nowrap;
}
.kk-bulk-status-chip {
  min-width: 48px;
  background: #ecf3ff;
  color: #315b91;
  text-transform: uppercase;
}
.kk-bulk-interest-rule {
  color: #496179 !important;
  font-size: .82rem !important;
}
.kk-bulk-calculated {
  color: #174f86 !important;
  background: linear-gradient(145deg, #f6faff, #edf5fd) !important;
}
.kk-bulk-grand-total {
  color: #fff !important;
  background: linear-gradient(145deg, #23568d, #554ba5) !important;
}
.kk-bulk-muted {
  color: #94a4b4;
  font-size: 1.2rem;
}
.kk-bulk-result-page .kk-result-card--details,
.kk-bulk-result-page .kk-result-card--summary:not(.kk-bulk-result-summary) {
  width: 100%;
  margin-left: 0 !important;
  border-radius: 21px !important;
}
.kk-bulk-result-page .kk-result-card--details .card-header,
.kk-bulk-result-page .kk-result-card--summary:not(.kk-bulk-result-summary) .card-header {
  min-height: 66px;
  border-radius: 20px 20px 0 0;
}
.kk-bulk-result-page .kk-result-card--details .card-header::before,
.kk-bulk-result-page .kk-result-card--summary:not(.kk-bulk-result-summary) .card-header::before {
  content: attr(data-case-reference) !important;
  width: auto;
  min-width: 42px;
  max-width: 180px;
  padding: 0 10px;
  flex-basis: auto;
  font-size: .72rem;
  white-space: nowrap;
}
.kk-bulk-result-page .kk-result-card--details {
  border-color: rgba(16, 113, 145, .34) !important;
}
.kk-bulk-result-page .kk-result-card--details::after {
  background: linear-gradient(180deg, #1494ad, #2368a4);
}
.kk-bulk-detail-header {
  color: #fff !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(125, 221, 234, .19), transparent 16rem),
    linear-gradient(120deg, #0d536d, #147e9c 58%, #255c91) !important;
}
.kk-bulk-result-page .kk-result-card--summary:not(.kk-bulk-result-summary) {
  border-color: rgba(91, 73, 167, .33) !important;
}
.kk-bulk-result-page .kk-result-card--summary:not(.kk-bulk-result-summary)::after {
  background: linear-gradient(180deg, #6556bd, #3a4f9f);
}
.kk-bulk-case-summary-header {
  color: #fff !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(184, 168, 255, .22), transparent 16rem),
    linear-gradient(120deg, #303f86, #514a9a 58%, #654ea3) !important;
}

@media (max-width: 767.98px) {
  .kk-bulk-summary-header,
  .kk-result-case-header {
    align-items: flex-start !important;
  }
  .kk-bulk-summary-count { min-width: 70px; min-height: 58px; padding: 8px 11px; }
  .kk-result-case-toggle { padding: 9px; }
  .kk-result-case-toggle { font-size: 0; }
  .kk-result-case-toggle i { font-size: .9rem; }
  .kk-result-case-index { flex-basis: 46px; width: 46px; height: 46px; border-radius: 14px; }
  .kk-bulk-result-summary > .card-body > .row > [class*="col-"] { width: 100%; }
  .kk-bulk-result-summary > .card-body > .row > [class*="col-"]:last-child { margin-top: 5px; text-align: left; }
  .kk-bulk-result-page .kk-result-card--details,
  .kk-bulk-result-page .kk-result-card--summary:not(.kk-bulk-result-summary) {
    width: 100%;
    margin-left: 0 !important;
  }
}

@media print {
  .kk-result-case-toggle { display: none !important; }
  .kk-bulk-result-page .collapse { display: block !important; }
  .kk-bulk-case-table { min-width: 0; font-size: 8pt; }
  .kk-bulk-summary-header,
  .kk-result-case-header { background: #234d79 !important; print-color-adjust: exact; }
}

@media (max-width: 991.98px) {
  .kk-bulk-review-meta {
    align-items: flex-start;
    flex-direction: column;
  }
  .kk-bulk-review-count {
    min-width: 100%;
    min-height: 0;
    grid-template-columns: 1fr;
    padding: 14px 16px;
  }
}
@media (max-width: 767.98px) {
  .kk-bulk-review-meta {
    padding: 16px 18px;
    border-radius: 18px;
  }
  .kk-bulk-review-meta strong { font-size: .97rem; }
  .kk-bulk-review-meta span { font-size: .9rem; }
  .kk-bulk-review-table-wrap { border-radius: 20px; }
  .kk-bulk-review-table thead th { padding: 15px 10px; font-size: .82rem; }
  .kk-bulk-review-table tbody td { padding: 12px 8px; }
  .kk-bulk-review-table .form-control { min-height: 48px; font-size: .95rem; }
  .kk-choice-pill { min-height: 40px; font-size: .95rem; }
}


body.kk-route-kesedelmi-adatbevitel-tablazat .kk-layout-grid {
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1380px) minmax(120px, 1fr);
}
body.kk-route-kesedelmi-adatbevitel-tablazat .kk-content-column,
.kk-bulk-page-column {
  width: 100% !important;
  max-width: 1380px !important;
}
.kk-bulk-page-column .kk-bulk-entry-card {
  width: 100%;
}
.kk-bulk-page-column .kk-bulk-entry-card > .card-body {
  overflow: hidden;
}
.kk-bulk-review-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-inline: contain;
}
.kk-bulk-review-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed;
  --bs-table-bg: transparent;
  --bs-table-striped-bg: transparent;
  --bs-table-accent-bg: transparent;
}








.kk-bulk-review-table thead,
.kk-bulk-review-table thead tr,
.kk-bulk-review-table thead th,
.kk-bulk-review-table .kk-bulk-review-head th {
  background: linear-gradient(135deg, #123762 0%, #244f86 52%, #3b5fa3 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.kk-bulk-review-table tbody tr,
.kk-bulk-review-table tbody td,
.kk-bulk-review-table > tbody > tr > td {
  box-shadow: none !important;
}
.kk-bulk-review-table tbody tr:nth-child(odd) > td {
  background: #f8fbff !important;
}
.kk-bulk-review-table tbody tr:nth-child(even) > td {
  background: #f1f5fa !important;
}
.kk-bulk-review-table tbody td,
.kk-bulk-review-table > tbody > tr > td {
  padding: 13px 7px;
}
.kk-bulk-review-table .form-control {
  width: 100%;
  min-width: 0;
  padding-left: 9px;
  padding-right: 9px;
  font-size: .92rem;
}
.kk-choice-stack {
  display: flex;
  align-items: stretch;
  gap: 5px;
  width: 100%;
}
.kk-choice-pill {
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  justify-content: center;
  gap: 6px;
  padding: 0 7px;
  font-size: .86rem;
  white-space: nowrap;
}
.kk-choice-pill input[type="radio"] {
  flex: 0 0 auto;
}


@media (max-width: 1679.98px) {
  body.kk-route-kesedelmi-adatbevitel-tablazat .kk-layout-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 1199.98px) {
  .kk-bulk-review-table {
    min-width: 1040px !important;
  }
}
@media (max-width: 767.98px) {
  .kk-bulk-page-column .kk-bulk-entry-card > .card-body {
    padding-left: 14px;
    padding-right: 14px;
  }
}



.kk-bulk-review-table thead th,
.kk-bulk-review-table .kk-bulk-review-head th {
  background: linear-gradient(180deg, #1a4476 0%, #214f86 100%) !important;
  color: #ffffff !important;
  font-family: var(--kk-font) !important;
  font-size: .86rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  padding: 16px 10px !important;
  border-right: 1px solid rgba(255,255,255,.09) !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
  hyphens: none !important;
  text-shadow: none !important;
}
.kk-bulk-review-table thead th:last-child,
.kk-bulk-review-table .kk-bulk-review-head th:last-child {
  border-right: 0 !important;
}








@media (max-width: 1199.98px) {
  .kk-bulk-review-table thead th,
  .kk-bulk-review-table .kk-bulk-review-head th {
    font-size: .82rem !important;
    padding: 14px 8px !important;
  }
}



.kk-bulk-review-table .kk-bulk-cell--rule {
  color: #29435f;
  font-weight: 700;
}



.kk-bulk-upload-toolbar > span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  padding: 10px 14px;
  border: 1px solid rgba(44, 105, 177, .26);
  border-radius: 13px;
  background: linear-gradient(180deg, #eef6ff 0%, #e6f0fc 100%);
  color: #173f6e !important;
  font-size: .95rem !important;
  font-weight: 800;
  line-height: 1.35;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}
.kk-bulk-upload-toolbar > span::before {
  content: "!";
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1f568f, #4976bd);
  color: #fff;
  font-size: .9rem;
  font-weight: 900;
  box-shadow: 0 6px 14px rgba(25, 72, 124, .18);
}
@media (max-width: 767.98px) {
  .kk-bulk-upload-toolbar > span {
    width: 100%;
    margin-left: 0;
    font-size: .91rem !important;
  }
}


.kk-debt-page input[type="date"],
.kk-modal-content input[type="date"] {
  min-height: 50px;
  padding: 10px 13px;
  color: var(--kk-ink);
  background: #fff;
  border: 1px solid #b9cada;
  border-radius: 12px;
  font-family: var(--kk-font);
  font-size: .96rem;
  font-weight: 650;
  color-scheme: light;
  accent-color: var(--kk-blue-600);
}
.kk-debt-page input[type="date"]:focus,
.kk-modal-content input[type="date"]:focus {
  border-color: #6f9bca;
  box-shadow: 0 0 0 .22rem rgba(45, 105, 174, .13);
  outline: 0;
}


.kk-payment-progress span{ font-size: .82rem; line-height: 1.42; }
.kk-interest-toggle {
  min-height: 43px;
  min-width: 210px;
  padding: 10px 15px;
  box-shadow: 0 9px 22px rgba(19, 67, 119, .18);
}
.kk-interest-toggle.is-open { background: var(--kk-navy-900) !important; }
.kk-interest-table { min-width: 1040px; }
.kk-interest-table .kk-running-interest {
  min-width: 190px;
  color: var(--kk-navy-800);
  background: #eef5fc;
}
.kk-running-interest > strong,
.kk-running-interest > span { display: block; }
.kk-interest-allocation {
  margin-bottom: 4px;
  color: #9b2d45;
  font-size: .82rem;
  font-weight: 760;
}

.kk-account-modal-title {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin: 0;
}
.kk-account-modal-title-icon {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  color: #fff;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 11px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}
.kk-subscription-expiry-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  margin: 0 0 18px;
  padding: 16px 18px;
  color: #684105;
  background: linear-gradient(135deg, #fff8dd, #fff1bd);
  border: 1px solid #dda72f;
  border-left: 5px solid #bd7806;
  border-radius: 17px;
  box-shadow: 0 10px 26px rgba(126, 82, 7, .12);
}
.kk-subscription-expiry-alert__icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #bd7806;
  border-radius: 13px;
  box-shadow: 0 5px 12px rgba(126, 82, 7, .2);
}
.kk-subscription-expiry-alert strong { display: block; margin-bottom: 2px; color: #5d3903; font-size: 1.02rem; }
.kk-subscription-expiry-alert p { margin: 0; line-height: 1.45; }
.kk-subscription-expiry-alert .btn { white-space: nowrap; }
.kk-account-subscription-card {
  margin-bottom: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(16, 46, 84, .13);
  border-radius: 20px;
  box-shadow: var(--kk-shadow-sm);
}
.kk-account-subscription-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-blue-600));
}
.kk-account-subscription-card__head > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 11px;
}
.kk-account-subscription-card__head strong,
.kk-account-subscription-card__head small { display: block; }
.kk-account-subscription-card__head small { margin-top: 2px; color: rgba(255, 255, 255, .78); }
.kk-account-subscription-grid {
  display: grid;
  
  margin: 0;
}
.kk-account-subscription-grid > div { min-width: 0; padding: 14px 17px; border-bottom: 1px solid rgba(16, 46, 84, .09); }
.kk-account-subscription-grid > div:nth-child(odd) { border-right: 1px solid rgba(16, 46, 84, .09); }
.kk-account-subscription-grid > div:nth-last-child(-n+2) { border-bottom: 0; }
.kk-account-subscription-grid dt { margin-bottom: 4px; color: var(--kk-muted); font-size: .82rem; font-weight: 760; text-transform: uppercase; letter-spacing: .03em; }
.kk-account-subscription-grid dd { margin: 0; color: var(--kk-navy-900); font-weight: 800; overflow-wrap: anywhere; }
@media (max-width: 767.98px) {
  .kk-subscription-expiry-alert { grid-template-columns: auto minmax(0, 1fr); }
  .kk-subscription-expiry-alert .btn { grid-column: 1 / -1; width: 100%; }
  .kk-account-subscription-grid { grid-template-columns: 1fr; }
  .kk-account-subscription-grid > div,
  .kk-account-subscription-grid > div:nth-child(odd),
  .kk-account-subscription-grid > div:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid rgba(16, 46, 84, .09); }
  .kk-account-subscription-grid > div:last-child { border-bottom: 0; }
}
.kk-payment-event td:nth-child(3) small {
  display: block;
  margin-top: 4px;
  color: var(--kk-muted);
  font-size: .82rem;
}

.modal-dialog-scrollable .kk-modal-content > form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  max-height: calc(100vh - 48px);
  max-height: calc(100dvh - 48px);
}
.modal-dialog-scrollable .kk-modal-content > form > .modal-header,
.modal-dialog-scrollable .kk-modal-content > form > .modal-footer { flex: 0 0 auto; }
.modal-dialog-scrollable .kk-modal-content > form > .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.kk-allocation-helper-group { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kk-allocation-zero {
  color: #6f2940 !important;
  background: #fff7f8 !important;
  border-color: #dfbdc7 !important;
}
.kk-allocation-balance > span { font-size: .86rem; line-height: 1.4; }
.kk-allocation-balance > strong { font-size: 1.32rem; }
.kk-allocation-auto-hint { font-size: .96rem; line-height: 1.45; }

.kk-event-log-section { overflow: hidden; }



.kk-event-filter {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 19px;
  padding: 14px;
  background: #f4f8fc;
  border: 1px solid var(--kk-line);
  border-radius: 15px;
}
.kk-event-timeline { position: relative; display: grid; gap: 11px; }
.kk-event-timeline::before {
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 22px;
  width: 2px;
  background: #cfdae6;
  content: "";
}
.kk-event-item {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 13px;
}
.kk-event-icon {
  z-index: 1;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  color: #fff;
  background: linear-gradient(145deg, var(--kk-navy-800), #38669d);
  border: 4px solid #fbfcfe;
  border-radius: 15px;
  box-shadow: 0 7px 18px rgba(19, 57, 96, .15);
}
.kk-event-content {
  min-width: 0;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #dce5ed;
  border-radius: 15px;
}
.kk-event-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.kk-event-title-row strong { color: var(--kk-ink); font-size: 1rem; }
.kk-event-title-row time { flex: 0 0 auto; color: var(--kk-muted); font-size: .82rem; font-weight: 700; }
.kk-event-content ul { display: grid; gap: 5px; margin: 10px 0 0; padding-left: 19px; color: #425d77; }
.kk-event-content li { padding-left: 2px; line-height: 1.45; }
.kk-event-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 10px; color: var(--kk-muted); font-size: .82rem; }
.kk-event-meta:empty { display: none; }
.kk-event-meta span { display: inline-flex; align-items: center; gap: 6px; }

@media (max-width: 767.98px) {
  .modal-dialog-scrollable .kk-modal-content > form {
    max-height: calc(100vh - 14px);
    max-height: calc(100dvh - 14px);
  }
  .kk-allocation-helper-group { grid-template-columns: 1fr; }
  .kk-event-filter { align-items: stretch; flex-direction: column; }
  .kk-event-filter .kk-date-control,
  .kk-event-filter .btn { width: 100%; }
  .kk-event-title-row { flex-direction: column; gap: 4px; }
}


.kk-work-section { scroll-margin-top: 178px; }
.kk-work-section > summary {
  background: linear-gradient(115deg, #edf3f9 0%, #f8fafc 52%, #e6eef7 100%);
  border-bottom: 1px solid rgba(188, 204, 219, .72);
  transition: color .24s ease, background .3s ease, box-shadow .3s ease;
}
.kk-work-section:not([open]) > summary:hover {
  background: linear-gradient(115deg, #e4edf7 0%, #f5f8fc 52%, #dbe8f4 100%);
}
.kk-work-section[open] > summary {
  color: #fff;
  background: linear-gradient(120deg, #0b2848 0%, #174b7c 52%, #2f669d 100%);
  border-bottom-color: rgba(255, 255, 255, .18);
  box-shadow: 0 12px 28px rgba(11, 40, 72, .18);
}
.kk-work-section[open] > summary small { color: #d8e7f5; }
.kk-work-section[open] > summary strong,
.kk-work-section[open] > summary .kk-section-chevron { color: #fff; }
.kk-work-section[open] > summary .kk-section-summary-icon {
  color: var(--kk-navy-900);
  background: #fff;
  box-shadow: 0 6px 17px rgba(4, 24, 47, .2);
}
.kk-work-section[open] > summary .kk-section-count {
  color: #fff;
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .22);
}











.kk-payment-event-meta {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.kk-payment-event-meta span + span::before {
  margin-right: 9px;
  color: #8ca0b3;
  content: "•";
}

.kk-payment-toolbar { align-items: flex-start; }
.kk-payment-toolbar-copy { display: grid; gap: 10px; min-width: min(100%, 420px); }
.kk-payment-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.kk-payment-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 13px; }
.kk-payment-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #526b82;
  font-size: .82rem;
  font-weight: 680;
}
.kk-payment-legend i { width: 11px; height: 11px; border: 2px solid; border-radius: 50%; }
.kk-payment-legend .is-red { background: #fff0f2; border-color: #c93e55; }
.kk-payment-legend .is-orange { background: #fff5e3; border-color: #d47a12; }
.kk-payment-legend .is-green { background: #eaf8f0; border-color: #27875a; }
.kk-payment-list article.kk-payment-state-unallocated {
  background: linear-gradient(100deg, #fff8f9, #fff 38%);
  border: 2px solid #c93e55;
  box-shadow: 0 7px 18px rgba(160, 34, 55, .08);
}
.kk-payment-list article.kk-payment-state-partial {
  background: linear-gradient(100deg, #fffaf0, #fff 38%);
  border: 2px solid #d47a12;
  box-shadow: 0 7px 18px rgba(173, 94, 8, .08);
}
.kk-payment-list article.kk-payment-state-complete {
  background: linear-gradient(100deg, #f2fbf6, #fff 38%);
  border: 2px solid #27875a;
  box-shadow: 0 7px 18px rgba(27, 116, 73, .08);
}
.btn-kk-danger-soft {
  color: #8b263b !important;
  background: #fff4f6 !important;
  border: 1px solid #dfb4bf !important;
}
.btn-kk-danger-soft:hover:not(:disabled) { background: #fee8ed !important; border-color: #cf8fa0 !important; }
.btn-kk-danger-soft:disabled { opacity: .52; }



.kk-warning-lead {
  padding: 13px 15px;
  color: #7b2639;
  background: #fff3f5;
  border: 1px solid #e7bcc6;
  border-radius: 13px;
}


@media (max-width: 991.98px) {
  .kk-payment-toolbar-actions { width: 100%; justify-content: flex-start; }
}
@media (max-width: 767.98px) {
  .kk-work-section { scroll-margin-top: 82px; }
  .kk-payment-toolbar-actions,
  .kk-payment-toolbar-actions .btn { width: 100%; }
  .kk-payment-event-meta { align-items: flex-start; flex-direction: column; gap: 2px; }
  .kk-payment-event-meta span + span::before { display: none; }
}


.kk-case-heading {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
}
.kk-case-heading .kk-back-link {
  width: fit-content;
  margin-bottom: 9px;
}
.kk-case-heading > .kk-eyebrow {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 7px;
}

.kk-debt-item.kk-debt-item-settled {
  background: linear-gradient(105deg, #f1fbf5 0%, #fff 46%);
  border: 2px solid #27875a;
  box-shadow: 0 9px 24px rgba(28, 119, 75, .11);
}
.kk-settled-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 4px 5px 0 0;
  padding: 4px 8px;
  color: #176943;
  background: #e1f5e9;
  border: 1px solid #a9d9bd;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 790;
}

#dm-section-payments > summary, #dm-section-debts > summary{
  grid-template-columns: auto minmax(105px, .45fr) minmax(360px, 1.55fr) auto auto;
}
.kk-payment-summary-totals {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.kk-payment-summary-stat {
  display: grid;
  min-width: 0;
  gap: 2px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(183, 201, 218, .82);
  border-radius: 11px;
  box-shadow: 0 4px 12px rgba(17, 54, 91, .06);
}
.kk-payment-summary-stat small,
.kk-work-section[open] > summary .kk-payment-summary-stat small {
  color: #60778d;
  font-size: .82rem;
  font-weight: 760;
  line-height: 1.2;
}
.kk-payment-summary-stat strong,
.kk-work-section[open] > summary .kk-payment-summary-stat strong {
  margin: 0;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.kk-payment-summary-stat.is-total strong,
.kk-work-section[open] > summary .kk-payment-summary-stat.is-total strong { color: #245c94; }
.kk-payment-summary-stat.is-allocated strong,
.kk-work-section[open] > summary .kk-payment-summary-stat.is-allocated strong { color: #187047; }
.kk-payment-summary-stat.is-allocatable strong,
.kk-work-section[open] > summary .kk-payment-summary-stat.is-allocatable strong { color: #b33148; }
.kk-payment-summary-stat.is-principal strong,
.kk-work-section[open] > summary .kk-payment-summary-stat.is-principal strong { color: #245c94; }
.kk-payment-summary-stat.is-interest strong,
.kk-work-section[open] > summary .kk-payment-summary-stat.is-interest strong { color: #8a3d76; }

.kk-principal-allocation,
.kk-interest-allocation {
  display: block;
  margin-bottom: 4px;
  color: #bd2f48 !important;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.35;
}

.kk-payment-date-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: stretch;
}
.kk-payment-date-control .kk-today-button {
  min-width: 76px;
  padding-inline: 12px;
}
.dm-payment-amount-input { font-variant-numeric: tabular-nums; }

.kk-list-overview {
  display: grid;
  
  gap: 10px;
  align-items: stretch;
  margin-bottom: 18px;
}







.kk-case-search {
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 5px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #d8e4ee;
  border-radius: 14px;
}
.kk-case-search label { display: flex; align-items: center; gap: 7px; color: var(--kk-ink); font-size: .82rem; font-weight: 780; }
.kk-case-search .form-control { min-height: 42px; }
.kk-case-search small { color: var(--kk-muted); font-size: .82rem; line-height: 1.3; }
.kk-case-search small.is-empty { color: var(--kk-danger); font-weight: 720; }

.kk-operation-modal-success { color: #124f36; background: linear-gradient(120deg, #e4f7ec, #f2fbf6); }
.kk-operation-modal-danger { color: #81243a; background: linear-gradient(120deg, #fff0f3, #fff8f9); }
.kk-operation-result-message { color: var(--kk-ink); font-size: 1.05rem; line-height: 1.55; }

.kk-overpayment-alert {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 17px;
  padding: 18px 20px;
  color: #115f3a;
  background: linear-gradient(110deg, #daf4e5 0%, #effaf4 58%, #e2f6e9 100%);
  border: 2px solid #27875a;
  border-radius: 17px;
  box-shadow: 0 10px 25px rgba(25, 113, 70, .13);
}
.kk-overpayment-icon {
  display: grid;
  flex: 0 0 49px;
  width: 49px;
  height: 49px;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #177147, #2e9463);
  border-radius: 15px;
  font-size: 1.25rem;
  box-shadow: 0 7px 17px rgba(24, 100, 63, .2);
}
.kk-overpayment-alert strong {
  display: block;
  font-size: clamp(1.08rem, 2vw, 1.32rem);
  line-height: 1.3;
}
.kk-overpayment-alert p { margin: 4px 0 0; color: #28734f; font-size: .96rem; font-weight: 700; }






@media (max-width: 991.98px) {
  #dm-section-payments > summary,
  #dm-section-debts > summary {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
  }
  #dm-section-payments > summary > .kk-section-summary-icon,
  #dm-section-debts > summary > .kk-section-summary-icon { grid-column: 1; grid-row: 1; }
  #dm-section-payments > summary > span:nth-child(2),
  #dm-section-debts > summary > span:nth-child(2) { grid-column: 2; grid-row: 1; }
  #dm-section-payments > summary > .kk-section-count,
  #dm-section-debts > summary > .kk-section-count { grid-column: 3; grid-row: 1; }
  #dm-section-payments > summary > .kk-section-chevron,
  #dm-section-debts > summary > .kk-section-chevron { grid-column: 4; grid-row: 1; }
  #dm-section-payments > summary > .kk-payment-summary-totals,
  #dm-section-debts > summary > .kk-payment-summary-totals { grid-column: 1 / -1; grid-row: 2; }
  .kk-list-overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  
}
@media (max-width: 575.98px) {
  .kk-payment-summary-totals { grid-template-columns: 1fr; }
  .kk-payment-summary-stat { padding: 9px 11px; }
  .kk-overpayment-alert { align-items: flex-start; padding: 15px; }
  
  .kk-case-search { grid-column: auto; }
  .kk-payment-date-control { grid-template-columns: 1fr; }
  .kk-payment-date-control .kk-today-button { width: 100%; }
}


.kk-summary-balance-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 6px;
  margin-top: 4px;
}
.kk-summary-balance-row + .kk-summary-balance-row {
  padding-top: 4px;
  border-top: 1px solid #dce6ef;
}
.kk-summary-balance-row em {
  color: #60778d;
  font-size: .82rem;
  font-style: normal;
  font-weight: 720;
  line-height: 1.15;
}
.kk-summary-balance-row strong,
.kk-work-section[open] > summary .kk-summary-balance-row strong {
  white-space: nowrap;
  font-size: .88rem;
}
.kk-summary-balance-row.is-reduced em { color: #405d77; }
.kk-summary-balance-row.is-reduced strong { font-weight: 850; }







.btn-kk-edit-debt {
  color: #fff !important;
  background: linear-gradient(135deg, #6f506f, #856584) !important;
  border-color: #6f506f !important;
  box-shadow: 0 7px 17px rgba(92, 59, 92, .17);
}
.btn-kk-edit-debt:hover { background: linear-gradient(135deg, #624563, #765775) !important; }


.btn-kk-delete-debt {
  margin-top: 18px;
  color: #9b2d45 !important;
  background: #fff5f7 !important;
  border: 1px solid #dfbac4 !important;
}
.btn-kk-delete-debt:hover { color: #fff !important; background: #ad324b !important; border-color: #ad324b !important; }

.kk-principal-allocation b,
.kk-interest-allocation b,
.kk-principal-allocation small,
.kk-interest-allocation small { display: block; }
.kk-principal-allocation b,
.kk-interest-allocation b { white-space: nowrap; font-size: .86rem; }
.kk-principal-allocation small,
.kk-interest-allocation small { color: inherit !important; font-size: .82rem !important; font-weight: 760; }


.kk-result-card--summary > .card-body > .row:nth-last-child(2) {
  border-bottom: 0 !important;
}
.kk-result-card--summary > .card-body > .row:last-child {
  margin-top: 22px !important;
}
.kk-bulk-review-table-wrap + .d-flex {
  margin-top: 18px;
}
body.kk-bulk-result-mode .kk-layout-grid {
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1380px) minmax(120px, 1fr);
}
body.kk-bulk-result-mode .kk-content-column,
.kk-content-column.kk-bulk-result-page {
  width: 100% !important;
  max-width: 1380px !important;
}
.kk-bulk-result-page .kk-bulk-case-table {
  width: 100% !important;
}

.kk-date-logic-note {
  display: block;
  margin: 6px 2px 0;
  color: #60778d;
  font-size: .82rem;
  line-height: 1.38;
}
.kk-allocation-row.is-date-ineligible { background: #f6f7f9; border-style: dashed; opacity: .84; }
.kk-allocation-date-warning {
  display: block;
  margin-top: 7px;
  color: #9b2d45 !important;
  font-size: .82rem;
  font-weight: 740;
  line-height: 1.4;
}

@media (max-width: 1199.98px) {
  
  
  
  .btn-kk-delete-debt { margin: 0 0 0 auto; }
}
@media (max-width: 1679.98px) {
  body.kk-bulk-result-mode .kk-layout-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575.98px) {
  
  
  
  .btn-kk-delete-debt { margin: 10px 0 0; }
  .kk-summary-balance-row { grid-template-columns: 1fr; gap: 2px; }
}


.kk-bulk-review-table col.kk-bulk-col-index { width: 6%; }
.kk-bulk-review-table col.kk-bulk-col-name { width: 14%; }
.kk-bulk-review-table col.kk-bulk-col-amount { width: 10%; }
.kk-bulk-review-table col.kk-bulk-col-delay-date, .kk-bulk-review-table col.kk-bulk-col-payment-date{ width: 13%; }
.kk-bulk-review-table col.kk-bulk-col-company, .kk-bulk-review-table col.kk-bulk-col-cost{ width: 11%; }
.kk-bulk-review-table col.kk-bulk-col-rule { width: 22%; }
.kk-bulk-interest-editor {
  display: grid;
  gap: 8px;
  text-align: left;
}
.kk-bulk-interest-editor .form-select {
  width: 100%;
  min-width: 0;
  padding: 9px 34px 9px 10px;
  border-color: #c8d5e2;
  border-radius: 8px;
  color: #24415f;
  background-color: #fff;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.25;
}
.kk-bulk-interest-value-wrap {
  display: grid;
  gap: 4px;
}
.kk-bulk-interest-value-wrap[hidden] { display: none !important; }
.kk-bulk-interest-value-wrap .input-group-text {
  padding-left: 9px;
  padding-right: 9px;
  color: #315576;
  background: #eef4fa;
  border-color: #c8d5e2;
  font-size: .84rem;
  font-weight: 800;
}
.kk-bulk-interest-value-wrap small {
  color: #60778d;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1199.98px) {
  .kk-bulk-review-table { min-width: 1180px !important; }
}


.kk-source-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1rem;
  padding: .65rem .75rem;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #f7f9fc;
}
.kk-source-filter > span { color: #64748b; font-size: .82rem; font-weight: 700; margin-right: .2rem; }
.kk-source-filter a {
  color: #334155;
  text-decoration: none;
  font-size: .86rem;
  font-weight: 700;
  padding: .42rem .78rem;
  border: 1px solid transparent;
  border-radius: 999px;
}
.kk-source-filter a:hover { color: #0b2345; background: #fff; border-color: #cbd8e8; }
.kk-source-filter a.is-active { color: #fff; background: #102b52; border-color: #102b52; box-shadow: 0 5px 14px rgba(16,43,82,.18); }
.btn-kk-invoice-data {
  color: #193a67;
  background: #eef4fb;
  border: 1px solid #bfd0e5;
  font-weight: 700;
}
.btn-kk-invoice-data:hover { color: #fff; background: #193a67; border-color: #193a67; }
.kk-import-modal .modal-body { padding: 1.4rem; }
.kk-import-info-grid { display: grid; grid-template-columns: minmax(0,.75fr) minmax(360px,1.25fr); gap: 1rem; margin-bottom: 1.2rem; }
.kk-import-copy-placeholder,
.kk-import-image-placeholder {
  min-height: 150px;
  border: 1px dashed #b9c9dc;
  border-radius: 16px;
  background: #f7f9fc;
  color: #53657b;
}
.kk-import-copy-placeholder { display: flex; gap: .9rem; align-items: flex-start; padding: 1.2rem; }
.kk-import-copy-placeholder > i { color: #1c4a7d; font-size: 1.35rem; margin-top: .1rem; }
.kk-import-copy-placeholder strong { color: #102b52; display: block; margin-bottom: .35rem; }
.kk-import-image-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .55rem; }
.kk-import-image-placeholder i { color: #8094ad; font-size: 2rem; }
.kk-import-image-placeholder span { font-size: .86rem; font-weight: 700; }
.kk-import-field-note { color: #64748b; font-size: .82rem; margin: -.45rem 0 1rem; }
.kk-csv-dropzone {
  display: flex;
  min-height: 235px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .42rem;
  padding: 1.5rem;
  border: 2px dashed #8da8c7;
  border-radius: 18px;
  background: linear-gradient(145deg,#f6f9fd,#edf3fa);
  color: #385575;
  cursor: pointer;
  text-align: center;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.kk-csv-dropzone:hover,.kk-csv-dropzone.is-dragging { border-color: #153b69; background: #eaf2fb; transform: translateY(-1px); }
.kk-csv-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.kk-csv-dropzone-icon { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; color: #fff; background: #163a66; font-size: 1.45rem; box-shadow: 0 10px 24px rgba(22,58,102,.2); }
.kk-csv-dropzone strong { color: #102b52; font-size: 1.08rem; }
.kk-csv-dropzone small { color: #6b7e95; margin-top: .25rem; }
.kk-import-rules { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .9rem; }
.kk-import-rules span { display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .7rem; border-radius: 999px; color: #46617f; background: #eef3f9; font-size: .82rem; font-weight: 700; }
.kk-import-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border: 1px solid #cfdae8; border-radius: 14px; background: #f6f9fd; }
.kk-import-preview-head strong,.kk-import-preview-head span { display: block; }
.kk-import-preview-head strong { color: #102b52; }
.kk-import-preview-head span { color: #64748b; font-size: .84rem; }
.kk-import-seller-tax { padding: .45rem .7rem; border-radius: 9px; background: #e5edf7; color: #284769 !important; font-weight: 700; }
.kk-import-stat-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; margin: 1rem 0; }
.kk-import-stat-grid article { padding: .9rem 1rem; border: 1px solid #d9e2ed; border-radius: 13px; background: #fff; }
.kk-import-stat-grid article span { display: block; min-height: 2.2em; color: #66788e; font-size: .82rem; font-weight: 700; }
.kk-import-stat-grid article strong { color: #163a66; font-size: 1.55rem; line-height: 1; }
.kk-import-stat-grid article.is-success { border-color: #a9d9c0; background: #f0faf5; }
.kk-import-stat-grid article.is-success strong { color: #137047; }
.kk-import-stat-grid article.is-warning { border-color: #eccb78; background: #fff8e8; }
.kk-import-stat-grid article.is-warning strong { color: #946300; }
.kk-import-partial-note { display: flex; gap: .75rem; padding: .9rem 1rem; border: 1px solid #edcf87; border-radius: 13px; background: #fff8e7; color: #6d5318; }
.kk-import-partial-note > i { margin-top: .15rem; color: #b07800; }
.kk-import-partial-note strong { display: block; color: #7a580c; }
.kk-import-partial-note p { margin: .25rem 0 0; font-size: .84rem; }
.kk-import-preview-note { margin-top: .9rem; padding: .8rem .9rem; border-radius: 11px; background: #eef3f8; color: #53677f; font-size: .84rem; }
.kk-import-preview-actions { display: flex; justify-content: space-between; gap: .75rem; margin-top: 1.1rem; }
.kk-bulk-delete-warning { display: flex; gap: .75rem; margin-bottom: 1rem; padding: .85rem 1rem; border: 1px solid #efc6c6; border-radius: 12px; background: #fff4f4; color: #842d2d; }
.kk-bulk-delete-warning p { margin: 0; }
.kk-invoice-data-modal .modal-body { padding: 1.25rem; }
.kk-invoice-seller { display: inline-flex; gap: .75rem; align-items: baseline; padding: .55rem .75rem; margin-bottom: 1rem; border-radius: 9px; background: #edf3fa; }
.kk-invoice-seller span { color: #64748b; font-size: .82rem; font-weight: 700; }
.kk-invoice-seller strong { color: #173b68; }
.kk-invoice-data-heading { color: #173b68; font-weight: 800; }
.kk-invoice-data-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .55rem; }
.kk-invoice-data-grid > div { min-width: 0; padding: .7rem .75rem; border: 1px solid #e0e7f0; border-radius: 10px; background: #fafbfd; }
.kk-invoice-data-grid span,.kk-invoice-data-grid strong { display: block; overflow-wrap: anywhere; }
.kk-invoice-data-grid span { color: #728196; font-size: .82rem; font-weight: 700; }
.kk-invoice-data-grid strong { margin-top: .18rem; color: #253a54; font-size: .88rem; }
.kk-invoice-rows { min-width: 780px; }
.kk-invoice-rows th,.kk-invoice-rows td { white-space: normal; min-width: 130px; font-size: .82rem; }
@media (max-width: 991.98px) {
  .kk-import-info-grid { grid-template-columns: 1fr; }
  .kk-import-stat-grid,.kk-invoice-data-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 575.98px) {
  .kk-source-filter { align-items: stretch; }
  .kk-source-filter > span { width: 100%; }
  .kk-source-filter a { flex: 1 1 auto; text-align: center; }
  .kk-import-stat-grid,.kk-invoice-data-grid { grid-template-columns: 1fr; }
  .kk-import-preview-head,.kk-import-preview-actions { align-items: stretch; flex-direction: column; }
  .kk-import-preview-actions form,.kk-import-preview-actions button { width: 100%; }
}


.kk-preview-page {
  display: grid;
  gap: 18px;
}
.kk-preview-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.kk-preview-intro-icon {
  display: grid;
  width: 76px;
  height: 76px;
  flex: 0 0 76px;
  place-items: center;
  border: 1px solid #cbd9e8;
  border-radius: 22px;
  color: #1e4d82;
  background: linear-gradient(145deg, #f8fbff, #e7eff8);
  font-size: 2rem;
  box-shadow: 0 14px 32px rgba(16, 43, 82, .09);
}
.kk-preview-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: 18px;
  align-items: stretch;
}
.kk-preview-subscriber-card,
.kk-preview-package-card,
.kk-preview-confirm-card {
  border: 1px solid #d2deeb;
  border-radius: 24px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 48px rgba(8, 34, 67, .08);
}

.kk-preview-section-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e0e8f1;
}
.kk-preview-section-heading h2,
.kk-preview-confirm-card h2 {
  margin: 3px 0 0;
  font-size: 1.28rem;
}
.kk-preview-section-icon,
.kk-preview-confirm-icon {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg, #143b68, #2767ac);
  box-shadow: 0 10px 22px rgba(20, 59, 104, .18);
}
.kk-preview-data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.kk-preview-data-item {
  display: flex;
  min-width: 0;
  gap: 11px;
  align-items: center;
  padding: 14px;
  border: 1px solid #e0e7f0;
  border-radius: 15px;
  background: #fafcfe;
}
.kk-preview-data-item > div {
  min-width: 0;
}
.kk-preview-data-icon {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 10px;
  color: #315f91;
  background: #eaf1f8;
  font-size: .86rem;
}
.kk-preview-data-item span,
.kk-preview-data-item strong {
  display: block;
}
.kk-preview-data-item > div > span {
  margin-bottom: 3px;
  color: #718299;
  font-size: .72rem;
  font-weight: 760;
  line-height: 1.3;
}
.kk-preview-data-item strong {
  color: #1e3855;
  font-size: .91rem;
  line-height: 1.42;
  overflow-wrap: anywhere;
}
.kk-preview-data-item--security strong {
  color: #176a78;
}
.kk-preview-data-item--security strong i {
  margin-right: 4px;
}
.kk-preview-package-card {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.kk-preview-package-card::before {
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  content: "";
  background: linear-gradient(90deg, #1d4f84, #4e8fd2);
}
.kk-preview-package-card--premium::before {
  background: linear-gradient(90deg, #172d55, #6c62bc);
}
.kk-preview-package-top {
  padding: 28px 28px 20px;
}
.kk-preview-package-top h2 {
  margin: 4px 0 12px;
  font-size: 1.72rem;
}
.kk-preview-period-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.kk-preview-period-row > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border-radius: 999px;
  color: #49637f;
  background: #eef3f8;
  font-size: .82rem;
  font-weight: 760;
}
.kk-preview-period-row .kk-preview-discount {
  color: #7c5704;
  background: #fff4d9;
}
.kk-preview-price-box {
  margin: 0 20px;
  padding: 20px;
  border: 1px solid #c7d8ea;
  border-radius: 18px;
  background: linear-gradient(145deg, #f5f9fd, #eaf2fa);
}
.kk-preview-price-box span,
.kk-preview-price-box strong,
.kk-preview-price-box small {
  display: block;
}
.kk-preview-price-box span {
  color: #5f748c;
  font-size: .82rem;
  font-weight: 760;
}
.kk-preview-price-box strong {
  margin: 4px 0;
  color: #10345f;
  font-size: 2rem;
  line-height: 1.1;
}
.kk-preview-price-box small {
  color: #687d93;
  font-size: .82rem;
}
.kk-preview-feature-section {
  padding: 22px 28px 25px;
}
.kk-preview-feature-section h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 13px;
  color: #173b68;
  font-size: .96rem;
}
.kk-preview-feature-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kk-preview-feature-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  column-gap: 10px;
  align-items: start;
  color: #304963;
  font-size: .84rem;
  line-height: 1.4;
}
.kk-preview-feature-list li i {
  display: flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border-radius: 50%;
  color: #176a78;
  background: #e5f4f3;
  font-size: .65rem;
  line-height: 1;
}
.kk-preview-feature-list li i::before {
  display: block;
  line-height: 1;
}
.kk-preview-feature-list li span {
  min-width: 0;
  padding-top: 1px;
}
.kk-preview-package-note {
  display: flex;
  gap: 10px;
  margin: 0 20px 22px;
  padding: 12px 14px;
  border: 1px solid #d8d1f0;
  border-radius: 14px;
  color: #514982;
  background: #f4f1fc;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.4;
}
.kk-preview-package-note i {
  margin-top: 2px;
}




.kk-preview-form {
  margin-top: 16px;
}
.kk-preview-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.kk-preview-actions .btn {
  min-height: 46px;
}

@media (max-width: 991.98px) {
  .kk-preview-layout {
    grid-template-columns: 1fr;
  }
  .kk-preview-package-card {
    order: -1;
  }
}
@media (max-width: 575.98px) {
  .kk-preview-intro-icon {
    display: none;
  }
  .kk-preview-data-grid {
    grid-template-columns: 1fr;
  }
  .kk-preview-subscriber-card,
  .kk-preview-confirm-card {
    padding: 20px;
  }
  .kk-preview-package-top,
  .kk-preview-feature-section {
    padding-left: 20px;
    padding-right: 20px;
  }
  .kk-preview-actions,
  .kk-preview-actions .btn {
    width: 100%;
  }
}


.kk-preview-data-item > .kk-preview-data-icon {
  display: grid;
  place-items: center;
  align-self: center;
  text-align: center;
  line-height: 1;
}
.kk-preview-data-item > .kk-preview-data-icon > i,
.kk-preview-data-item > .kk-preview-data-icon > svg {
  display: block;
  width: 1em;
  height: 1em;
  margin: 0;
  line-height: 1;
  transform: translateY(1px);
}


.kk-registration-error-modal .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 22px;
  box-shadow: 0 28px 80px rgba(61, 12, 24, .28);
}
.kk-registration-error-modal .modal-header,
.kk-registration-error-modal .kk-registration-error-header {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 22px 24px;
  border: 0;
  color: #fff !important;
  background: linear-gradient(135deg, #7f162c 0%, #a5253d 58%, #85182f 100%) !important;
}
.kk-registration-error-modal .modal-header,
.kk-registration-error-modal .modal-header * {
  color: #fff !important;
}
.kk-registration-error-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 15px;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
  font-size: 1.1rem;
}
.kk-registration-error-heading {
  min-width: 0;
}
.kk-registration-error-heading > span {
  display: block;
  margin-bottom: 3px;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .14em;
  opacity: .78;
  text-transform: uppercase;
}
.kk-registration-error-heading .modal-title {
  margin: 0;
  font-size: 1.18rem;
  letter-spacing: -.015em;
}
.kk-registration-error-modal .btn-close {
  margin: 0;
  opacity: .92;
}
.kk-registration-error-modal .modal-body {
  padding: 24px;
  background: #fff;
}
.kk-registration-error-message {
  margin: 0;
  color: #5d1727;
  font-size: 1rem;
  font-weight: 760;
  line-height: 1.55;
}
.kk-registration-validation-list {
  display: grid;
  gap: 8px;
  margin: 16px 0 0;
  padding-left: 1.25rem;
  color: #4e2730;
  line-height: 1.5;
}
.kk-registration-validation-list li::marker {
  color: #a5253d;
}
.kk-registration-error-help {
  margin: 12px 0 0;
  color: #64788d;
  font-size: .86rem;
  line-height: 1.55;
}
.kk-registration-error-modal .modal-footer {
  padding: 0 24px 24px;
  border: 0;
  background: #fff;
}
.kk-test-debug {
  width: 100%;
  margin-top: 14px;
  border: 1px solid #e1c7cd;
  border-radius: 13px;
  color: #5e2633;
  background: #fff7f8;
}
.kk-test-debug summary {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 11px 13px;
  cursor: pointer;
  font-size: .82rem;
  font-weight: 800;
  list-style: none;
}
.kk-test-debug summary::-webkit-details-marker { display: none; }
.kk-test-debug pre {
  max-height: 230px;
  margin: 0;
  padding: 12px 13px;
  overflow: auto;
  border-top: 1px solid #ead7dc;
  color: #3f2930;
  background: #fff;
  font-family: Consolas, "Courier New", monospace;
  font-size: .82rem;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
}
.kk-notice .kk-test-debug {
  margin-top: 10px;
}




.kk-account-modal-header .btn-close-white { opacity: .92; }
.kk-account-modal-header .btn-close-white:hover { opacity: 1; }
.kk-account-role-strip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 16px;
}
.kk-account-role-strip small {
  margin-left: auto;
  color: var(--kk-muted);
  font-weight: 650;
  overflow-wrap: anywhere;
}
.kk-account-role-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 11px;
  color: var(--kk-navy-800);
  background: #eef5fc;
  border: 1px solid #d5e4f2;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 800;
}
.kk-account-subscription-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kk-account-subscription-grid > div,
.kk-account-subscription-grid > div:nth-child(odd),
.kk-account-subscription-grid > div:nth-last-child(-n+2) {
  border-right: 1px solid rgba(16, 46, 84, .09);
  border-bottom: 0;
}
.kk-account-subscription-grid > div:last-child { border-right: 0; }
.kk-account-affiliate-card p { margin: 0; padding: 18px; color: var(--kk-muted); }


.kk-account-member-note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 12px 0 0;
  color: var(--kk-muted);
  font-size: .86rem;
}
.kk-account-modal-footer {
  display: flex;
  align-items: center;
  
  
  padding: 14px 18px;
  background: #f7f9fc;
  border-top: 1px solid #e1e8f0 !important;
}
.kk-account-logout {
  margin-right: auto;
  padding-left: 4px;
  padding-right: 4px;
  color: #6b7890;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.kk-account-logout:hover,
.kk-account-logout:focus {
  
  
  box-shadow: none;
}
.kk-account-modal-footer .btn { display: inline-flex; align-items: center; gap: 8px; }
.kk-forgot-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 14px auto 0;
  padding: 5px 8px;
  
  background: transparent;
  border: 0;
  font-weight: 760;
}
.kk-forgot-link:hover { color: var(--kk-navy-900); }
.kk-forgot-panel[hidden] { display: none !important; }

@media (max-width: 991.98px) {
  .kk-account-modal-dialog { max-width: calc(100% - 24px); }
  .kk-account-subscription-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kk-account-subscription-grid > div:nth-child(2) { border-right: 0; }
  .kk-account-subscription-grid > div:nth-child(-n+2) { border-bottom: 1px solid rgba(16, 46, 84, .09); }
}
@media (max-width: 575.98px) {
  .kk-account-modal-body { padding: 20px 16px; }
  .kk-account-role-strip small { width: 100%; margin-left: 0; }
  .kk-account-subscription-grid { grid-template-columns: 1fr; }
  .kk-account-subscription-grid > div,
  .kk-account-subscription-grid > div:nth-child(2),
  .kk-account-subscription-grid > div:nth-child(-n+2) {
    border-right: 0;
    border-bottom: 1px solid rgba(16, 46, 84, .09);
  }
  .kk-account-subscription-grid > div:last-child { border-bottom: 0; }
  
  .kk-account-modal-footer { justify-content: space-between; }
}


.kk-widget-layout-note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 14px 0 16px;
  padding: 14px 16px;
  border: 1px solid #d5e4f2;
  border-radius: 15px;
  color: #173653;
  background: #eef5fc;
}
.kk-widget-layout-note > i { margin-top: 3px; color: #1769b3; }
.kk-widget-layout-note strong,
.kk-widget-layout-note span { display: block; }
.kk-widget-layout-note span { margin-top: 3px; color: var(--kk-muted); font-size: .86rem; line-height: 1.5; }
.kk-widget-code-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.kk-widget-code-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid #dce5ee;
  border-radius: 17px;
  background: #fff;
}
.kk-widget-code-card.is-recommended {
  border-color: rgba(23,79,141,.34);
  box-shadow: 0 12px 30px rgba(14,52,90,.09);
}
.kk-widget-code-card__head {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}
.kk-widget-code-card__head > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  color: #174f8d;
  background: #edf4fb;
}
.kk-widget-code-card__head strong,
.kk-widget-code-card__head small { display: block; }
.kk-widget-code-card__head small { margin-top: 2px; color: var(--kk-muted); line-height: 1.35; }
.kk-widget-code-card__head em {
  padding: 5px 8px;
  border-radius: 999px;
  color: #fff;
  background: #174f8d;
  font-size: .67rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.kk-code-box-compact { align-items: stretch; }
.kk-code-box-compact code {
  max-height: 92px;
  overflow: auto;
  font-size: .82rem;
  line-height: 1.45;
  white-space: normal;
  word-break: break-all;
}
.kk-code-box-compact button { white-space: nowrap; }
@media (max-width: 767.98px) {
  .kk-widget-code-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .kk-widget-code-card__head { grid-template-columns: 38px minmax(0,1fr); }
  .kk-widget-code-card__head em { grid-column: 2; justify-self: start; }
  .kk-code-box-compact { display: grid; grid-template-columns: 1fr; }
}


.kk-balance-row-icon.is-collection{
  color: #7a4f12;
  background: #fff6e6;
  border-color: #f0d6aa;
}
.kk-collection-cost-row th,
.kk-collection-cost-row td {
  background: #fffaf1;
}
.kk-payment-summary-stat.is-collection {
  border-color: #eed8b6;
  background: linear-gradient(180deg, #fffaf1 0%, #fff 100%);
}


.kk-collection-cost-detail {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-top: 14px;
  padding: 16px 18px;
  border: 1px solid #ead4af;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff9ed, #fffdf9);
}
.kk-collection-cost-detail-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  color: #7a4f12;
  background: #ffedcc;
}
.kk-collection-cost-detail p {
  margin: 3px 0 2px;
  color: var(--kk-muted);
  font-size: .84rem;
}
.kk-collection-cost-detail small {
  color: var(--kk-subtle);
}
.kk-collection-cost-detail-values {
  min-width: 190px;
  text-align: right;
}
.kk-collection-cost-detail-values > span,
.kk-collection-cost-detail-values > small {
  display: block;
}
.kk-collection-cost-detail-values > strong {
  display: block;
  margin: 2px 0;
  color: #70470e;
  font-size: 1.2rem;
  font-variant-numeric: tabular-nums;
}
.kk-allocation-pair.is-collection-cost {
  border-color: #ead4af;
  background: #fffaf1;
}
.kk-allocation-pair.is-collection-cost .kk-allocation-balance strong {
  color: #70470e;
}


















@media (max-width: 991.98px) {
  
  .kk-collection-cost-detail { grid-template-columns: auto minmax(0, 1fr); }
  .kk-collection-cost-detail-values { grid-column: 1 / -1; min-width: 0; text-align: left; padding-left: 56px; }
}
@media (max-width: 575.98px) {
  
  
  .kk-collection-cost-detail { grid-template-columns: 1fr; }
  .kk-collection-cost-detail-icon { display: none; }
  .kk-collection-cost-detail-values { grid-column: auto; padding-left: 0; }
}
.kk-collection-cost-history { display: grid; gap: 2px; margin-top: 5px; }
.kk-collection-cost-history small { display: block; }



.kk-debt-summary-totals.has-collection-cost {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kk-debt-summary-totals.has-collection-cost .kk-payment-summary-stat small {
  white-space: nowrap;
}
.kk-section-chevron {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #5f4300;
  background: linear-gradient(145deg, #ffe79a, #f5c94d);
  border: 1px solid #d6a92b;
  border-radius: 11px;
  box-shadow: 0 5px 12px rgba(133,91,0,.18);
}
.kk-work-section[open] > summary .kk-section-chevron {
  color: #5f4300;
  background: linear-gradient(145deg, #ffeaa5, #f4c43e);
  border-color: #e0b43a;
}

.kk-demo-limit-note {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 320px;
  padding: 9px 12px;
  color: #6a4804;
  background: #fff3c7;
  border: 1px solid #dfba54;
  border-radius: 11px;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.35;
}
.kk-mnb-rate-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  color: #174f8d;
  font-size: .8rem;
  font-weight: 800;
  text-decoration: none;
}
.kk-mnb-rate-link:hover,
.kk-mnb-rate-link:focus-visible {
  color: #0b315c;
  text-decoration: underline;
}

.kk-workspace-tool-card {
  grid-template-areas: "icon copy" ". button";
}
.kk-workspace-tool-actions {
  padding-left: 4px;
}
@media (max-width: 991.98px) {
  .kk-debt-summary-totals.has-collection-cost {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .kk-debt-summary-totals.has-collection-cost {
    grid-template-columns: 1fr;
  }
  #dm-section-debts > summary .kk-payment-summary-stat,
  #dm-section-debts[open] > summary .kk-payment-summary-stat,
  #dm-section-payments > summary .kk-payment-summary-stat,
  #dm-section-payments[open] > summary .kk-payment-summary-stat {
    min-height: 0;
  }
}








.kk-debt-stack { gap: 18px; }
.kk-debt-item {
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.kk-debt-card {
  
  
  
  border-bottom: 0;
  
  
}
.kk-debt-card-head {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px 17px;
  color: #fff;
  
}
.kk-debt-card-head::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  
}
.kk-debt-card-heading { min-width: 0; }
.kk-debt-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
.kk-debt-card-head .kk-interest-type {
  margin: 0;
  padding: 5px 10px;
  
  
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 3px 10px rgba(6,30,56,.10);
  font-size: .82rem;
  font-weight: 830;
  letter-spacing: .015em;
}

.kk-debt-card-heading h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.15rem, 1.8vw, 1.34rem);
  line-height: 1.3;
  letter-spacing: -.01em;
}
.kk-debt-card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 11px;
  margin-top: 7px;
}
.kk-debt-card-meta .kk-invoice-number,
.kk-debt-card-meta .kk-reduced-badge,
.kk-debt-card-meta .kk-settled-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #dceafa;
  font-size: .82rem;
  font-weight: 720;
}
.kk-debt-card-meta .kk-invoice-number::before {
  content: "";
  width: 1em;
  height: 1em;
  flex: 0 0 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dceafa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.6 2.6A2 2 0 0 0 11.2 2H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.8 8.8a2 2 0 0 0 2.8 0l7.2-7.2a2 2 0 0 0 0-2.8Z'/%3E%3Ccircle cx='7' cy='7' r='1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: .78;
}
.kk-debt-card-meta .kk-reduced-badge { color: #c9f5df; }
.kk-debt-card-meta .kk-settled-badge { color: #fff1b8; }
.kk-debt-card-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  
}
.kk-debt-card-actions .btn {
  min-height: 38px;
  padding: 8px 12px;
  justify-content: center;
  white-space: nowrap;
  border-radius: 11px;
  font-size: .82rem;
  font-weight: 780;
}
.kk-debt-card-actions .btn-kk-edit-debt,
.kk-debt-card-actions .btn-kk-invoice-data {
  color: #173a61 !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 0 5px 13px rgba(7,30,54,.13);
}
.kk-debt-card-actions .btn-kk-edit-debt:hover,
.kk-debt-card-actions .btn-kk-invoice-data:hover {
  background: #fff !important;
  transform: translateY(-1px);
}
.kk-debt-card-actions .btn-kk-delete-debt {
  margin: 0;
  color: #fff !important;
  background: rgba(117,32,53,.72) !important;
  border: 1px solid rgba(255,203,214,.34) !important;
  box-shadow: 0 5px 13px rgba(52,8,20,.12);
}
.kk-debt-card-actions .btn-kk-delete-debt:hover {
  background: #9f3149 !important;
  transform: translateY(-1px);
}














.kk-debt-detail-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 12px 17px;
  overflow: hidden;
  color: #5b4000 !important;
  background: linear-gradient(145deg, #ffeaa5, #f4c84c) !important;
  
  
  
  
  font-weight: 840;
  letter-spacing: .005em;
}
.kk-debt-detail-toggle::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.3) 45%, transparent 70%);
  transform: translateX(-120%);
  transition: transform .5s ease;
}
.kk-debt-detail-toggle:hover::before { transform: translateX(120%); }
.kk-debt-detail-toggle-copy,
.kk-debt-detail-toggle-arrow { position: relative; z-index: 1; }
.kk-debt-detail-toggle-copy {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.kk-debt-detail-toggle-arrow,
.kk-debt-detail-toggle-copy > i { transition: transform .24s ease; }
.kk-debt-detail-toggle:hover,
.kk-debt-detail-toggle.is-open {
  color: #4d3500 !important;
  background: linear-gradient(145deg, #ffedb3, #f2c23a) !important;
}
.kk-debt-detail-toggle.is-open { border-radius: 0 !important; }
.kk-interest-toggle.is-open .kk-debt-detail-toggle-arrow,
.kk-interest-toggle.is-open .kk-debt-detail-toggle-copy > i { transform: rotate(180deg); }
.kk-debt-item .kk-interest-detail {
  margin-top: 0;
  padding: 0 18px;
  background: transparent;
  border: 0;
  border-radius: 0 0 21px 21px;
  box-shadow: none;
}
.kk-debt-item .kk-interest-detail.is-open {
  margin-top: 0;
  
  
  
  
  
}
.kk-debt-item .kk-interest-detail-head {
  margin-bottom: 13px;
  padding-bottom: 11px;
  border-bottom: 1px solid #d9e5ef;
}
.kk-debt-item .kk-interest-detail-head h4 { color: #173a61; font-weight: 830; }
.kk-debt-item .kk-interest-detail-head span {
  padding: 5px 9px;
  color: #365d7d;
  background: #edf4fa;
  border-radius: 999px;
  font-weight: 760;
}
#dm-section-debts > summary .kk-payment-summary-stat > small, #dm-section-debts[open] > summary .kk-payment-summary-stat > small, #dm-section-payments > summary .kk-payment-summary-stat > small, #dm-section-payments[open] > summary .kk-payment-summary-stat > small{
  display: inline-flex;
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eaf2fb;
  color: #274f78;
  font-size: .82rem;
  font-weight: 820;
  line-height: 1.25;
}

#dm-section-debts > summary .kk-payment-summary-stat.is-principal > small,
#dm-section-debts[open] > summary .kk-payment-summary-stat.is-principal > small { background: #e6effa; color: #244f7a; }
#dm-section-debts > summary .kk-payment-summary-stat.is-interest > small,
#dm-section-debts[open] > summary .kk-payment-summary-stat.is-interest > small { background: #f1e7f2; color: #74466f; }
#dm-section-debts > summary .kk-payment-summary-stat.is-collection > small,
#dm-section-debts[open] > summary .kk-payment-summary-stat.is-collection > small { background: #fff0d2; color: #845614; }
#dm-section-debts > summary .kk-payment-summary-stat.is-allocated > small,
#dm-section-debts[open] > summary .kk-payment-summary-stat.is-allocated > small,
#dm-section-payments > summary .kk-payment-summary-stat.is-allocated > small,
#dm-section-payments[open] > summary .kk-payment-summary-stat.is-allocated > small { background: #e4f5eb; color: #187047; }
#dm-section-payments > summary .kk-payment-summary-stat.is-total > small,
#dm-section-payments[open] > summary .kk-payment-summary-stat.is-total > small,
#dm-section-payments > summary .kk-payment-summary-stat.is-allocatable > small,
#dm-section-payments[open] > summary .kk-payment-summary-stat.is-allocatable > small { background: #e6effa; color: #264e79; }
#dm-section-debts > summary .kk-payment-summary-stat,
#dm-section-debts[open] > summary .kk-payment-summary-stat,
#dm-section-payments > summary .kk-payment-summary-stat,
#dm-section-payments[open] > summary .kk-payment-summary-stat {
  min-height: 94px;
  padding: 10px 11px;
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(183,201,218,.86);
  border-radius: 13px;
  box-shadow: 0 5px 14px rgba(17,54,91,.065);
}
#dm-section-debts > summary .kk-payment-summary-stat .kk-summary-balance-row em,
#dm-section-debts[open] > summary .kk-payment-summary-stat .kk-summary-balance-row em { color: #5d7488; }
#dm-section-debts > summary .kk-payment-summary-stat.is-principal strong,
#dm-section-debts[open] > summary .kk-payment-summary-stat.is-principal strong { color: #245c94; }
#dm-section-debts > summary .kk-payment-summary-stat.is-interest strong,
#dm-section-debts[open] > summary .kk-payment-summary-stat.is-interest strong { color: #8a3d76; }
#dm-section-debts > summary .kk-payment-summary-stat.is-collection strong,
#dm-section-debts[open] > summary .kk-payment-summary-stat.is-collection strong { color: #7a4f12; }
#dm-section-debts > summary .kk-payment-summary-stat.is-allocated strong,
#dm-section-debts[open] > summary .kk-payment-summary-stat.is-allocated strong,
#dm-section-payments > summary .kk-payment-summary-stat.is-allocated strong,
#dm-section-payments[open] > summary .kk-payment-summary-stat.is-allocated strong { color: #187047; }
#dm-section-payments > summary .kk-payment-summary-stat.is-total strong,
#dm-section-payments[open] > summary .kk-payment-summary-stat.is-total strong { color: #245c94; }
#dm-section-payments > summary .kk-payment-summary-stat.is-allocatable strong,
#dm-section-payments[open] > summary .kk-payment-summary-stat.is-allocatable strong { color: #b33148; }
#dm-section-debts[open] > summary,
#dm-section-payments[open] > summary {
  padding-block: 15px;
}

.kk-allocation-suggestion-btn {
  position: relative;
  overflow: hidden;
  color: #fff !important;
  background: linear-gradient(135deg, #4b60c4 0%, #6956cf 100%) !important;
  border-color: #4b60c4 !important;
  box-shadow: 0 10px 22px rgba(73,91,190,.20);
}
.kk-allocation-suggestion-btn::after {
  content: "";
  position: absolute;
  inset: -40% auto -40% -30%;
  width: 28%;
  background: rgba(255,255,255,.20);
  transform: skewX(-22deg);
  transition: left .45s ease;
}
.kk-allocation-suggestion-btn:hover::after { left: 118%; }
.kk-allocation-suggestion-btn:hover,
.kk-allocation-suggestion-btn:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, #4054b0, #5d4bbd) !important;
  border-color: #4054b0 !important;
  box-shadow: 0 13px 27px rgba(73,91,190,.27);
  transform: translateY(-1px);
}
.kk-allocation-suggestion-btn > i {
  position: relative;
  z-index: 1;
  margin-right: 7px;
  text-shadow: 0 0 12px rgba(255,255,255,.42);
}
.kk-mnb-rate-note {
  display: block;
  margin-top: 4px;
}
.kk-mnb-rate-link-block {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 5px 8px;
  color: #234f7d;
  background: #edf4fa;
  border-radius: 8px;
  font-weight: 780;
  text-decoration: none;
}
.kk-mnb-rate-link-block:hover { color: #173a61; background: #e2edf7; }
@media (max-width: 1199.98px) {
  .kk-debt-card-head { flex-direction: column; }
  .kk-debt-card-actions { min-width: 0; justify-content: flex-start; }
}
@media (max-width: 767.98px) {
  
  
  .kk-debt-card-actions .btn { flex: 1 1 155px; }
  .kk-debt-item .kk-interest-detail.is-open { padding: 15px; }
}












.kk-mnb-rate-link-block {
  border: 1px solid #cfba7b;
}
.kk-mnb-rate-link-block:hover,
.kk-mnb-rate-link-block:focus-visible {
  border-color: #b99a47;
}



.kk-case-detail-page {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.kk-case-detail-page .kk-case-detail-head {
  
  
  background: transparent;
  border: 0;
  
  border-radius: 0;
  box-shadow: none;
}
.kk-debt-add-toolbar {
  justify-content: flex-start;
  margin-bottom: 15px;
}
.kk-debt-add-toolbar .btn { min-width: 190px; }



.kk-debt-card-head {
  
  border-bottom: 0;
  
  
}



.kk-debt-inline-balance {
  
  
  
  
  
  
  box-shadow: none;
}
.kk-debt-inline-balance .kk-case-balance-heading {
  padding: 13px 17px 12px;
  color: #24394c;
  background: linear-gradient(120deg, #e8edf2 0%, #f4f1eb 100%);
  border-top: 1px solid #d5dde4;
  border-bottom: 1px solid #cbd5de;
}
.kk-debt-inline-balance .kk-case-balance-heading .kk-eyebrow {
  color: #677b8d;
}
.kk-debt-inline-balance .kk-case-balance-heading h2 {
  color: #24394c;
}
.kk-debt-inline-balance .kk-case-balance-date {
  padding: 5px 9px;
  color: #496174;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(157,173,187,.65);
  border-radius: 999px;
}
.kk-debt-inline-balance .kk-case-balance-table thead th {
  
  
  border-bottom-color: #d9d3c9 !important;
}




.kk-debt-inline-balance + .kk-case-balance-overpayment { margin-top: 0; }

@media (max-width: 767.98px) {
  .kk-case-detail-page .kk-case-detail-head { padding-bottom: 13px; }
  .kk-debt-add-toolbar .btn { width: 100%; min-width: 0; }
  .kk-debt-inline-balance .kk-case-balance-heading { padding: 12px 14px; }
}



.kk-list-overview {
  grid-template-columns: repeat(4, minmax(145px, .72fr)) minmax(250px, 1.25fr);
}



.kk-case-sticky-nav {
  padding: 10px;
  background: linear-gradient(120deg, #f1ede6 0%, #f8f5ef 100%);
  border: 1px solid #d9d1c4;
  box-shadow: 0 10px 24px rgba(63, 55, 43, .10);
}
.kk-case-sticky-nav a {
  color: #374150;
  background: rgba(255, 255, 255, .92);
  border-color: #ddd5c9;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
}
.kk-case-sticky-nav a:hover,
.kk-case-sticky-nav a:focus-visible {
  color: #28313d;
  background: #fff;
  border-color: #cbbfae;
}
.kk-case-sticky-nav a i {
  color: #fff;
  background: #5f6672;
}
.kk-case-sticky-nav a:nth-child(1) {
  color: #544c61;
  background: #f1edf5;
  border-color: #cfc4d8;
}
.kk-case-sticky-nav a:nth-child(2) {
  color: #67573f;
  background: #f7f0e4;
  border-color: #d9c9ab;
}
.kk-case-sticky-nav a:nth-child(3) {
  color: #4f5963;
  background: #edf1f4;
  border-color: #c3ccd4;
}
.kk-case-sticky-nav a:nth-child(1) i { background: #675b73; }
.kk-case-sticky-nav a:nth-child(2) i { background: #8a7352; }
.kk-case-sticky-nav a:nth-child(3) i { background: #5f6973; }
.kk-case-sticky-nav a:nth-child(1):hover,
.kk-case-sticky-nav a:nth-child(1):focus-visible { background: #e9e2ef; border-color: #bdaeCA; }
.kk-case-sticky-nav a:nth-child(2):hover,
.kk-case-sticky-nav a:nth-child(2):focus-visible { background: #f1e6d4; border-color: #c9b58f; }
.kk-case-sticky-nav a:nth-child(3):hover,
.kk-case-sticky-nav a:nth-child(3):focus-visible { background: #e4e9ed; border-color: #afb9c2; }

#dm-section-debts > summary {
  background: linear-gradient(115deg, #f2edf6 0%, #faf8fc 54%, #ebe5f2 100%);
  border-bottom-color: rgba(201, 188, 214, .82);
}
#dm-section-debts:not([open]) > summary:hover,
#dm-section-debts > summary:hover {
  background: linear-gradient(115deg, #ede5f4 0%, #f8f4fb 54%, #e4dbef 100%);
}
#dm-section-debts[open] > summary {
  color: #fff;
  background: linear-gradient(120deg, #4a4f67 0%, #61617a 56%, #746e83 100%);
  border-bottom-color: rgba(255,255,255,.18);
  box-shadow: 0 12px 28px rgba(61, 60, 88, .18);
}
#dm-section-debts > summary .kk-section-summary-icon {
  background: #66708a;
}
#dm-section-debts[open] > summary .kk-section-summary-icon { color: #4a4f67; background: #fff; }
#dm-section-debts > summary .kk-section-count {
  color: #52576e;
  background: #ece8f3;
}

#dm-section-payments > summary {
  background: linear-gradient(115deg, #f7f0e3 0%, #fcfaf6 54%, #f2eadb 100%);
  border-bottom-color: rgba(216, 198, 167, .82);
}
#dm-section-payments:not([open]) > summary:hover,
#dm-section-payments > summary:hover {
  background: linear-gradient(115deg, #f3e8d7 0%, #fbf7f1 54%, #eee1cc 100%);
}
#dm-section-payments[open] > summary {
  color: #fff;
  background: linear-gradient(120deg, #6c5d46 0%, #846f52 58%, #9b8261 100%);
  border-bottom-color: rgba(255,255,255,.18);
  box-shadow: 0 12px 28px rgba(95, 77, 47, .18);
}
#dm-section-payments > summary .kk-section-summary-icon {
  background: #9b7f55;
}
#dm-section-payments[open] > summary .kk-section-summary-icon { color: #6c5d46; background: #fff; }
#dm-section-payments > summary .kk-section-count {
  color: #745f41;
  background: #f3eadc;
}

#dm-section-ledger > summary {
  background: linear-gradient(115deg, #eef1f4 0%, #fafbfc 54%, #e5eaef 100%);
  border-bottom-color: rgba(191, 200, 209, .82);
}
#dm-section-ledger:not([open]) > summary:hover,
#dm-section-ledger > summary:hover {
  background: linear-gradient(115deg, #e6ebf0 0%, #f7f9fb 54%, #dde5ec 100%);
}
#dm-section-ledger[open] > summary {
  color: #fff;
  background: linear-gradient(120deg, #505864 0%, #65707d 58%, #7b8390 100%);
  border-bottom-color: rgba(255,255,255,.18);
  box-shadow: 0 12px 28px rgba(69, 78, 91, .18);
}
#dm-section-ledger > summary .kk-section-summary-icon {
  background: #6b7480;
}
#dm-section-ledger[open] > summary .kk-section-summary-icon { color: #505864; background: #fff; }
#dm-section-ledger > summary .kk-section-count {
  color: #53606c;
  background: #e8edf2;
}

.kk-case-detail-page .kk-case-detail-head {
  margin-bottom: 16px;
  padding: 0 0 15px;
  border-bottom: 1px solid #d4dce4;
}
#dm-section-debts .kk-debt-stack {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.kk-debt-item,
.kk-debt-item.kk-debt-item-settled {
  padding: 0;
  overflow: hidden;
  background: #fff;
  border: 2px solid #7b7064;
  border-radius: 22px;
  box-shadow: 0 14px 32px rgba(63, 55, 47, .12);
}
.kk-debt-card {
  overflow: visible;
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.kk-debt-card-head {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(125deg, #444b53 0%, #59616a 58%, #6b727a 100%);
}
.kk-debt-card-head::after {
  background: rgba(255,255,255,.14);
}
.kk-debt-card-head .kk-interest-type {
  color: #485363;
  background: rgba(255,255,255,.95);
  border-color: rgba(255,255,255,.82);
}
.kk-debt-card-head .kk-interest-type.is-business {
  color: #6c4f12;
  background: linear-gradient(145deg, #fff0c8, #ffe08a);
  border-color: rgba(218,184,93,.65);
}
.kk-debt-card-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  min-width: 210px;
}
.kk-debt-card-actions {
  min-width: 0;
}
.kk-debt-card-date {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 12px;
  color: #fff;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
  font-size: .83rem;
  font-weight: 780;
}
.kk-debt-card-body {
  padding: 0;
  background: transparent;
}
.kk-debt-inline-balance {
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 0;
  border-top: 1px solid #7b7064;
  border-radius: 0;
}
.kk-debt-inline-balance .kk-case-balance-table thead th {
  color: #3f3a34;
  background: #d9cdbd !important;
  border-bottom: 2px solid #aa9b89 !important;
  font-weight: 840;
}
.kk-debt-inline-balance .kk-case-balance-table tbody th {
  color: #26425b;
}
.kk-debt-inline-balance .kk-case-balance-table .kk-balance-allocated {
  background: #eef3ef !important;
}
.kk-debt-inline-balance .kk-case-balance-table .kk-balance-outstanding {
  background: #f8f3f5 !important;
}
.kk-debt-inline-balance .kk-case-balance-table tfoot th,
.kk-debt-inline-balance .kk-case-balance-table tfoot td {
  color: #2b3948;
  background: #e9dfcf !important;
  border-top: 2px solid #c5b49b;
}
.kk-debt-inline-balance .kk-case-balance-table tfoot td:last-child {
  color: #fff;
  background: linear-gradient(135deg, #6f6557, #8a7f70) !important;
}
.kk-debt-inline-balance .kk-case-balance-table tfoot small {
  color: rgba(255,255,255,.78);
}
.kk-debt-inline-balance .kk-case-balance-table tfoot strong {
  color: #fff;
}
.kk-debt-detail-toggle {
  border: 0 !important;
  border-top: 2px solid #7b7064 !important;
  border-radius: 0 !important;
  box-shadow: none;
}
.kk-debt-item .kk-interest-detail.is-open {
  padding: 19px;
  background: #fff;
  border: 0;
  border-top: 2px solid #7b7064;
  border-radius: 0;
  box-shadow: none;
}

@media (max-width: 991.98px) {
  .kk-list-overview { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .kk-case-search { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
  .kk-case-sticky-nav { grid-template-columns: 1fr; }
  .kk-debt-card-head { flex-direction: column; }
  .kk-debt-card-side { width: 100%; min-width: 0; align-items: stretch; }
  .kk-debt-card-actions { width: 100%; justify-content: flex-start; }
  .kk-debt-card-date { align-self: flex-start; }
  .kk-list-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .kk-list-overview { grid-template-columns: 1fr; }
}


body.kk-route-tartozaskezelo {
  --dm-action-yellow-1: var(--kk-action-yellow-1);
  --dm-action-yellow-2: var(--kk-action-yellow-2);
  --dm-action-yellow-3: var(--kk-action-yellow-3);
  --dm-action-yellow-border: var(--kk-action-yellow-border);
  --dm-action-yellow-ink: var(--kk-action-yellow-ink);
  
  --dm-payment-dark-2: #4a6f67;
  
  
  
  
  --dm-payment-ink: #335b53;
}


body.kk-route-tartozaskezelo .kk-work-section > summary .kk-section-summary-icon,
body.kk-route-tartozaskezelo .kk-work-section[open] > summary .kk-section-summary-icon {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}


body.kk-route-tartozaskezelo .kk-work-section > summary .kk-section-chevron {
  display: inline-grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  color: var(--dm-action-yellow-ink) !important;
  background: linear-gradient(145deg, var(--dm-action-yellow-1) 0%, var(--dm-action-yellow-2) 58%, var(--dm-action-yellow-3) 100%) !important;
  border: 1px solid var(--dm-action-yellow-border);
  border-radius: 12px;
  box-shadow: 0 7px 15px rgba(133, 91, 0, .20), inset 0 1px 0 rgba(255,255,255,.65);
  transition: transform .24s ease, filter .18s ease, box-shadow .18s ease;
}
body.kk-route-tartozaskezelo .kk-work-section > summary:hover .kk-section-chevron,
body.kk-route-tartozaskezelo .kk-work-section > summary:focus-visible .kk-section-chevron {
  filter: saturate(1.08) brightness(1.02);
  box-shadow: 0 9px 19px rgba(133, 91, 0, .25), inset 0 1px 0 rgba(255,255,255,.72);
}
body.kk-route-tartozaskezelo .kk-work-section[open] > summary .kk-section-chevron {
  color: var(--dm-action-yellow-ink) !important;
  transform: rotate(180deg);
}


body.kk-route-tartozaskezelo .kk-case-table .btn-kk-icon {
  color: var(--dm-action-yellow-ink) !important;
  background: linear-gradient(145deg, var(--dm-action-yellow-1), var(--dm-action-yellow-2) 62%, var(--dm-action-yellow-3)) !important;
  border-color: var(--dm-action-yellow-border) !important;
  box-shadow: 0 7px 15px rgba(133, 91, 0, .19), inset 0 1px 0 rgba(255,255,255,.68) !important;
}
body.kk-route-tartozaskezelo .kk-case-table .btn-kk-icon:hover,
body.kk-route-tartozaskezelo .kk-case-table .btn-kk-icon:focus-visible {
  color: #3f2d00 !important;
  background: linear-gradient(145deg, #fff3b8, #ffd65b 62%, #f6bd26) !important;
  border-color: #c89410 !important;
  transform: translateX(2px);
}


body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2) {
  color: var(--dm-payment-ink) !important;
  
  
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2) i {
  color: #fff !important;
  background: var(--dm-payment-dark-2) !important;
  box-shadow: none !important;
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2):hover,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2):focus-visible {
  
  
  border-color: #91aea5 !important;
}
body.kk-route-tartozaskezelo #dm-section-payments > summary {
  color: #294a44;
  background: linear-gradient(115deg, #eaf2ef 0%, #f9fbfa 54%, #dfeae6 100%) !important;
  border-bottom-color: rgba(143, 169, 161, .82) !important;
}
body.kk-route-tartozaskezelo #dm-section-payments:not([open]) > summary:hover,
body.kk-route-tartozaskezelo #dm-section-payments > summary:hover {
  background: linear-gradient(115deg, #e2ede9 0%, #f6faf8 54%, #d6e4df 100%) !important;
}
body.kk-route-tartozaskezelo #dm-section-payments[open] > summary {
  
  
  border-bottom-color: rgba(255,255,255,.20) !important;
  
}
body.kk-route-tartozaskezelo #dm-section-payments > summary .kk-section-summary-icon {
  color: #fff;
  background: var(--dm-payment-dark-2) !important;
}

body.kk-route-tartozaskezelo #dm-section-payments > summary .kk-section-count {
  color: var(--dm-payment-ink) !important;
  background: #dfeae6 !important;
}
body.kk-route-tartozaskezelo #dm-section-payments[open] > summary .kk-section-count {
  color: #284b44 !important;
  background: rgba(255,255,255,.88) !important;
}


body.kk-route-tartozaskezelo .kk-debt-card-side {
  gap: 13px;
}
body.kk-route-tartozaskezelo .kk-debt-card-date {
  align-self: flex-end;
  margin-top: 11px;
  padding: 7px 13px;
  color: #f7fafc !important;
  background: rgba(24, 31, 37, .42) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 3px 8px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(3px);
}


body.kk-route-tartozaskezelo .kk-debt-detail-toggle,
body.kk-route-tartozaskezelo .kk-debt-detail-toggle:hover,
body.kk-route-tartozaskezelo .kk-debt-detail-toggle:focus-visible,
body.kk-route-tartozaskezelo .kk-debt-detail-toggle.is-open {
  color: var(--dm-action-yellow-ink) !important;
  background: linear-gradient(145deg, var(--dm-action-yellow-1) 0%, var(--dm-action-yellow-2) 58%, var(--dm-action-yellow-3) 100%) !important;
  border: 0 !important;
  border-top: 2px solid #7b7064 !important;
  box-shadow: 0 8px 18px rgba(133, 91, 0, .18), inset 0 1px 0 rgba(255,255,255,.65) !important;
}
body.kk-route-tartozaskezelo .kk-debt-detail-toggle:hover,
body.kk-route-tartozaskezelo .kk-debt-detail-toggle:focus-visible {
  filter: saturate(1.08) brightness(1.02);
}


body.kk-route-tartozaskezelo .kk-th-qualifier {
  font-size: .78em;
  font-weight: 760;
  opacity: .76;
  white-space: nowrap;
}









@media (max-width: 767.98px) {
  body.kk-route-tartozaskezelo .kk-debt-card-date { align-self: flex-start; }
  
  
}






body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary strong,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary strong {
  color: #203448 !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary small,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary small {
  color: #68788a !important;
}


body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > .kk-work-section-body {
  background: transparent;
}


body.kk-route-tartozaskezelo .kk-case-detail-page > .kk-case-balance .kk-case-balance-table tfoot td:last-child,
body.kk-route-tartozaskezelo .kk-list-balance .kk-case-balance-table tfoot td:last-child {
  color: #fff;
  background: #173a61 !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page > .kk-case-balance .kk-case-balance-table tfoot td:last-child small,
body.kk-route-tartozaskezelo .kk-list-balance .kk-case-balance-table tfoot td:last-child small {
  color: #c5d8eb;
}


body.kk-route-tartozaskezelo .kk-list-overview {
  display: grid;
  
  
  align-items: stretch;
  
}
body.kk-route-tartozaskezelo .kk-list-balance {
  min-width: 0;
  margin: 0;
  border: 2px solid #1d4b78;
  box-shadow: 0 13px 32px rgba(18, 55, 91, .10);
}
body.kk-route-tartozaskezelo .kk-list-balance .kk-case-balance-heading {
  border-bottom: 1px solid #1d4b78;
}
body.kk-route-tartozaskezelo .kk-list-balance .kk-case-balance-table {
  min-width: 680px;
}
body.kk-route-tartozaskezelo .kk-list-balance .kk-case-balance-table tbody td strong,
body.kk-route-tartozaskezelo .kk-list-balance .kk-case-balance-table tfoot strong {
  font-variant-numeric: tabular-nums;
}
body.kk-route-tartozaskezelo .kk-list-search {
  align-content: start;
  min-width: 0;
  
  background: linear-gradient(145deg, #f8fbfe 0%, #eef4f9 100%);
  border: 1px solid #cbd9e6;
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(18, 55, 91, .08);
}
body.kk-route-tartozaskezelo .kk-list-search label {
  font-size: .9rem;
}
body.kk-route-tartozaskezelo .kk-list-search .form-control {
  min-height: 46px;
}
body.kk-route-tartozaskezelo .kk-list-search small {
  margin-top: 4px;
}


body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-detail {
  margin-top: 14px;
}
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-detail-values > span {
  color: #80652f;
  font-size: .82rem;
  font-weight: 780;
}

@media (max-width: 991.98px) {
  body.kk-route-tartozaskezelo .kk-list-overview {
    grid-template-columns: 1fr;
  }
  body.kk-route-tartozaskezelo .kk-list-search {
    width: 100%;
  }
}




body.kk-route-tartozaskezelo .kk-case-balance-table tbody .kk-collection-cost-row > th,
body.kk-route-tartozaskezelo .kk-case-balance-table tbody .kk-collection-cost-row > td:not(.kk-balance-allocated):not(.kk-balance-outstanding) {
  background: #ffffff !important;
}
body.kk-route-tartozaskezelo .kk-case-balance-table tbody .kk-collection-cost-row > .kk-balance-allocated {
  background: #f1faf5 !important;
}
body.kk-route-tartozaskezelo .kk-case-balance-table tbody .kk-collection-cost-row > .kk-balance-outstanding {
  background: #fff7f8 !important;
}


body.kk-route-tartozaskezelo {
  --dm-debt-blue: #496f8f;
  
  --dm-debt-blue-ink: #28455d;
  --dm-debt-blue-surface: #dfe7ed;
  --dm-debt-blue-surface-2: #edf2f5;
  --dm-debt-blue-border: #9fb3c3;
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1) {
  color: var(--dm-debt-blue-ink) !important;
  
  
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1) i {
  color: #fff !important;
  background: var(--dm-debt-blue) !important;
  box-shadow: none !important;
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1):hover,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1):focus-visible {
  
  
  border-color: #829daf !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts {
  background: linear-gradient(135deg, var(--dm-debt-blue-surface) 0%, var(--dm-debt-blue-surface-2) 55%, #d8e2e9 100%) !important;
  border-color: var(--dm-debt-blue-border) !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary:hover,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary:focus-visible {
  color: var(--dm-debt-blue-ink) !important;
  background: linear-gradient(115deg, #dce6ed 0%, #edf2f5 54%, #d4e0e8 100%) !important;
  border-bottom-color: rgba(128, 154, 174, .88) !important;
  box-shadow: none !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary .kk-section-summary-icon,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-section-summary-icon {
  color: #fff !important;
  background: var(--dm-debt-blue) !important;
  box-shadow: none !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary .kk-section-count,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-section-count {
  color: #2d4b63 !important;
  background: #cbd9e3 !important;
}


body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary {
  font-size: 1rem !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary > span:nth-child(2) > strong,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary > span:nth-child(2) > strong {
  color: #20384d !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary .kk-payment-summary-stat,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-payment-summary-stat {
  min-height: 94px !important;
  padding: 10px 11px !important;
  font-size: 1rem !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary .kk-payment-summary-stat > small,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-payment-summary-stat > small {
  font-size: .82rem !important;
  line-height: 1.25 !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary .kk-summary-balance-row em,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-summary-balance-row em {
  font-size: .82rem !important;
  line-height: 1.15 !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary .kk-summary-balance-row strong,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-summary-balance-row strong {
  font-size: .88rem !important;
  line-height: 1.2 !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary .kk-payment-summary-stat.is-allocated > strong,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-payment-summary-stat.is-allocated > strong {
  font-size: 1rem !important;
}


body.kk-route-tartozaskezelo .kk-list-overview {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
}
body.kk-route-tartozaskezelo .kk-list-balance,
body.kk-route-tartozaskezelo .kk-list-search {
  width: 100% !important;
  max-width: none !important;
}
body.kk-route-tartozaskezelo .kk-list-search {
  display: grid;
  gap: 7px;
  padding: 14px 16px !important;
}
body.kk-route-tartozaskezelo .kk-list-search-controls {
  
  grid-template-columns: minmax(0, 1fr) auto;
  
  
}
body.kk-route-tartozaskezelo .kk-list-search-controls .form-control {
  width: 100%;
}
body.kk-route-tartozaskezelo .kk-sort-reset {
  min-width: 138px;
  white-space: nowrap;
}
body.kk-route-tartozaskezelo .kk-sort-reset[hidden] {
  display: none !important;
}


body.kk-route-tartozaskezelo .kk-case-table thead th {
  padding: 0 !important;
  vertical-align: middle;
}
body.kk-route-tartozaskezelo .kk-table-sort {
  display: inline-flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  gap: 7px;
  padding: 11px 13px;
  color: inherit;
  background: transparent;
  border: 0;
  font: inherit;
  font-weight: 800;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
}
body.kk-route-tartozaskezelo .kk-table-sort.is-numeric {
  justify-content: flex-end;
  text-align: right;
}
body.kk-route-tartozaskezelo .kk-table-sort i {
  flex: 0 0 auto;
  opacity: .58;
}
body.kk-route-tartozaskezelo .kk-table-sort:hover,
body.kk-route-tartozaskezelo .kk-table-sort:focus-visible,
body.kk-route-tartozaskezelo .kk-table-sort.is-active {
  color: #fff;
  background: rgba(255,255,255,.12);
  outline: none;
}

body.kk-route-tartozaskezelo .kk-case-open-column {
  width: 62px;
}


body.kk-route-tartozaskezelo .kk-case-added-date {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
  color: #6b7d8e;
  font-size: .82rem;
  font-weight: 690;
  line-height: 1.25;
  white-space: nowrap;
}
body.kk-route-tartozaskezelo .kk-case-added-date i {
  color: #52738f;
}


body.kk-route-tartozaskezelo .modal-header > .kk-modal-heading {
  min-width: 0;
  padding-right: 8px;
}
body.kk-route-tartozaskezelo .modal-header .kk-modal-meta {
  align-items: center;
  row-gap: 6px;
}
body.kk-route-tartozaskezelo .modal-header .kk-modal-meta .kk-eyebrow{
  position: static !important;
  float: none !important;
  max-width: 100%;
}
body.kk-route-tartozaskezelo .modal-header .modal-title {
  overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
  body.kk-route-tartozaskezelo .kk-list-search-controls {
    grid-template-columns: 1fr;
  }
  body.kk-route-tartozaskezelo .kk-sort-reset {
    width: 100%;
  }
}



body.kk-route-tartozaskezelo {
  --dm-debt-nav-1: #3f6f94;
  --dm-debt-nav-2: #4d7fa4;
  --dm-debt-nav-3: #5c8eaf;
  --dm-debt-nav-border: #315d80;
  --dm-payment-nav-1: #4f756c;
  --dm-payment-nav-2: #5d8479;
  --dm-payment-nav-3: #6d9388;
  --dm-payment-nav-border: #40645c;
  --dm-ledger-nav-1: #555f6b;
  --dm-ledger-nav-2: #65717d;
  --dm-ledger-nav-3: #76828e;
  --dm-ledger-nav-border: #444e59;
}


body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1),
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2),
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(3) {
  color: #fff !important;
  box-shadow: 0 7px 17px rgba(31, 47, 61, .13), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1) {
  background: linear-gradient(135deg, var(--dm-debt-nav-1), var(--dm-debt-nav-2) 58%, var(--dm-debt-nav-3)) !important;
  border-color: var(--dm-debt-nav-border) !important;
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2) {
  background: linear-gradient(135deg, var(--dm-payment-nav-1), var(--dm-payment-nav-2) 58%, var(--dm-payment-nav-3)) !important;
  border-color: var(--dm-payment-nav-border) !important;
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(3) {
  background: linear-gradient(135deg, var(--dm-ledger-nav-1), var(--dm-ledger-nav-2) 58%, var(--dm-ledger-nav-3)) !important;
  border-color: var(--dm-ledger-nav-border) !important;
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1) i,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2) i,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(3) i {
  color: #fff !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: none !important;
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1):hover,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1):focus-visible,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2):hover,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2):focus-visible,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(3):hover,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(3):focus-visible {
  color: #fff !important;
  filter: brightness(1.055) saturate(1.04);
  transform: translateY(-1px);
}


body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary {
  color: #fff !important;
  background: linear-gradient(120deg, var(--dm-debt-nav-1) 0%, var(--dm-debt-nav-2) 56%, var(--dm-debt-nav-3) 100%) !important;
  box-shadow: 0 10px 24px rgba(49, 93, 128, .16) !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary > span:nth-child(2) > strong {
  color: #fff !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-section-summary-icon {
  color: var(--dm-debt-nav-1) !important;
  background: #fff !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-section-count {
  color: #315d80 !important;
  background: rgba(255,255,255,.88) !important;
}
body.kk-route-tartozaskezelo #dm-section-payments[open] > summary {
  color: #fff !important;
  background: linear-gradient(120deg, var(--dm-payment-nav-1) 0%, var(--dm-payment-nav-2) 56%, var(--dm-payment-nav-3) 100%) !important;
  box-shadow: 0 10px 24px rgba(57, 91, 82, .15) !important;
}
body.kk-route-tartozaskezelo #dm-section-payments[open] > summary .kk-section-summary-icon {
  color: var(--dm-payment-nav-1) !important;
  background: #fff !important;
}
body.kk-route-tartozaskezelo #dm-section-ledger[open] > summary {
  color: #fff !important;
  background: linear-gradient(120deg, var(--dm-ledger-nav-1) 0%, var(--dm-ledger-nav-2) 56%, var(--dm-ledger-nav-3) 100%) !important;
  box-shadow: 0 10px 24px rgba(62, 72, 82, .15) !important;
}
body.kk-route-tartozaskezelo #dm-section-ledger[open] > summary .kk-section-summary-icon {
  color: var(--dm-ledger-nav-1) !important;
  background: #fff !important;
}


body.kk-route-tartozaskezelo .kk-work-section > summary {
  border-bottom: 0 !important;
}
body.kk-route-tartozaskezelo .kk-work-section > .kk-work-section-body {
  border-top: 1px solid rgba(157, 176, 193, .72) !important;
}


body.kk-route-tartozaskezelo .kk-list-search-controls {
  display: flex !important;
  align-items: stretch;
  gap: 10px;
}
body.kk-route-tartozaskezelo .kk-list-search-controls .form-control {
  flex: 1 1 auto;
  min-width: 180px;
}
body.kk-route-tartozaskezelo .kk-list-search-controls .kk-sort-reset {
  flex: 0 0 auto;
  margin-left: auto;
}
body.kk-route-tartozaskezelo .kk-list-search-controls .kk-new-case-button {
  flex: 0 0 auto;
  white-space: nowrap;
}


body.kk-route-tartozaskezelo .kk-table-sort:hover,
body.kk-route-tartozaskezelo .kk-table-sort:focus-visible {
  color: inherit !important;
  background: rgba(255,255,255,.08) !important;
}
body.kk-route-tartozaskezelo .kk-table-sort.is-active {
  color: inherit !important;
  background: transparent !important;
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  text-decoration-color: currentColor;
}
body.kk-route-tartozaskezelo .kk-table-sort.is-active i {
  opacity: 1;
}


body.kk-route-tartozaskezelo .kk-payment-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
body.kk-route-tartozaskezelo .kk-payment-toolbar-actions {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 9px;
  order: 1;
}
body.kk-route-tartozaskezelo .kk-payment-toolbar-copy {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: 11px;
  order: 2;
}
body.kk-route-tartozaskezelo .kk-payment-toolbar-copy > p {
  margin: 0;
  color: #40586a;
  font-size: .94rem;
  line-height: 1.52;
}
body.kk-route-tartozaskezelo .kk-payment-legend {
  gap: 9px 18px;
}
body.kk-route-tartozaskezelo .kk-payment-legend span {
  font-size: .9rem;
  font-weight: 720;
}
body.kk-route-tartozaskezelo .kk-payment-legend i {
  width: 13px;
  height: 13px;
}


body.kk-route-tartozaskezelo .btn-kk-payment-add,
body.kk-route-tartozaskezelo .btn-kk-payment-allocate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff !important;
  background: linear-gradient(135deg, #3f6f62 0%, #4f8273 55%, #649789 100%) !important;
  border: 1px solid #315e53 !important;
  box-shadow: 0 8px 18px rgba(43, 91, 77, .20), inset 0 1px 0 rgba(255,255,255,.20) !important;
  font-weight: 780;
}
body.kk-route-tartozaskezelo .btn-kk-payment-add:hover,
body.kk-route-tartozaskezelo .btn-kk-payment-add:focus-visible,
body.kk-route-tartozaskezelo .btn-kk-payment-allocate:hover,
body.kk-route-tartozaskezelo .btn-kk-payment-allocate:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, #47796b 0%, #598d7e 55%, #6da092 100%) !important;
  border-color: #2f5c51 !important;
  transform: translateY(-1px);
}


body.kk-route-tartozaskezelo .kk-payment-list article {
  grid-template-columns: minmax(180px, 1.2fr) minmax(180px, .8fr) minmax(150px, auto);
}
body.kk-route-tartozaskezelo .kk-payment-actions {
  display: grid !important;
  grid-template-columns: minmax(145px, 1fr);
  gap: 7px;
  justify-content: stretch;
  align-items: stretch;
}
body.kk-route-tartozaskezelo .kk-payment-actions .btn {
  width: 100%;
  min-height: 38px;
  justify-content: center;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  body.kk-route-tartozaskezelo .kk-payment-list article {
    grid-template-columns: minmax(0, 1fr) minmax(180px, .8fr);
  }
  body.kk-route-tartozaskezelo .kk-payment-actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  body.kk-route-tartozaskezelo .kk-list-search-controls {
    flex-wrap: wrap;
  }
  body.kk-route-tartozaskezelo .kk-list-search-controls .form-control {
    flex-basis: 100%;
  }
  body.kk-route-tartozaskezelo .kk-list-search-controls .kk-sort-reset {
    margin-left: 0;
  }
  body.kk-route-tartozaskezelo .kk-list-search-controls .kk-sort-reset,
  body.kk-route-tartozaskezelo .kk-list-search-controls .kk-new-case-button {
    flex: 1 1 220px;
  }
  body.kk-route-tartozaskezelo .kk-payment-actions {
    grid-template-columns: 1fr;
  }
  body.kk-route-tartozaskezelo .kk-payment-toolbar-actions .btn {
    width: 100%;
  }
}




body.kk-route-tartozaskezelo .kk-case-status-dropdown {
  flex: 0 0 auto;
  min-width: 184px;
}
body.kk-route-tartozaskezelo .kk-case-status-dropdown > .dropdown-toggle {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}
body.kk-route-tartozaskezelo .kk-case-status-dropdown .dropdown-menu {
  min-width: 210px;
  padding: 7px;
  border: 1px solid #c7d4e1;
  border-radius: 13px;
  box-shadow: 0 16px 38px rgba(17, 39, 66, .18);
}
body.kk-route-tartozaskezelo .kk-case-status-dropdown .dropdown-item {
  padding: 9px 11px;
  color: #273d55;
  border-radius: 9px;
  font-weight: 720;
}
body.kk-route-tartozaskezelo .kk-case-status-dropdown .dropdown-item:hover,
body.kk-route-tartozaskezelo .kk-case-status-dropdown .dropdown-item:focus {
  color: #17324f;
  background: #edf3f8;
}
body.kk-route-tartozaskezelo .kk-case-status-dropdown .dropdown-item.active,
body.kk-route-tartozaskezelo .kk-case-status-dropdown .dropdown-item:active {
  color: #fff;
  background: #315d80;
}
@media (min-width: 992px) {
  body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions {
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
  }
  body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions > .btn,
  body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions > .dropdown {
    flex: 0 0 auto;
  }
}


body.kk-route-tartozaskezelo #dmCaseNew .modal-header > .kk-modal-heading,
body.kk-route-tartozaskezelo #dmCaseEdit .modal-header > .kk-modal-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  min-width: 0;
}
body.kk-route-tartozaskezelo #dmCaseNew .kk-modal-meta,
body.kk-route-tartozaskezelo #dmCaseEdit .kk-modal-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  min-width: 0;
}
body.kk-route-tartozaskezelo #dmCaseNew .kk-modal-meta .kk-eyebrow, body.kk-route-tartozaskezelo #dmCaseEdit .kk-modal-meta .kk-eyebrow{
  position: static !important;
  float: none !important;
  margin: 0 !important;
}


body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1):hover,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(1):focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, var(--dm-debt-nav-1), var(--dm-debt-nav-2) 58%, var(--dm-debt-nav-3)) !important;
  filter: none !important;
  transform: translateY(-2px);
  box-shadow: 0 11px 23px rgba(49, 93, 128, .24), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2):hover,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(2):focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, var(--dm-payment-nav-1), var(--dm-payment-nav-2) 58%, var(--dm-payment-nav-3)) !important;
  filter: none !important;
  transform: translateY(-2px);
  box-shadow: 0 11px 23px rgba(57, 91, 82, .23), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(3):hover,
body.kk-route-tartozaskezelo .kk-case-sticky-nav a:nth-child(3):focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, var(--dm-ledger-nav-1), var(--dm-ledger-nav-2) 58%, var(--dm-ledger-nav-3)) !important;
  filter: none !important;
  transform: translateY(-2px);
  box-shadow: 0 11px 23px rgba(62, 72, 82, .23), inset 0 1px 0 rgba(255,255,255,.18) !important;
}



.kk-account-modal-dialog {
  width: calc(100% - 28px);
  max-width: 720px !important;
}
.kk-account-modal-dialog--login { max-width: 520px !important; }
.kk-account-modal-dialog--profile { max-width: 760px !important; }

.kk-account-modal-header {
  color: #fff !important;
  background: linear-gradient(135deg, #102f55 0%, #1d5b91 100%) !important;
  border-bottom: 0 !important;
}
.kk-account-modal-header,
.kk-account-modal-header * {
  color: #fff !important;
}
.kk-account-modal-title {
  min-width: 0;
  color: #fff !important;
}

.kk-forgot-link.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  margin: 12px 0 0;
  padding: .62rem .95rem;
  color: var(--kk-navy-800) !important;
  background: #fff !important;
  border: 1px solid var(--kk-line-strong) !important;
  box-shadow: none !important;
}
.kk-forgot-link.btn:hover,
.kk-forgot-link.btn:focus-visible {
  color: var(--kk-navy-900) !important;
  background: #edf4fb !important;
  border-color: #aabed1 !important;
}

.btn-kk-register {
  color: #fff !important;
  background: linear-gradient(125deg, #286b58 0%, #3b8d71 100%) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 8px 20px rgba(38, 112, 87, .22) !important;
}
.btn-kk-register:hover,
.btn-kk-register:focus-visible {
  color: #fff !important;
  background: linear-gradient(125deg, #205a4a 0%, #327a63 100%) !important;
}

.kk-status-modal-header {
  color: #fff !important;
  border-bottom: 0 !important;
}
.kk-status-modal-header,
.kk-status-modal-header * {
  color: #fff !important;
}
.kk-status-modal-header--success {
  background: linear-gradient(135deg, #286b58 0%, #3b8d71 100%) !important;
}
.kk-status-modal-header--danger {
  background: linear-gradient(135deg, #7f162c 0%, #a5253d 100%) !important;
}
.kk-status-modal-header .kk-eyebrow {
  color: rgba(255, 255, 255, .76) !important;
}

@media (max-width: 575.98px) {
  .kk-account-modal-dialog,
  .kk-account-modal-dialog--login,
  .kk-account-modal-dialog--profile {
    width: calc(100% - 18px);
    max-width: none !important;
    margin-right: auto;
    margin-left: auto;
  }
}


.kk-login-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin: 18px 0 14px;
  text-align: center;
}
.kk-login-divider::before,
.kk-login-divider::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: #dce5ee;
}
.kk-login-divider span {
  flex: 0 0 auto;
  min-width: 42px;
  color: #73839a;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-align: center;
}

.kk-account-plan-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 14px;
  padding: 14px 16px;
  
  
  border: 1px solid #d8e2ec;
  border-radius: 14px;
}
.kk-account-plan-note__icon {
  display: grid;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  place-items: center;
  
  
  border-radius: 11px;
}
.kk-account-plan-note div { display: grid; gap: 2px; }
.kk-account-plan-note strong {  font-size: .9rem; }
.kk-account-plan-note span {  font-size: .84rem; line-height: 1.45; }
.kk-account-plan-note a {  font-weight: 800; }

.kk-account-logout,
.kk-account-logout:hover,
.kk-account-logout:focus {
  margin-right: auto;
  padding: .55rem .9rem;
  color: #304a64;
  background: #fff;
  border: 1px solid #cbd7e3;
  box-shadow: none;
}
.kk-account-logout:hover,
.kk-account-logout:focus {
  color: #173452;
  background: #f3f6f9;
  border-color: #aebfd0;
  transform: translateY(-1px);
}






.kk-import-disabled-note,
.kk-excel-import-intro {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 17px 18px;
  background: #f4f7fa;
  border: 1px solid #d8e2eb;
  border-radius: 14px;
}
.kk-import-disabled-note { color: #52687d; }
.kk-import-disabled-note > i { margin-top: 3px; color: #4f6f8e; font-size: 1.15rem; }
.kk-import-disabled-note div { display: grid; gap: 3px; }
.kk-import-disabled-note strong { color: #25445f; }

.kk-excel-import-intro { margin-bottom: 16px; }
.kk-excel-import-intro__icon {
  display: grid;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #3f765f 0%, #568b73 100%);
  border-radius: 14px;
  font-size: 1.25rem;
  box-shadow: 0 9px 20px rgba(52, 105, 82, .18);
}
.kk-excel-import-intro div { display: grid; gap: 9px; }
.kk-excel-import-intro p {
  margin: 0;
  color: #455d73;
  line-height: 1.62;
  text-align: justify;
}
.kk-import-demo-note--excel {
  margin-bottom: 16px;
  border-color: #d9c383;
  background: linear-gradient(135deg, #fffaf0 0%, #f8f0dc 100%);
}
.kk-excel-import-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 16px 0 14px;
}
.kk-excel-import-toolbar span {
  color: #667a8e;
  font-size: .88rem;
  font-weight: 700;
}
.kk-excel-import-dropzone .kk-csv-dropzone-icon {
  background: linear-gradient(135deg, #3f765f 0%, #568b73 100%);
  box-shadow: 0 10px 24px rgba(52, 105, 82, .2);
}
.kk-excel-import-dropzone:hover,
.kk-excel-import-dropzone.is-dragging {
  border-color: #4d8069;
  background: #eef7f2;
}

.kk-bulk-trial-notice {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 18px 0;
  padding: 18px 20px;
  color: #29465f;
  background: linear-gradient(135deg, #edf5fb 0%, #e4eef7 100%);
  border: 1px solid #bfd2e3;
  border-left: 4px solid #3e6f99;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(32, 73, 108, .07);
}

.kk-bulk-trial-notice p {
  margin: 0;
  color: #35536d;
  line-height: 1.65;
  text-align: justify;
}

@media (max-width: 767.98px) {
  
  
  
  .kk-excel-import-toolbar { align-items: stretch; flex-direction: column; }
  .kk-excel-import-toolbar .btn { width: 100%; }
  .kk-bulk-trial-notice { padding: 15px; }
}


.kk-trial-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  padding: .34rem .72rem;
  color: #6b4a00;
  background: linear-gradient(135deg, #fff2a8 0%, #ffd95d 100%);
  border: 1px solid #e5b92f;
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(168, 117, 0, .12);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .035em;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}
.kk-demo-banner > div,
.kk-demo-banner.compact {
  align-items: flex-start;
  gap: .7rem;
}
.kk-demo-banner > div { display: grid; }
.kk-demo-banner.compact { display: flex; }

.kk-import-demo-note,
.kk-import-demo-note--excel {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin: 0 0 18px;
  padding: 15px 17px;
  color: #604f24;
  background: linear-gradient(135deg, #fff9dc 0%, #fff2bd 100%);
  border: 1px solid #e2c86c;
  border-left: 4px solid #d8a915;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(115, 87, 5, .07);
}
.kk-import-demo-note p,
.kk-import-demo-note--excel p {
  margin: 0;
  color: #5a4b25;
  font-size: .91rem;
  line-height: 1.58;
  text-align: justify;
}
.kk-import-rules { margin-bottom: 18px !important; }
.kk-debt-excel-import-form > .modal-footer { margin-top: 4px; }

.kk-bulk-trial-notice.alert-warning {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: start;
  gap: 12px 15px;
  margin: 18px 0 22px;
  padding: 18px 20px 20px;
  color: #594a22;
  background: linear-gradient(135deg, #fff9dc 0%, #ffefaf 100%);
  border: 1px solid #e2c35b;
  border-left: 5px solid #d5a400;
  border-radius: 15px;
  box-shadow: 0 10px 24px rgba(109, 82, 0, .08);
}
.kk-bulk-trial-notice.alert-warning p {
  margin: 0;
  color: #554720;
  line-height: 1.68;
  text-align: justify;
}
.kk-bulk-trial-facts {
  display: flex;
  grid-column: 2;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 4px;
  padding-top: 4px;
}
.kk-bulk-trial-facts span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: .3rem .66rem;
  color: #65511b;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(184, 143, 25, .34);
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.2;
}

.kk-account-plan-note {
  color: #244d40;
  background: linear-gradient(135deg, #edf7f2 0%, #e2f0e9 100%);
  border-color: #b9d7c9;
}
.kk-account-plan-note__icon {
  color: #fff !important;
  background: linear-gradient(135deg, #376f5d 0%, #4f8974 100%) !important;
  box-shadow: 0 6px 14px rgba(42, 102, 81, .18);
  font-size: 1rem;
}
.kk-account-plan-note__icon i { display: block; color: #fff; }
.kk-account-plan-note strong { color: #1e5644; }
.kk-account-plan-note span { color: #4c6f63; }
.kk-account-plan-note a { color: #25664f; }

.kk-account-affiliate-card__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
}
.kk-account-affiliate-card__body p { flex: 1 1 auto; margin: 0; padding: 0; }
.kk-account-affiliate-card__body .btn { flex: 0 0 auto; }






.kk-excel-review-header {
  color: #fff;
  background: linear-gradient(135deg, #214e70 0%, #3f765f 100%);
  border-bottom: 0;
}
.kk-excel-review-header .modal-title,
.kk-excel-review-header .kk-eyebrow { color: #fff; }
.kk-excel-review-file {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding: 12px 14px;
  background: #eef6f2;
  border: 1px solid #c8ddd3;
  border-radius: 13px;
}
.kk-excel-review-file > i { color: #397661; font-size: 1.35rem; }
.kk-excel-review-file div { display: grid; gap: 2px; }
.kk-excel-review-file strong { color: #214d3f; }
.kk-excel-review-file span { color: #688075; font-size: .82rem; }
.kk-excel-review-progress {
  margin-bottom: 10px;
  color: #6b7d8d;
  font-size: .82rem;
  font-weight: 800;
  text-align: right;
}
.kk-excel-review-question {
  padding: 20px;
  background: #f8fafc;
  border: 1px solid #d8e2eb;
  border-radius: 16px;
}
.kk-excel-review-question h3 { margin: 12px 0 8px; color: #173a5d; font-size: 1.2rem; }
.kk-excel-review-question > p { color: #536b80; line-height: 1.55; }
.kk-excel-review-question dl {
  display: grid;
  grid-template-columns: minmax(130px,.42fr) minmax(0,1fr);
  margin: 14px 0 18px;
  overflow: hidden;
  border: 1px solid #dbe4ec;
  border-radius: 12px;
}
.kk-excel-review-question dt,
.kk-excel-review-question dd { margin: 0; padding: 9px 12px; border-bottom: 1px solid #e3eaf0; }
.kk-excel-review-question dt { color: #587086; background: #eef3f7; font-size: .78rem; }
.kk-excel-review-question dd { color: #243f59; background: #fff; font-weight: 700; }
.kk-excel-review-question dt:last-of-type,
.kk-excel-review-question dd:last-of-type { border-bottom: 0; }
.kk-excel-review-choices { display: flex; justify-content: flex-end; gap: 10px; }
.kk-excel-review-complete {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px;
  color: #285745;
  background: #edf7f2;
  border: 1px solid #bfdbce;
  border-radius: 16px;
}
.kk-excel-review-complete[hidden] { display: none !important; }
.kk-excel-review-complete__icon {
  display: grid;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  place-items: center;
  color: #fff;
  background: #3f7b65;
  border-radius: 13px;
}
.kk-excel-review-complete h3 { margin: 0 0 4px; font-size: 1.15rem; }
.kk-excel-review-complete p { margin: 0; color: #5c776b; }

@media (max-width: 575.98px) {
  .kk-import-demo-note,
  .kk-import-demo-note--excel,
  .kk-bulk-trial-notice.alert-warning { grid-template-columns: 1fr; }
  .kk-bulk-trial-facts { grid-column: 1; }
  .kk-account-affiliate-card__body { align-items: stretch; flex-direction: column; }
  
  .kk-excel-review-question dl { grid-template-columns: 1fr; }
  .kk-excel-review-question dt { border-bottom: 0; }
  .kk-excel-review-choices { display: grid; grid-template-columns: 1fr; }
}


.kk-account-access-card {
  display: grid;
  grid-template-columns: minmax(170px, .42fr) minmax(0, 1fr);
  gap: 14px 18px;
  align-items: start;
  margin-top: 14px;
  padding: 16px 18px;
  color: #29465f;
  background: linear-gradient(135deg, #f4f8fb 0%, #eef4f8 100%);
  border: 1px solid #cbd9e5;
  border-radius: 15px;
}
.kk-account-access-card__label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #214966;
  line-height: 1.4;
}
.kk-account-access-card__label i { color: #4e718e; }
.kk-account-access-card p {
  margin: 0;
  color: #536d82;
  line-height: 1.58;
}
.kk-account-access-email-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kk-account-access-email-list li {
  position: relative;
  padding: .48rem .68rem .48rem 1.65rem;
  color: #203c58;
  background: #fff;
  border: 1px solid #dbe4ed;
  border-radius: 10px;
  font-size: .86rem;
  font-weight: 750;
  overflow-wrap: anywhere;
}
.kk-account-access-email-list li::before {
  position: absolute;
  top: 50%;
  left: .68rem;
  width: 7px;
  height: 7px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #4e718e;
  content: "";
}
.kk-account-modal-footer {
  justify-content: flex-end !important;
  gap: .65rem;
}
.kk-account-modal-footer .kk-account-logout {
  margin-right: 0 !important;
}
@media (max-width: 575.98px) {
  .kk-account-access-card { grid-template-columns: 1fr; }
  .kk-account-modal-footer .btn { flex: 1 1 auto; justify-content: center; }
}


.kk-login-intro {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}
.kk-login-intro > div:last-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.kk-login-intro > div:last-child > strong,
.kk-login-intro > div:last-child > span {
  display: block;
}
.kk-login-icon {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  color: #fff;
  background: linear-gradient(135deg, #173f6b 0%, #2d689e 100%);
  border: 1px solid rgba(16, 46, 84, .14);
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(16, 46, 84, .16);
}
.kk-login-icon i { display: block; }

body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-detail-values {
  min-width: 260px;
}
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-history {
  display: grid;
  gap: 7px;
  margin: 11px 0 10px;
  padding: 10px 0;
  text-align: right;
  border-top: 1px solid rgba(128, 101, 47, .22);
  border-bottom: 1px solid rgba(128, 101, 47, .22);
}
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-history > span {
  color: #80652f;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
}
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-history small {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  color: #5f543f;
  font-size: .82rem;
  line-height: 1.35;
}
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-history small b {
  color: #6b5730;
  font-weight: 800;
  white-space: nowrap;
}
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-history small em {
  color: #4f493e;
  font-style: normal;
  font-weight: 730;
}
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-outstanding {
  display: grid;
  gap: 2px;
  justify-items: end;
  margin-top: 7px;
  padding-top: 2px;
}
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-outstanding > span {
  color: #80652f;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-outstanding > strong {
  color: #5d3b0b;
  font-size: 1.38rem;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 991.98px) {
  body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-detail-values {
    min-width: 0;
  }
  body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-history {
    text-align: left;
  }
  body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-outstanding {
    justify-items: start;
  }
}
@media (max-width: 575.98px) {
  .kk-login-intro {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 11px;
    padding: 14px;
  }
  .kk-login-icon {
    width: 42px;
    height: 42px;
  }
  body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-history small {
    display: grid;
    gap: 2px;
  }
}


.kk-guide-card > summary .kk-guide-chevron {
  display: inline-grid !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  place-items: center !important;
  align-self: center;
  color: #523b00 !important;
  background: linear-gradient(145deg, #fff0a8 0%, #ffd451 58%, #f4be2f 100%) !important;
  border: 1px solid #d7a61f !important;
  border-radius: 12px !important;
  box-shadow: 0 7px 15px rgba(133, 91, 0, .20), inset 0 1px 0 rgba(255,255,255,.65) !important;
  transition: transform .24s ease, filter .18s ease, box-shadow .18s ease;
}
.kk-guide-card > summary:hover .kk-guide-chevron,
.kk-guide-card > summary:focus-visible .kk-guide-chevron {
  filter: saturate(1.08) brightness(1.02);
  box-shadow: 0 9px 19px rgba(133, 91, 0, .25), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.kk-guide-card[open] > summary .kk-guide-chevron {
  color: #523b00 !important;
  transform: rotate(180deg);
}


body.kk-route-tartozaskezelo .kk-case-table.has-collection-columns {
  min-width: 1240px;
}
body.kk-route-tartozaskezelo .kk-case-table tbody tr.kk-case-row-settled > td {
  background: #eef9f3 !important;
  border-color: #cfe7d9;
}
body.kk-route-tartozaskezelo .kk-case-table tbody tr.kk-case-row-settled > td:first-child {
  box-shadow: inset 4px 0 0 #2e8c5b;
}
body.kk-route-tartozaskezelo .kk-case-table tbody tr.kk-case-row-settled:hover > td {
  background: #e3f5eb !important;
}
body.kk-route-tartozaskezelo .kk-case-table tbody tr.kk-case-row-settled td > strong,
body.kk-route-tartozaskezelo .kk-case-table tbody tr.kk-case-row-settled .kk-case-reference {
  color: #245e42;
}
body.kk-route-tartozaskezelo .kk-overpayment-pill {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 4px 9px;
  color: #14613d;
  background: #dcf4e7;
  border: 1px solid #9fd3b5;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
}
body.kk-route-tartozaskezelo .kk-overpayment-pill i {
  color: #238454;
}



body.kk-route-tartozaskezelo .kk-debt-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  
  gap: 16px;
}
body.kk-route-tartozaskezelo .kk-debt-intro-copy {
  min-width: 0;
}
body.kk-route-tartozaskezelo .kk-debt-intro-copy p {
  max-width: none;
}
body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions {
  width: 100%;
  min-width: 0;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(38, 73, 111, .13);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  
}
body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions > .btn,
body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions > .dropdown {
  width: auto;
  flex: 0 0 auto;
}
body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions::-webkit-scrollbar {
  height: 5px;
}
body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions::-webkit-scrollbar-thumb {
  
  border-radius: 999px;
}
@media (max-width: 767.98px) {
  body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions {
    justify-content: flex-start;
    margin-inline: -2px;
    padding-bottom: 4px;
  }
}


.kk-affiliate-welcome-modal .modal-dialog {
  max-width: 760px;
}
.kk-affiliate-welcome-modal .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  box-shadow: 0 28px 80px rgba(12, 33, 58, .28);
}
.kk-affiliate-welcome-head {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 24px 26px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(255,255,255,.16), transparent 31%),
    linear-gradient(135deg, #153758, #285d88 62%, #35739d);
}
.kk-affiliate-welcome-head .kk-eyebrow {
  color: #cce8fb;
}
.kk-affiliate-welcome-head h2 {
  margin: 3px 0 4px;
  color: #fff;
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: 1.16;
}
.kk-affiliate-welcome-head p {
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: .95rem;
}
.kk-affiliate-welcome-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 18px;
  color: #174d34;
  background: linear-gradient(145deg, #d7f9e5, #91e3b5);
  box-shadow: 0 12px 28px rgba(6, 37, 23, .22), inset 0 1px 0 rgba(255,255,255,.82);
  font-size: 1.4rem;
}
.kk-affiliate-welcome-head .btn-close {
  align-self: start;
  margin-top: 1px;
  opacity: .82;
}
.kk-affiliate-welcome-head .btn-close:hover { opacity: 1; }
.kk-affiliate-welcome-body {
  padding: 24px 26px 20px;
  background: #fff;
}
.kk-affiliate-welcome-task {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid #ead38f;
  border-radius: 17px;
  background: linear-gradient(145deg, #fff9e8, #fff2c9);
}
.kk-affiliate-welcome-task > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  color: #6c4d00;
  background: linear-gradient(145deg, #ffe9a8, #f4c648);
  box-shadow: 0 8px 16px rgba(118, 81, 0, .14);
}
.kk-affiliate-welcome-task strong {
  display: block;
  margin-bottom: 3px;
  color: #3c4d61;
  font-size: 1rem;
}
.kk-affiliate-welcome-task p {
  margin: 0;
  color: #675f4d;
  font-size: .92rem;
  line-height: 1.55;
}
.kk-affiliate-welcome-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.kk-affiliate-welcome-options article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  padding: 15px 16px;
  border: 1px solid #dbe5ef;
  border-radius: 16px;
  background: #f8fbfd;
}
.kk-affiliate-welcome-options article > i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #285d88;
  background: #e4eff8;
}
.kk-affiliate-welcome-options strong {
  display: block;
  margin-bottom: 3px;
  color: #27445f;
  font-size: .93rem;
}
.kk-affiliate-welcome-options span {
  display: block;
  color: #66798b;
  font-size: .82rem;
  line-height: 1.45;
}
.kk-affiliate-welcome-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 15px 0 0;
  color: #607487;
  font-size: .84rem;
}
.kk-affiliate-welcome-note i { color: #2f779f; }
.kk-affiliate-welcome-footer {
  gap: 10px;
  padding: 16px 26px 22px;
  border-top: 1px solid #e6edf3;
  background: #fbfcfe;
}
.kk-affiliate-welcome-footer .btn {
  min-height: 44px;
  padding-inline: 18px;
}
@media (max-width: 767.98px) {
  .kk-affiliate-welcome-modal .modal-dialog { margin: 12px; }
  .kk-affiliate-welcome-head {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 20px;
  }
  .kk-affiliate-welcome-head .btn-close {
    position: absolute;
    top: 14px;
    right: 14px;
  }
  .kk-affiliate-welcome-icon {
    width: 50px;
    height: 50px;
    border-radius: 15px;
  }
  .kk-affiliate-welcome-body { padding: 18px; }
  .kk-affiliate-welcome-options { grid-template-columns: 1fr; }
  .kk-affiliate-welcome-footer {
    flex-direction: column-reverse;
    padding: 14px 18px 18px;
  }
  .kk-affiliate-welcome-footer .btn { width: 100%; }
}


body.kk-route-tartozaskezelo .kk-layout-grid {
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1380px) minmax(120px, 1fr);
}
body.kk-route-tartozaskezelo .kk-content-column {
  width: 100% !important;
  max-width: 1380px !important;
}
body.kk-route-tartozaskezelo .kk-case-table.has-collection-columns {
  width: 100%;
}


:root {
  --kk-page-content-max: 1380px;
}

.kk-layout-grid {
  grid-template-columns: minmax(120px, 1fr) minmax(0, var(--kk-page-content-max)) minmax(120px, 1fr);
}
.kk-content-column,
.kk-layout-grid > .col-lg-8,
.kk-layout-grid > .col-sm-12,
body[class*="kk-route-"] .kk-content-column {
  width: 100% !important;
  max-width: var(--kk-page-content-max) !important;
}


body:not(.kk-route-home) .kk-page-intro,
body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 88% 10%, rgba(255,255,255,.13), transparent 28%),
    linear-gradient(120deg, var(--kk-navy-950), var(--kk-navy-800) 72%, #3f4d91) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 24px;
  box-shadow: var(--kk-shadow-lg);
}
body:not(.kk-route-home) .kk-page-intro:not(.kk-page-intro-affiliate),
body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 {
  padding: 22px 26px;
}
body.kk-route-affiliate .kk-page-intro-affiliate {
  padding: 29px 31px;
}
body:not(.kk-route-home) .kk-page-intro::after,
body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2::after {
  content: "";
  position: absolute;
  top: -125px;
  right: -85px;
  width: 305px;
  height: 305px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  background: rgba(150,190,239,.08);
  pointer-events: none;
}
body:not(.kk-route-home) .kk-page-intro > *,
body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 > * {
  position: relative;
  z-index: 1;
}
body:not(.kk-route-home) .kk-page-intro h1,
body:not(.kk-route-home) .kk-page-intro h2,
body:not(.kk-route-home) .kk-page-intro p,
body:not(.kk-route-home) .kk-page-intro .kk-eyebrow,
body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 h1,
body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 p,
body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 .kk-eyebrow {
  color: #fff !important;
}
body:not(.kk-route-home) .kk-page-intro h1,
body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 h1 {
  margin: 4px 0 8px;
  font-size: clamp(1.75rem, 2.7vw, 2.65rem);
  line-height: 1.12;
}
body:not(.kk-route-home) .kk-page-intro p,
body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 p {
  max-width: 82ch;
  margin: 0;
  color: rgba(255,255,255,.82) !important;
  line-height: 1.55;
}
body:not(.kk-route-home) .kk-page-intro .kk-eyebrow,
body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 .kk-eyebrow {
  color: #cce3f7 !important;
}


body:not(.kk-route-home) .kk-page-intro .kk-registration-symbol,
body:not(.kk-route-home) .kk-page-intro .kk-affiliate-orbit,
body:not(.kk-route-home) .kk-page-intro .kk-api-symbol,
body:not(.kk-route-home) .kk-page-intro .kk-preview-intro-icon {
  color: #fff;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: none !important;
}


body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions {
  border-top-color: rgba(255,255,255,.17);
  scrollbar-color: rgba(255,255,255,.36) transparent;
}
body.kk-route-tartozaskezelo .kk-debt-intro .kk-intro-actions::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.32);
}
body.kk-route-tartozaskezelo .kk-debt-intro .btn-kk-secondary,
body.kk-route-tartozaskezelo .kk-debt-intro .dropdown > .btn {
  color: #fff !important;
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: none;
}
body.kk-route-tartozaskezelo .kk-debt-intro .btn-kk-secondary:hover,
body.kk-route-tartozaskezelo .kk-debt-intro .dropdown > .btn:hover {
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.44) !important;
}


body.kk-route-kapcsolatfelvetel .kk-contact-channels a {
  color: #fff;
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.17);
}
body.kk-route-kapcsolatfelvetel .kk-contact-channels a:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.27);
}
body.kk-route-kapcsolatfelvetel .kk-contact-channels small {
  color: rgba(255,255,255,.68);
}
body.kk-route-kapcsolatfelvetel .kk-contact-channels i {
  color: #173b61;
  background: linear-gradient(145deg, #eef7ff, #c9e1f5);
}


body.kk-route-kesedelmi-adatbevitel .kk-content-column > .card:first-child > .card-header, body.kk-route-kesedelmi-euro-adatbevitel .kk-content-column > .card:first-child > .card-header, body.kk-route-ugyleti-adatbevitel .kk-content-column > .card:first-child > .card-header, body.kk-route-vegyes-adatbevitel .kk-content-column > .card:first-child > .card-header, body.kk-route-aszf .kk-content-column > .card:first-child > .card-header, body.kk-route-kesedelmi-eredmeny .kk-content-column > .kk-result-card:first-child > .card-header, body.kk-route-kesedelmi-euro-eredmeny .kk-content-column > .kk-result-card:first-child > .card-header, body.kk-route-ugyleti-eredmeny .kk-content-column > .kk-result-card:first-child > .card-header, body.kk-route-vegyes-eredmeny .kk-content-column > .kk-result-card:first-child > .card-header, body.kk-route-kesedelmi-eredmeny-tablazat .kk-content-column > .kk-result-card:first-child > .card-header{
  position: relative;
  overflow: hidden;
  min-height: 72px;
  padding: 19px 24px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 92% 5%, rgba(255,255,255,.13), transparent 27%),
    linear-gradient(120deg, var(--kk-navy-950), var(--kk-navy-800) 72%, #3f4d91) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: none;
}
body.kk-route-kesedelmi-adatbevitel .kk-content-column > .card:first-child > .card-header,
body.kk-route-kesedelmi-euro-adatbevitel .kk-content-column > .card:first-child > .card-header,
body.kk-route-ugyleti-adatbevitel .kk-content-column > .card:first-child > .card-header,
body.kk-route-vegyes-adatbevitel .kk-content-column > .card:first-child > .card-header,
body.kk-route-aszf .kk-content-column > .card:first-child > .card-header {
  font-size: clamp(1.18rem, 1.7vw, 1.5rem);
  font-weight: 780;
  line-height: 1.25;
}
body.kk-route-kesedelmi-eredmeny .kk-content-column > .kk-result-card:first-child > .card-header *, body.kk-route-kesedelmi-euro-eredmeny .kk-content-column > .kk-result-card:first-child > .card-header *, body.kk-route-ugyleti-eredmeny .kk-content-column > .kk-result-card:first-child > .card-header *, body.kk-route-vegyes-eredmeny .kk-content-column > .kk-result-card:first-child > .card-header *{
  color: #fff !important;
}



.kk-password-card,
.kk-access-card,
.kk-account-modal-dialog {
  width: 100%;
}

@media (max-width: 1679.98px) {
  .kk-layout-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 767.98px) {
  body:not(.kk-route-home) .kk-page-intro:not(.kk-page-intro-affiliate),
  body.kk-route-affiliate .kk-page-intro-affiliate,
  body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 {
    padding: 20px;
  }
  body:not(.kk-route-home) .kk-page-intro h1,
  body.kk-route-kapcsolatfelvetel .kk-contact-hero-v2 h1 {
    font-size: clamp(1.55rem, 8vw, 2.1rem);
  }
  body.kk-route-kesedelmi-adatbevitel .kk-content-column > .card:first-child > .card-header, body.kk-route-kesedelmi-euro-adatbevitel .kk-content-column > .card:first-child > .card-header, body.kk-route-ugyleti-adatbevitel .kk-content-column > .card:first-child > .card-header, body.kk-route-vegyes-adatbevitel .kk-content-column > .card:first-child > .card-header, body.kk-route-aszf .kk-content-column > .card:first-child > .card-header{
    min-height: 0;
    padding: 17px 18px !important;
  }
}



.kk-page-intro-calculator,
.kk-page-intro-legal {
  min-height: 154px;
  padding: 26px 30px !important;
}
.kk-page-intro-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}
.kk-page-intro-calculator h1,
.kk-page-intro-legal h1 {
  max-width: 24ch;
}
.kk-page-intro-calculator p,
.kk-page-intro-legal p {
  max-width: 78ch !important;
}
.kk-page-symbol {
  position: relative;
  z-index: 2;
  width: 90px;
  height: 90px;
  flex: 0 0 90px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #fff;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 27px;
  font-size: 2rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.kk-page-symbol > span {
  position: absolute;
  width: 122px;
  height: 122px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  transform: translate(28px, -29px);
}
.kk-page-symbol > i {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 5px 12px rgba(0,0,0,.16));
}
.kk-page-intro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 15px;
}
.kk-page-intro-action {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  color: #fff !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.27) !important;
  border-radius: 12px;
  font-weight: 760;
  box-shadow: none !important;
}
.kk-page-intro-action:hover,
.kk-page-intro-action:focus-visible {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.43) !important;
  transform: translateY(-1px);
}
.kk-page-intro-meta {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  padding: 7px 11px;
  color: #eef6ff;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  font-size: .84rem;
  font-weight: 720;
}
.kk-page-intro-result {
  min-height: 140px;
}
.kk-page-intro-bulk,
.kk-page-intro-bulk-result {
  min-height: 150px;
}
.kk-card-headerless > .card-body {
  border-radius: inherit;
}
.kk-page-intro-calculator + .card,
.kk-page-intro-legal + .card {
  margin-top: 0 !important;
}
.kk-calculator-card,
.kk-legal-card.kk-card-headerless,
.kk-result-card--source.kk-card-headerless,
.kk-bulk-entry-card.kk-card-headerless {
  overflow: hidden;
  border-top: 1px solid var(--kk-line) !important;
}


body.kk-route-kesedelmi-adatbevitel .kk-content-column > .card:first-child > .card-header,
body.kk-route-kesedelmi-euro-adatbevitel .kk-content-column > .card:first-child > .card-header,
body.kk-route-vegyes-adatbevitel .kk-content-column > .card:first-child > .card-header,
body.kk-route-aszf .kk-content-column > .card:first-child > .card-header {
  display: none !important;
}

@media (max-width: 767.98px) {
  .kk-page-intro-calculator,
  .kk-page-intro-legal,
  .kk-page-intro-result,
  .kk-page-intro-bulk,
  .kk-page-intro-bulk-result {
    min-height: 0;
    padding: 20px !important;
  }
  .kk-page-symbol {
    width: 64px;
    height: 64px;
    flex-basis: 64px;
    border-radius: 20px;
    font-size: 1.45rem;
  }
  .kk-page-intro-actions {
    margin-top: 12px;
  }
}


body.kk-route-aszf .kk-legal-card .card-body {
  width: min(100%, 1180px);
  margin-inline: auto;
  padding-inline: clamp(24px, 4vw, 54px);
}
body.kk-route-aszf .kk-legal-card .card-body > p,
body.kk-route-aszf .kk-legal-card .card-body > table,
body.kk-route-aszf .kk-legal-card .card-body > div {
  max-width: none;
}

body.kk-route-kapcsolatfelvetel .kk-contact-actions {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  text-align: center;
}
body.kk-route-kapcsolatfelvetel .kk-contact-actions .g-recaptcha {
  margin-inline: auto;
}
body.kk-route-kapcsolatfelvetel .kk-contact-actions .btn {
  width: auto !important;
  min-width: 220px;
  margin-inline: auto;
}


.kk-site-footer::after {
  
  
  
  
  
  
  
  transform: translateX(-50%);
  
  
  
}
.kk-footer-shell {
  width: calc(100% - 32px);
  max-width: var(--kk-page-content-max) !important;
  
}

@media (max-width: 767.98px) {
  body.kk-route-aszf .kk-legal-card .card-body {
    padding-inline: 20px;
  }
  body.kk-route-kapcsolatfelvetel .kk-contact-actions .btn {
    width: min(100%, 320px) !important;
  }
  .kk-footer-shell,
  .kk-site-footer::after {
    width: calc(100% - 20px);
  }
}



.kk-main .alert {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  box-shadow:
    0 12px 30px rgba(26, 55, 88, .10),
    inset 0 1px 0 rgba(255, 255, 255, .78),
    inset 0 -1px 0 rgba(64, 105, 150, .06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.kk-main .alert::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -80px;
  right: -55px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, .24) 34%, transparent 69%);
  opacity: .78;
  pointer-events: none;
}
.kk-main .alert::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 10px auto 10px 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, rgba(89, 159, 226, .95) 18%, rgba(133, 117, 231, .88) 82%, transparent);
  box-shadow: 0 0 10px rgba(91, 164, 235, .72);
  pointer-events: none;
}
.kk-main .alert a {
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.kk-main .alert-info,
.kk-main .alert-primary,
.kk-main .alert-gmaly {
  color: #173f68 !important;
  background:
    linear-gradient(135deg, rgba(247, 252, 255, .98), rgba(229, 242, 255, .96)) !important;
  border-color: rgba(105, 162, 219, .46) !important;
  box-shadow:
    0 12px 30px rgba(55, 111, 169, .14),
    0 0 22px rgba(106, 174, 235, .10),
    inset 0 1px 0 rgba(255, 255, 255, .90);
}

.kk-main .alert-warning,
.kk-main .alert-gbarna {
  color: #69430a !important;
  background:
    linear-gradient(135deg, rgba(255, 253, 246, .98), rgba(255, 241, 204, .94)) !important;
  border-color: rgba(221, 169, 72, .46) !important;
  box-shadow:
    0 12px 30px rgba(145, 102, 25, .12),
    0 0 22px rgba(239, 190, 91, .10),
    inset 0 1px 0 rgba(255, 255, 255, .92);
}
.kk-main .alert-warning::after,
.kk-main .alert-gbarna::after {
  background: linear-gradient(180deg, transparent, #efb447 18%, #dc7e28 82%, transparent);
  box-shadow: 0 0 11px rgba(235, 168, 55, .72);
}

.kk-main .alert-danger,
.kk-main .alert-grozs,
.kk-main .alert-glila {
  color: #70243b !important;
  background:
    linear-gradient(135deg, rgba(255, 249, 252, .98), rgba(248, 230, 241, .95)) !important;
  border-color: rgba(202, 112, 150, .43) !important;
  box-shadow:
    0 12px 30px rgba(125, 46, 81, .12),
    0 0 22px rgba(202, 113, 172, .10),
    inset 0 1px 0 rgba(255, 255, 255, .92);
}
.kk-main .alert-danger::after,
.kk-main .alert-grozs::after,
.kk-main .alert-glila::after {
  background: linear-gradient(180deg, transparent, #d45d8a 18%, #8d6bd8 82%, transparent);
  box-shadow: 0 0 11px rgba(198, 91, 151, .68);
}

.kk-main .alert-success,
.kk-main .alert-gring,
.kk-main .alert-gzold {
  color: #145a5b !important;
  background:
    linear-gradient(135deg, rgba(247, 255, 254, .98), rgba(224, 245, 243, .95)) !important;
  border-color: rgba(81, 164, 163, .43) !important;
  box-shadow:
    0 12px 30px rgba(31, 105, 105, .12),
    0 0 22px rgba(78, 185, 177, .10),
    inset 0 1px 0 rgba(255, 255, 255, .92);
}
.kk-main .alert-success::after,
.kk-main .alert-gring::after,
.kk-main .alert-gzold::after {
  background: linear-gradient(180deg, transparent, #45b4b0 18%, #347fd0 82%, transparent);
  box-shadow: 0 0 11px rgba(64, 173, 177, .68);
}







.kk-premium-trial-banner-wrap {
  width: 100%;
  padding: 10px clamp(14px, 2vw, 24px) 0;
  background: transparent;
}
.kk-premium-trial-banner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  width: min(var(--kk-page-content-max), 100%);
  margin: 0 auto;
  padding: 13px 16px;
  overflow: hidden;
  color: #eff8ff;
  background: linear-gradient(105deg, rgba(7, 36, 66, .98), rgba(18, 75, 126, .96) 52%, rgba(53, 55, 124, .96));
  border: 1px solid rgba(155, 213, 255, .34);
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(5, 31, 59, .18), inset 0 1px 0 rgba(255,255,255,.16);
}
.kk-premium-trial-banner::after {
  content: "";
  position: absolute;
  inset: -70% 40% auto -15%;
  height: 180%;
  transform: rotate(-8deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
  pointer-events: none;
}
.kk-premium-trial-banner__icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 13px;
  color: #fff7cf;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 20px rgba(131, 201, 255, .16);
}
.kk-premium-trial-banner__copy { min-width: 0; flex: 1 1 auto; }
.kk-premium-trial-banner__copy strong { display: block; color: #fff; font-size: .98rem; }
.kk-premium-trial-banner__copy span { display: block; margin-top: 2px; color: rgba(235,247,255,.82); font-size: .84rem; }
.kk-premium-trial-banner__package {
  flex: 0 0 auto;
  padding: 7px 10px;
  color: #eaf7ff;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 800;
  white-space: nowrap;
}
.kk-premium-trial-banner-wrap.is-inactive .kk-premium-trial-banner {
  background: linear-gradient(105deg, rgba(58, 48, 28, .98), rgba(105, 75, 24, .96) 55%, rgba(76, 49, 34, .96));
  border-color: rgba(255, 210, 118, .35);
}
.kk-account-trial-note {
  display: block;
  margin-top: 5px;
  color: #315f8d;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.35;
}







@media (max-width: 767.98px) {
  .kk-premium-trial-banner { align-items: flex-start; flex-wrap: wrap; }
  .kk-premium-trial-banner__package { width: 100%; text-align: center; white-space: normal; }
}




.kk-site-footer .kk-footer-bottom {
  border-top: 0 !important;
}






.kk-footer-shell {
  
  
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


.kk-site-footer {
  position: relative;
  
  
  
  padding-top: 22px;
  border: 0 !important;
  background:
    radial-gradient(ellipse 112% 82% at 50% 116%, rgba(55, 151, 236, .34) 0%, rgba(69, 112, 211, .23) 31%, rgba(105, 73, 183, .13) 51%, transparent 73%),
    radial-gradient(circle at 88% 14%, rgba(119, 91, 213, .17) 0%, rgba(74, 57, 151, .08) 32%, transparent 57%),
    linear-gradient(118deg, #04101d 0%, #071b31 31%, #0d2a49 62%, #201b45 100%) !important;
}
.kk-site-footer::before {
  
  
  
  
  
  opacity: 1;
  
}
.kk-site-footer::after {
  
  
  
  
  
  
  width: 110%;
  
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
  
  
}





.kk-site-footer {
  
  
  isolation: isolate;
}
.kk-site-footer::before {
  
  position: absolute;
  z-index: 4;
  inset: auto 0 auto 0;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg,
    rgba(97, 163, 229, .08) 0%,
    rgba(140, 202, 255, .68) 16%,
    rgba(236, 249, 255, 1) 50%,
    rgba(140, 202, 255, .68) 84%,
    rgba(97, 163, 229, .08) 100%);
  box-shadow:
    0 0 8px rgba(199, 233, 255, .65),
    0 -7px 20px rgba(114, 187, 244, .30),
    0 -18px 42px rgba(114, 187, 244, .16);
  pointer-events: none;
}
.kk-site-footer::after {
  
  
  
  
  
  
  
  
  filter: blur(4px);
  
}
.kk-footer-shell { position: relative; z-index: 5; }


.kk-affiliate-register-guide {
  position: relative;
  overflow: hidden;
  padding: 20px;
  color: #24425f;
  background:
    radial-gradient(circle at 96% 0%, rgba(89, 149, 222, .18), transparent 230px),
    linear-gradient(135deg, #f3f8fe 0%, #e9f3ff 56%, #f7f4ff 100%);
  border: 1px solid rgba(67, 117, 174, .22);
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(19, 61, 105, .08), inset 0 1px 0 rgba(255,255,255,.9);
}
.kk-affiliate-register-guide::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 4px;
  background: linear-gradient(180deg, var(--kk-blue-500), #6d67c7);
  border-radius: 0 999px 999px 0;
  box-shadow: 4px 0 18px rgba(77, 141, 221, .22);
}
.kk-affiliate-register-guide__lead {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding-left: 4px;
}
.kk-affiliate-register-guide__icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-blue-500));
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(34, 84, 139, .20);
}
.kk-affiliate-register-guide__lead strong,
.kk-affiliate-register-guide__lead span,
.kk-affiliate-register-guide__grid strong { display: block; }
.kk-affiliate-register-guide__lead strong { margin: 1px 0 4px; color: var(--kk-ink); font-size: 1rem; }
.kk-affiliate-register-guide__lead span { color: #506a84; line-height: 1.5; }
.kk-affiliate-register-guide__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 15px;
}
.kk-affiliate-register-guide__grid > div {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(65, 109, 157, .14);
  border-radius: 15px;
}
.kk-affiliate-register-guide__grid > div > i {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  display: grid;
  place-items: center;
  color: var(--kk-navy-700);
  background: #e5f0fc;
  border-radius: 10px;
}
.kk-affiliate-register-guide__grid span { color: #5a7087; font-size: .86rem; line-height: 1.46; }
.kk-affiliate-register-guide__grid strong { margin-bottom: 3px; color: var(--kk-ink); font-size: .88rem; }


.kk-check-row.kk-consent-card {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 68px;
  padding: 16px 18px;
  color: #263f59;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,246,253,.96));
  border: 1px solid rgba(41, 88, 139, .22);
  border-radius: 18px;
  box-shadow: 0 9px 23px rgba(17, 53, 92, .075), inset 0 1px 0 #fff;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.kk-check-row.kk-consent-card:hover {
  transform: translateY(-1px);
  border-color: rgba(44, 100, 161, .40);
  box-shadow: 0 13px 28px rgba(17, 53, 92, .11), inset 0 1px 0 #fff;
}
.kk-check-row.kk-consent-card input[type="checkbox"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none;
}
.kk-consent-control {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: transparent;
  background: #fff;
  border: 2px solid #8da6be;
  border-radius: 10px;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.94), 0 5px 13px rgba(20, 58, 99, .10);
  transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.kk-consent-control i {
  opacity: 0;
  transform: scale(.45) rotate(-12deg);
  transition: opacity .16s ease, transform .18s cubic-bezier(.2,.8,.2,1.2);
}
.kk-consent-card input[type="checkbox"]:checked + .kk-consent-control {
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-700), var(--kk-blue-500));
  border-color: var(--kk-navy-700);
  box-shadow: 0 7px 16px rgba(39, 91, 148, .28), inset 0 0 0 2px rgba(255,255,255,.14);
  transform: scale(1.04);
}
.kk-consent-card input[type="checkbox"]:checked + .kk-consent-control i {
  opacity: 1;
  transform: scale(1) rotate(0);
}
.kk-consent-card input[type="checkbox"]:focus-visible + .kk-consent-control {
  outline: 4px solid rgba(77, 141, 221, .18);
  outline-offset: 3px;
}
.kk-consent-card:has(input[type="checkbox"]:checked) {
  background: linear-gradient(135deg, #f5faff, #eaf4ff);
  border-color: rgba(44, 103, 166, .44);
}
.kk-consent-copy {
  min-width: 0;
  color: #334f69;
  font-size: .94rem;
  font-weight: 650;
  line-height: 1.5;
}
.kk-consent-copy a {
  color: var(--kk-navy-700);
  font-weight: 800;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

@media (max-width: 720px) {
  .kk-affiliate-register-guide { padding: 17px; }
  .kk-affiliate-register-guide__grid { grid-template-columns: 1fr; }
  .kk-check-row.kk-consent-card { grid-template-columns: 30px minmax(0, 1fr); padding: 15px; }
}



.kk-site-footer {
  margin-top: 32px !important;
  border-top: 0 !important;
  
  overflow: hidden !important;
}
.kk-site-footer::before {
  display: none !important;
  content: none !important;
}
.kk-site-footer::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  left: 0;
  
  pointer-events: none;
  
  background: linear-gradient(90deg,
    rgba(112, 172, 226, .38) 0%,
    rgba(181, 222, 255, .94) 16%,
    rgba(255, 255, 255, 1) 27%,
    rgba(111, 177, 234, .72) 42%,
    rgba(157, 146, 255, .66) 56%,
    rgba(222, 241, 255, .98) 73%,
    rgba(115, 177, 231, .40) 100%);
  background-size: 210% 100%;
  
  animation: kkFooterBorderShine 10s ease-in-out infinite alternate;
}

@media (prefers-reduced-motion: reduce) {
  .kk-site-footer::after {
    animation: none;
    background-position: 50% 50%;
  }
}



.kk-db-inline-badge,
.kk-db-feature-note,
.kk-db-inline-result {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
  max-width: 100%;
  border: 1px solid rgba(55, 105, 158, .20);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(246, 250, 255, .98), rgba(234, 242, 250, .96));
  color: #49667f;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 4px 12px rgba(18, 58, 96, .05);
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: .01em;
}
.kk-db-feature-note { padding: 6px 10px; }
.kk-db-feature-note i { font-size: .68rem; opacity: .78; }
.kk-db-inline-badge {
  margin-left: 5px;
  padding: 3px 7px;
  border-color: rgba(211, 224, 237, .28);
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.78);
  box-shadow: none;
  font-size: .82rem;
  font-weight: 700;
  vertical-align: 1px;
}
.kk-db-inline-result {
  margin-left: 7px;
  padding: 3px 8px;
  color: #60788e;
  font-size: .82rem;
  vertical-align: 2px;
}
.kk-db-subnote {
  display: block;
  margin-top: 7px;
  color: #6f8293;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.42;
}
.kk-db-feature-strip {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0 20px;
  padding: 11px 14px;
  border: 1px solid rgba(38, 88, 139, .14);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(248,251,255,.98), rgba(239,246,252,.98));
  color: #5d7285;
  box-shadow: 0 8px 24px rgba(18, 56, 92, .05), inset 0 1px 0 #fff;
  font-size: .84rem;
  line-height: 1.45;
}
.kk-db-feature-strip.compact { margin: 10px 0 14px; padding: 9px 11px; }
.kk-db-unavailable-panel {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 16px;
  border: 1px solid rgba(44, 91, 139, .14);
  border-radius: 16px;
  background: linear-gradient(145deg, #f8fbff, #eef5fb);
  box-shadow: inset 0 1px 0 #fff, 0 10px 28px rgba(17, 53, 89, .06);
}
.kk-db-unavailable-panel__icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #e6eff8;
  color: #436984;
}
.kk-db-unavailable-panel > div { min-width: 0; display: grid; gap: 7px; }
.kk-db-unavailable-panel strong { color: var(--kk-navy-850); font-size: .94rem; }
.kk-db-unavailable-panel small { color: #718496; line-height: 1.45; }
.kk-demo-banner .kk-db-feature-note { margin: 0 5px; flex: 0 0 auto; }
.kk-bulk-grand-total .kk-db-subnote { margin-top: 3px; white-space: nowrap; }
button:disabled.btn-kk-primary { cursor: not-allowed; opacity: .52; box-shadow: none !important; }

@media (max-width: 720px) {
  .kk-db-feature-strip { align-items: flex-start; flex-direction: column; gap: 8px; }
  .kk-db-unavailable-panel { grid-template-columns: 32px minmax(0, 1fr); padding: 13px; }
  .kk-db-unavailable-panel__icon { width: 32px; height: 32px; border-radius: 10px; }
}



.kk-site-footer {
  box-shadow:
    0 -2px 0 rgba(214, 239, 255, .92),
    0 -8px 24px rgba(83, 157, 222, .28),
    0 -20px 48px rgba(73, 143, 208, .13),
    inset 0 10px 22px -14px rgba(184, 225, 255, .78) !important;
}
.kk-site-footer::after {
  height: 3px;
  opacity: 1;
  box-shadow:
    0 1px 9px rgba(181, 222, 255, .72),
    0 7px 22px rgba(80, 157, 222, .27),
    0 14px 30px rgba(106, 148, 235, .12);
}
@keyframes kkFooterBorderShine {
  from { background-position: 0% 50%; opacity: .90; }
  to   { background-position: 100% 50%; opacity: 1; }
}

.kk-status-modal-header--info {
  background: linear-gradient(135deg, #173d68 0%, #3d78b7 100%) !important;
}


.kk-result-card--details > .card-body {
  padding: 10px 14px 12px;
}
.kk-result-card--details > .card-body > .row {
  min-height: 0;
  padding: 3px 3px;
}
.kk-result-card--details > .card-body > .row.bg-light {
  margin-top: 2px !important;
  padding: 6px 5px;
  border-radius: 10px 10px 4px 4px;
  font-size: .84rem;
}
.kk-result-card--details > .card-body > .row > [class*="col-"] {
  padding: 3px 7px !important;
}
.kk-result-card--details p {
  margin: 0 !important;
  font-size: .88rem;
  line-height: 1.25;
}
.kk-result-card--details p.text-muted {
  margin: 0 0 1px !important;
  font-size: .82rem !important;
  line-height: 1.22;
}


.kk-mnb-verify-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 10px;
  padding: 10px 12px;
  color: #183f68 !important;
  background: linear-gradient(135deg, #f4f9ff 0%, #e7f2fc 100%);
  border: 1px solid rgba(49, 108, 168, .26);
  border-radius: 13px;
  box-shadow: 0 7px 18px rgba(28, 77, 126, .08), inset 0 1px 0 rgba(255,255,255,.9);
  text-decoration: none !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.kk-mnb-verify-alert:hover,
.kk-mnb-verify-alert:focus-visible {
  color: #102f52 !important;
  background: linear-gradient(135deg, #f8fbff 0%, #dcecf9 100%);
  border-color: rgba(42, 101, 163, .44);
  box-shadow: 0 10px 24px rgba(28, 77, 126, .14), inset 0 1px 0 #fff;
  transform: translateY(-1px);
  outline: none;
}
.kk-mnb-verify-alert__icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #173d68, #4d8ddd);
  border-radius: 10px;
  box-shadow: 0 6px 14px rgba(40, 91, 147, .20);
}
.kk-mnb-verify-alert__copy {
  min-width: 0;
  flex: 1 1 auto;
}
.kk-mnb-verify-alert__copy strong,
.kk-mnb-verify-alert__copy small {
  display: block;
}
.kk-mnb-verify-alert__copy strong {
  color: inherit;
  font-size: .88rem;
  font-weight: 820;
  line-height: 1.25;
}
.kk-mnb-verify-alert__copy small {
  margin-top: 2px;
  color: #5c738b;
  font-size: .82rem;
  line-height: 1.32;
}
.kk-mnb-verify-alert__arrow {
  flex: 0 0 auto;
  color: #50779e;
  font-size: .78rem;
}
.kk-mnb-verify-alert--warning {
  color: #6b480b !important;
  background: linear-gradient(135deg, #fffaf0 0%, #fff1d2 100%);
  border-color: rgba(187, 132, 29, .31);
}
.kk-mnb-verify-alert--warning .kk-mnb-verify-alert__icon {
  background: linear-gradient(135deg, #8b5c08, #c78a1c);
  box-shadow: 0 6px 14px rgba(150, 98, 13, .18);
}
.kk-mnb-verify-alert--warning .kk-mnb-verify-alert__copy small { color: #80683d; }
.kk-mnb-verify-alert--warning .kk-mnb-verify-alert__arrow { color: #9b742f; }



.kk-mnb-verify-alert--compact {
  gap: 8px;
  margin-top: 7px;
  padding: 8px 10px;
  border-radius: 11px;
}
.kk-mnb-verify-alert--compact .kk-mnb-verify-alert__icon {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
  border-radius: 9px;
  font-size: .78rem;
}
.kk-mnb-verify-alert--compact .kk-mnb-verify-alert__copy strong { font-size: .83rem; }
.kk-mnb-verify-alert--compact .kk-mnb-verify-alert__copy small { font-size: .82rem; }



.kk-future-calculation-warning {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    overflow: hidden;
    margin: 0 0 1.35rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid rgba(255, 151, 163, .78);
    border-left: 5px solid #ff6578;
    border-radius: 18px;
    background: linear-gradient(135deg, #6d1325 0%, #a51f38 48%, #721426 100%);
    box-shadow: 0 14px 34px rgba(112, 16, 34, .24), 0 0 22px rgba(228, 55, 84, .14), inset 0 1px 0 rgba(255,255,255,.18);
    color: #fff7f8;
    isolation: isolate;
}
.kk-future-calculation-warning::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -120%;
    left: -28%;
    width: 25%;
    height: 340%;
    transform: rotate(20deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent);
    animation: kkFutureWarningShine 6.5s ease-in-out infinite;
}
.kk-future-calculation-warning::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: radial-gradient(circle at 15% 0%, rgba(255,255,255,.13), transparent 34%);
    pointer-events: none;
}
.kk-future-calculation-warning__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    margin-top: .05rem;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 14px;
    background: rgba(255,255,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 6px 18px rgba(57,0,12,.16);
    font-size: 1.3rem;
    color: #fff;
}
.kk-future-calculation-warning__body { min-width: 0; }
.kk-future-calculation-warning__body > strong {
    display: block;
    margin: 0 0 .35rem;
    font-size: 1.08rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: #fff;
}
.kk-future-calculation-warning__body p {
    margin: 0;
    color: rgba(255, 247, 248, .94);
    font-size: .96rem;
    line-height: 1.55;
}
.kk-future-calculation-warning__body b,
.kk-future-calculation-warning strong { color: #fff; }
.kk-future-calculation-warning--scenario {
    display: block;
    margin: 0 0 1rem;
    padding: 1rem 1.15rem;
    font-size: .95rem;
    line-height: 1.5;
}
@keyframes kkFutureWarningShine {
    0%, 68% { left: -28%; opacity: 0; }
    74% { opacity: .78; }
    88% { left: 112%; opacity: .28; }
    100% { left: 112%; opacity: 0; }
}
@media (max-width: 575.98px) {
    .kk-future-calculation-warning {
        gap: .75rem;
        padding: 1rem;
        border-radius: 15px;
    }
    .kk-future-calculation-warning__icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        font-size: 1.1rem;
    }
    .kk-future-calculation-warning__body > strong { font-size: 1rem; }
    .kk-future-calculation-warning__body p { font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
    .kk-future-calculation-warning::before { animation: none; opacity: .18; }
}


.kk-affiliate-share {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 12px 0 4px;
}
.kk-affiliate-share__native,
.kk-affiliate-share__network {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid rgba(22, 64, 112, .14);
  border-radius: 12px;
  background: #fff;
  
  font-size: .86rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(21, 60, 104, .07);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.kk-affiliate-share__native {
  border-color: rgba(33, 92, 154, .24);
  background: linear-gradient(135deg, #173f6f 0%, #245f98 100%);
  color: #fff;
  box-shadow: 0 8px 20px rgba(23, 63, 111, .18);
  cursor: pointer;
}
.kk-affiliate-share__native:hover,
.kk-affiliate-share__network:hover {
  transform: translateY(-1px);
  border-color: rgba(33, 92, 154, .28);
  box-shadow: 0 10px 24px rgba(21, 60, 104, .12);
}
.kk-affiliate-share__native:hover {
  color: #fff;
  box-shadow: 0 10px 26px rgba(23, 63, 111, .24);
}
.kk-affiliate-share__network:hover {
  background: #f6f9fc;
  
}
.kk-affiliate-share__native.is-copied {
  background: linear-gradient(135deg, #1c5b69 0%, #287c83 100%);
}
.kk-affiliate-share i {
  font-size: .95rem;
}
@media (max-width: 575.98px) {
  .kk-affiliate-share {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .kk-affiliate-share__native {
    grid-column: 1 / -1;
  }
  .kk-affiliate-share__native,
  .kk-affiliate-share__network {
    width: 100%;
  }
}



.kk-premium-test-panel{
  margin:0 0 18px;
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border:1px solid #c9b8d4;
  border-left:5px solid #765481;
  border-radius:16px;
  background:#f4eef7;
  box-shadow:0 8px 24px rgba(63,43,72,.08);
  color:#46334d;
}
.kk-premium-test-panel__icon{
  width:44px;height:44px;flex:0 0 44px;border-radius:13px;
  display:grid;place-items:center;background:#765481;color:#fff;font-size:1.1rem;
}
.kk-premium-test-panel__content{min-width:0;flex:1 1 auto;}
.kk-premium-test-panel__eyebrow{
  display:block;margin-bottom:3px;color:#765481;font-size: .82rem;font-weight:900;
  letter-spacing:.08em;text-transform:uppercase;
}
.kk-premium-test-panel__content>strong{display:block;color:#46334d;font-size:1rem;}
.kk-premium-test-panel__content p{margin:4px 0 0;color:#624f69;font-size:.88rem;line-height:1.5;}
.kk-premium-test-panel__button{
  flex:0 0 auto;border:1px solid #765481;background:#765481;color:#fff;font-weight:800;
  white-space:nowrap;
}
.kk-premium-test-panel__button:hover,.kk-premium-test-panel__button:focus{background:#65456f;color:#fff;}
.kk-premium-test-panel--compact{margin-top:14px;padding:13px 16px;}
.kk-premium-test-panel--compact .kk-premium-test-panel__icon{width:38px;height:38px;flex-basis:38px;}
.kk-premium-upgrade-modal{border:0;border-radius:18px;overflow:hidden;}
.kk-premium-upgrade-modal__header{background:linear-gradient(135deg,#4d3555,#765481);color:#fff;border:0;}
.kk-premium-upgrade-modal__header .kk-eyebrow{color:#dfcfe5;}
.kk-premium-upgrade-modal__header h5{margin:2px 0 0;color:#fff;font-weight:800;}
.kk-premium-upgrade-breakdown{margin:20px 0;border:1px solid #dde4eb;border-radius:14px;overflow:hidden;}
.kk-premium-upgrade-breakdown .table{margin:0;}
.kk-premium-upgrade-breakdown th,.kk-premium-upgrade-breakdown td{padding:11px 14px;vertical-align:middle;}
.kk-premium-upgrade-breakdown th{font-weight:600;color:#52677d;}
.kk-premium-upgrade-breakdown td{text-align:right;font-weight:800;color:#173a63;white-space:nowrap;}
.kk-premium-upgrade-breakdown tr.is-total th,.kk-premium-upgrade-breakdown tr.is-total td{background:#f2f6fa;color:#0b2341;font-size:1.02rem;}
.kk-payment-obligation-warning{
  display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;
  border:1px solid #d7a04b;border-radius:12px;background:#fff8e8;color:#674817;
}
.kk-payment-obligation-warning>i{margin-top:3px;}
.kk-payment-obligation-warning div{display:grid;gap:2px;}
.kk-payment-obligation-warning span{font-size:.84rem;}
.kk-account-danger-zone{margin-top:14px;padding-top:14px;border-top:1px solid #e5e9ee;}
.kk-account-danger-zone .btn{width:100%;justify-content:center;}
.kk-account-delete-warning{
  padding:14px 16px;border:1px solid #efb3b3;border-radius:12px;background:#fff3f3;color:#7c2525;line-height:1.55;
}
@media(max-width:767.98px){
  .kk-premium-test-panel{align-items:flex-start;flex-wrap:wrap;}
  .kk-premium-test-panel__button{width:100%;white-space:normal;}
}


























































































body.kk-route-tartozaskezelo .kk-debt-intro-toolbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  
}
body.kk-route-tartozaskezelo .kk-debt-intro-toolbar .kk-debt-data-notices {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}



body.kk-route-tartozaskezelo .kk-case-balance-heading-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}


@media (max-width: 760px) {
  body.kk-route-tartozaskezelo .kk-case-balance-heading-actions {
    width: 100%;
    justify-content: flex-start;
  }
  
}
body.kk-route-tartozaskezelo .kk-debt-intro-toolbar .kk-intro-actions {
  width: auto;
  flex: 0 0 auto;
  padding-top: 0;
  border-top: 0;
  overflow: visible;
  justify-content: flex-end;
}
@media (max-width: 860px) {
  body.kk-route-tartozaskezelo .kk-debt-intro-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  body.kk-route-tartozaskezelo .kk-debt-intro-toolbar .kk-debt-data-notices {
    width: 100%;
  }
  body.kk-route-tartozaskezelo .kk-debt-intro-toolbar .kk-intro-actions {
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
  }
}





body.kk-route-tartozaskezelo .kk-debt-security-note {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 820px;
  padding: 14px 16px;
  color: #654309;
  background: #fff5d9;
  border: 1px solid #eed397;
  border-radius: 16px;
  box-shadow: none;
  font-size: .82rem;
  font-weight: 680;
  line-height: 1.42;
}
body.kk-route-tartozaskezelo .kk-debt-security-note i {
  flex: 0 0 auto;
  color: #a96f05;
  font-size: .92rem;
}



body.kk-route-tartozaskezelo .kk-import-capability > i {
  margin-right: 2px;
  
}
body.kk-route-tartozaskezelo .kk-import-capability strong {
  
  align-items: center;
  
  
  
  
  
  
  
  letter-spacing: .01em;
  
}


body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-menu {
  
  padding: 7px;
  border: 1px solid #c8d6e4;
  border-radius: 14px;
  box-shadow: 0 16px 35px rgba(22, 52, 82, .16);
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 9px 10px;
  color: #173a5f;
  border-radius: 9px;
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item > i {
  width: 30px;
  text-align: center;
  color: #315d86;
  font-size: 1rem;
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item > span {
  display: grid;
  gap: 1px;
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item strong {
  font-size: .88rem;
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item small {
  color: #708297;
  font-size: .82rem;
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item:hover,
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item:focus {
  color: #102f52;
  background: #eef4f9;
}


body.kk-route-tartozaskezelo .kk-list-overview {
  margin-bottom: 18px !important;
}
body.kk-route-tartozaskezelo .kk-case-directory {
  overflow: hidden;
  margin-top: 0;
  background: #fff;
  border: 2px solid #b7cadb;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(18, 55, 91, .09);
}
body.kk-route-tartozaskezelo .kk-case-directory-header {
  display: grid;
  
  gap: 18px;
  align-items: center;
  padding: 15px 17px;
  background: linear-gradient(135deg, #edf4f9 0%, #f7fafc 100%);
  border-bottom: 2px solid #b7cadb;
}
body.kk-route-tartozaskezelo .kk-case-directory-title .kk-eyebrow {
  margin-bottom: 2px;
  color: #506b83;
}
body.kk-route-tartozaskezelo .kk-case-directory-title h2 {
  margin: 0;
  color: #153b61;
  font-size: 1.22rem;
  font-weight: 850;
  letter-spacing: -.015em;
}
body.kk-route-tartozaskezelo .kk-case-directory .kk-list-search {
  display: grid;
  gap: 5px;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.kk-route-tartozaskezelo .kk-case-directory .kk-list-search label {
  color: #385976;
  font-size: .82rem;
  font-weight: 800;
}
body.kk-route-tartozaskezelo .kk-case-directory .kk-list-search small {
  margin: 0;
  color: #708297;
  font-size: .82rem;
}
body.kk-route-tartozaskezelo .kk-case-directory-table-wrap, body.kk-route-tartozaskezelo .kk-case-directory .kk-case-table{
  margin: 0;
}
body.kk-route-tartozaskezelo .kk-case-directory .kk-case-table thead th {
  color: #173b60 !important;
  background: #dfeaf4 !important;
  border-bottom: 2px solid #9fb7cd !important;
}
body.kk-route-tartozaskezelo .kk-case-directory .kk-table-sort {
  color: #173b60;
  font-weight: 850;
}
body.kk-route-tartozaskezelo .kk-case-directory .kk-table-sort:hover,
body.kk-route-tartozaskezelo .kk-case-directory .kk-table-sort:focus-visible {
  background: #d5e3ef;
}


body.kk-route-tartozaskezelo .kk-invoice-simulation-controls {
  display: inline-flex;
  align-items: center;
  
  flex-wrap: wrap;
}
body.kk-route-tartozaskezelo .kk-invoice-simulation-controls form {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}
body.kk-route-tartozaskezelo .kk-invoice-simulation-controls .btn {
  white-space: nowrap;
}


@media (max-width: 991.98px) {
  body.kk-route-tartozaskezelo .kk-case-directory-header {
    
    gap: 11px;
  }
}
@media (max-width: 760px) {
  body.kk-route-tartozaskezelo .kk-import-capability {
    align-items: flex-start;
  }
  body.kk-route-tartozaskezelo .kk-case-directory {
    border-radius: 14px;
  }
  body.kk-route-tartozaskezelo .kk-case-directory-header {
    padding: 13px;
  }
  body.kk-route-tartozaskezelo .kk-invoice-simulation-controls,
  body.kk-route-tartozaskezelo .kk-invoice-simulation-controls form {
    width: 100%;
  }
  body.kk-route-tartozaskezelo .kk-invoice-simulation-controls form {
    flex-wrap: wrap;
  }
}



body.kk-route-tartozaskezelo .kk-debt-intro { align-items: stretch; }
body.kk-route-tartozaskezelo .kk-debt-intro-copy { width: 100%; }
body.kk-route-tartozaskezelo .kk-import-capability {
  
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  margin: 12px 0 0 !important;
  padding: 10px 13px;
  color: #31526f;
  background: #eef6fc;
  border: 1px solid #bfd3e4;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  font-size: .82rem;
  line-height: 1.35;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
body.kk-route-tartozaskezelo .kk-import-capability > i {
  flex: 0 0 auto;
  margin: 0;
  color: #2e6d9f;
}
body.kk-route-tartozaskezelo .kk-import-capability-text {
  display: inline;
  min-width: max-content;
  white-space: nowrap;
}
body.kk-route-tartozaskezelo .kk-import-capability strong {
  display: inline;
  padding: 0;
  color: #0e4f7e;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: inherit;
  font-weight: 850;
  white-space: nowrap;
}
body.kk-route-tartozaskezelo .kk-debt-intro-divider {
  position: relative;
  width: 100%;
  height: 2px;
  margin: 14px 0 12px;
  background: linear-gradient(90deg, rgba(95,128,157,0), rgba(95,128,157,.48) 8%, rgba(95,128,157,.48) 92%, rgba(95,128,157,0));
}
body.kk-route-tartozaskezelo .kk-debt-intro-divider::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  transform: translate(-50%,-50%) rotate(45deg);
  background: #8ca9c0;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(95,128,157,.28);
}
body.kk-route-tartozaskezelo .kk-debt-intro-toolbar { margin-top: 0; }

body.kk-route-tartozaskezelo .kk-case-detail-page .kk-case-detail-head {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0;
  overflow: hidden;
  
  
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(18,55,91,.09);
}
body.kk-route-tartozaskezelo .kk-case-detail-titlebar {
  padding: 19px 21px 17px;
  
}
body.kk-route-tartozaskezelo .kk-case-heading { display: grid; gap: 12px; }
body.kk-route-tartozaskezelo .kk-case-heading-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
body.kk-route-tartozaskezelo .kk-case-heading-top .kk-eyebrow { margin: 0; }
body.kk-route-tartozaskezelo .kk-case-title-block h1 {
  margin: 0 0 7px;
  color: #102f52;
  font-size: clamp(1.55rem, 2.4vw, 2.15rem);
  font-weight: 850;
  letter-spacing: -.025em;
}
body.kk-route-tartozaskezelo .kk-case-title-block .kk-case-number {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: #698095;
  font-size: .82rem;
}
body.kk-route-tartozaskezelo .kk-case-title-block .kk-case-number strong { color: #274e72; }
body.kk-route-tartozaskezelo .kk-case-detail-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 16px;
  
  
}
body.kk-route-tartozaskezelo .kk-case-detail-toolbar .kk-debt-data-notices {
  flex: 1 1 auto;
  min-width: 0;
}
body.kk-route-tartozaskezelo .kk-case-detail-toolbar .kk-debt-security-note { max-width: 720px; }
body.kk-route-tartozaskezelo .kk-case-detail-toolbar .kk-case-actions {
  flex: 0 0 auto;
  align-items: center;
}
body.kk-route-tartozaskezelo .kk-case-detail-toolbar .kk-case-actions form { margin: 0; }

body.kk-route-tartozaskezelo .kk-case-directory-table-wrap,
body.kk-route-tartozaskezelo .kk-case-directory .kk-case-table,
body.kk-route-tartozaskezelo .kk-case-directory .kk-case-table thead,
body.kk-route-tartozaskezelo .kk-case-directory .kk-case-table thead tr,
body.kk-route-tartozaskezelo .kk-case-directory .kk-case-table thead th {
  border-radius: 0 !important;
}
body.kk-route-tartozaskezelo .kk-case-directory .kk-case-table thead th:first-child,
body.kk-route-tartozaskezelo .kk-case-directory .kk-case-table thead th:last-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

body.kk-route-tartozaskezelo .kk-invoice-simulation-controls { justify-content: flex-end; }

@media (max-width: 860px) {
  body.kk-route-tartozaskezelo .kk-case-detail-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  body.kk-route-tartozaskezelo .kk-case-detail-toolbar .kk-case-actions {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  body.kk-route-tartozaskezelo .kk-case-heading-top {
    align-items: flex-start;
    flex-direction: column;
  }
}



body.kk-route-tartozaskezelo .kk-import-capability {
  width: max-content;
  max-width: 100%;
  align-self: flex-start;
}
body.kk-route-tartozaskezelo .kk-case-import-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-top: 4px;
}
body.kk-route-tartozaskezelo .kk-case-import-source {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: max-content;
  color: #44617a;
  font-size: .82rem;
  font-weight: 780;
  line-height: 1.2;
}
body.kk-route-tartozaskezelo .kk-case-import-source i {
  color: #6787a4;
  font-size: .82rem;
}
body.kk-route-tartozaskezelo .kk-case-detail-page .kk-case-detail-head {
  background: #102f55;
  border: 2px solid #102f55;
  border-bottom: 2px solid #102f55;
}
body.kk-route-tartozaskezelo .kk-case-detail-titlebar {
  background: linear-gradient(125deg, #0f2d50 0%, #173f69 60%, #214f82 100%);
}
body.kk-route-tartozaskezelo .kk-case-detail-page .kk-case-title-block h1 {
  color: #fff;
}
body.kk-route-tartozaskezelo .kk-case-detail-page .kk-case-heading-top .kk-eyebrow,
body.kk-route-tartozaskezelo .kk-case-detail-page .kk-case-title-block .kk-case-number {
  color: #c9dced;
}
body.kk-route-tartozaskezelo .kk-case-detail-page .kk-case-title-block .kk-case-number strong {
  color: #fff;
}
body.kk-route-tartozaskezelo .kk-case-detail-page .kk-back-link {
  color: #153b61;
  background: #fff;
  border-color: #d4e1ec;
}
body.kk-route-tartozaskezelo .kk-case-detail-toolbar {
  background: #173a61;
  border-top: 1px solid rgba(255,255,255,.14);
}
body.kk-route-tartozaskezelo .kk-case-detail-toolbar .btn-kk-secondary {
  color: #173a61;
  background: #fff;
  border-color: #d6e3ee;
}
body.kk-route-tartozaskezelo .kk-case-detail-toolbar .btn-kk-secondary:hover,
body.kk-route-tartozaskezelo .kk-case-detail-toolbar .btn-kk-secondary:focus {
  color: #102f52;
  background: #eef4f9;
  border-color: #fff;
}
body.kk-route-tartozaskezelo .kk-case-detail-page > .kk-case-balance {
  border: 2px solid #102f55;
}
body.kk-route-tartozaskezelo .kk-invoice-simulation-controls {
  gap: 6px;
}





body.kk-route-tartozaskezelo .kk-walkthrough-launch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  color: #fff;
  background: linear-gradient(135deg, #e7a219 0%, #f2ba2e 52%, #dd8c08 100%);
  border: 1px solid #d88a08;
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(206, 132, 5, .28), 0 0 0 3px rgba(242, 186, 46, .12);
  font-size: .82rem;
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
  animation: kkWalkLaunchPulse 2.4s ease-in-out infinite;
}
body.kk-route-tartozaskezelo .kk-walkthrough-launch:hover,
body.kk-route-tartozaskezelo .kk-walkthrough-launch:focus-visible {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 11px 24px rgba(206, 132, 5, .34), 0 0 0 4px rgba(242, 186, 46, .17);
}
@keyframes kkWalkLaunchPulse {
  0%, 100% { box-shadow: 0 8px 18px rgba(206,132,5,.25), 0 0 0 0 rgba(242,186,46,.22); }
  50% { box-shadow: 0 10px 22px rgba(206,132,5,.32), 0 0 0 7px rgba(242,186,46,0); }
}

body.kk-walkthrough-active { overflow-x: hidden; }
body.kk-walkthrough-active .kk-walkthrough-target {
  position: relative !important;
  z-index: 10056 !important;
  outline: 4px solid #f0ad21 !important;
  outline-offset: 5px;
  border-radius: 12px;
  box-shadow: 0 0 0 8px rgba(240, 173, 33, .20), 0 18px 44px rgba(0, 25, 52, .28) !important;
  animation: kkWalkTargetPulse 1.65s ease-in-out infinite;
}
@keyframes kkWalkTargetPulse {
  0%,100% { outline-color: #f0ad21; }
  50% { outline-color: #ffd46e; }
}
.kk-walkthrough-root { position: fixed; inset: 0; z-index: 10050; pointer-events: none; }
.kk-walkthrough-shade { position: fixed; background: rgba(6, 22, 40, .70); pointer-events: auto; }
.kk-walkthrough-card {
  position: fixed;
  z-index: 10070;
  width: min(390px, calc(100vw - 28px));
  padding: 16px;
  color: #173b60;
  background: #fff;
  border: 1px solid #d7e2eb;
  border-radius: 16px;
  box-shadow: 0 22px 58px rgba(0, 24, 49, .34);
  pointer-events: auto;
}
.kk-walkthrough-card::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  transform: rotate(45deg);
  border-left: 1px solid #d7e2eb;
  border-top: 1px solid #d7e2eb;
  top: -8px;
  
}
.kk-walkthrough-card.is-above::before {
  top: auto;
  bottom: -8px;
  transform: rotate(225deg);
}
.kk-walkthrough-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.kk-walkthrough-progress { color:#75889c; font-size: .82rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.kk-walkthrough-exit {
  border:0;
  padding:4px 6px;
  color:#5b6f82;
  background:transparent;
  font-size: .82rem;
  font-weight:850;
}
.kk-walkthrough-exit:hover { color:#a12d2d; }
.kk-walkthrough-card h3 { margin:0 0 7px; color:#123b63; font-size:1.08rem; font-weight:900; }
.kk-walkthrough-card p { margin:0; color:#4c657b; font-size:.88rem; line-height:1.5; }
.kk-walkthrough-status { display:none; margin-top:10px; padding:8px 10px; color:#6a4a08; background:#fff5d8; border:1px solid #efd28d; border-radius:10px; font-size: .82rem; font-weight:800; }
.kk-walkthrough-status.is-visible { display:block; }
.kk-walkthrough-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:14px; }
.kk-walkthrough-actions .btn { min-width:84px; }
.kk-walkthrough-typing {
  position: relative;
  z-index: 10058 !important;
  box-shadow: 0 0 0 3px rgba(240,173,33,.25) !important;
  transition: box-shadow .18s ease;
}
body.kk-walkthrough-active .modal.show { z-index: 10053; }
body.kk-walkthrough-active .modal-backdrop.show { z-index: 10051; opacity: .18; }
body.kk-walkthrough-active .modal.show .modal-content { pointer-events: none; }

@media (max-width: 991.98px) {
  
  body.kk-route-tartozaskezelo .kk-walkthrough-launch { width:100%; justify-content:center; }
}
@media (max-width: 620px) {
  .kk-walkthrough-card { left:14px !important; right:14px; width:auto; }
}



body.kk-route-tartozaskezelo .kk-case-directory-header > .kk-walkthrough-launch {
  justify-self: end;
  align-self: start;
}
@media (max-width: 1180px) {
  
  body.kk-route-tartozaskezelo .kk-case-directory-header > .kk-walkthrough-launch {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: end;
  }
  body.kk-route-tartozaskezelo .kk-case-directory .kk-list-search { grid-column: 1 / -1; }
}
@media (max-width: 991.98px) {
  
  body.kk-route-tartozaskezelo .kk-case-directory-header > .kk-walkthrough-launch {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    justify-content: center;
  }
  
}



body.kk-route-tartozaskezelo .kk-debt-intro > .kk-walkthrough-launch--intro {
  position: absolute;
  top: 20px;
  right: 22px;
  z-index: 4;
  width: auto;
  max-width: calc(100% - 44px);
  justify-content: center;
}
body.kk-route-tartozaskezelo .kk-debt-intro-copy {
  padding-right: 215px;
}
body.kk-route-tartozaskezelo .kk-case-directory-header {
  grid-template-columns: minmax(180px, .52fr) minmax(360px, 1.35fr);
}
@media (max-width: 1180px) {
  body.kk-route-tartozaskezelo .kk-case-directory-header {
    grid-template-columns: minmax(180px, .7fr) minmax(330px, 1.3fr);
  }
  body.kk-route-tartozaskezelo .kk-case-directory .kk-list-search { grid-column: auto; }
}
@media (max-width: 991.98px) {
  body.kk-route-tartozaskezelo .kk-debt-intro > .kk-walkthrough-launch--intro {
    width: auto;
  }
  body.kk-route-tartozaskezelo .kk-case-directory-header {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  body.kk-route-tartozaskezelo .kk-debt-intro-copy {
    padding-right: 0;
    padding-top: 54px;
  }
  body.kk-route-tartozaskezelo .kk-debt-intro > .kk-walkthrough-launch--intro {
    top: 16px;
    right: 16px;
    max-width: calc(100% - 32px);
    font-size: .82rem;
    padding: 8px 11px;
  }
}




body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts {
  border: 2px solid var(--dm-debt-nav-border) !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-payments {
  border: 2px solid var(--dm-payment-nav-border) !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-ledger {
  border: 2px solid var(--dm-ledger-nav-border) !important;
}


body.kk-route-tartozaskezelo .kk-debt-card-meta .kk-settled-badge {
  color: #fff !important;
  background: #238454 !important;
  border: 1px solid #176a43 !important;
  padding: 4px 9px;
  border-radius: 999px;
  box-shadow: 0 3px 8px rgba(23, 106, 67, .18);
}


body.kk-walkthrough-active .kk-walkthrough-root {
  z-index: 10080;
}
body.kk-walkthrough-active .kk-walkthrough-card {
  z-index: 10090;
}


.kk-allocation-lab .modal-content {
    background:#f4f7fb;
    min-height:100vh;
}
.kk-allocation-lab-head {
    
    gap:18px;
    
    
    
}

.kk-allocation-lab-head .kk-modal-heading h2 {margin-bottom:0;font-size:1.35rem;}
.kk-allocation-lab-head .kk-modal-heading p {
    margin:4px 0 0;
    color:#617489;
    font-size:.84rem;
    line-height:1.35;
}
.kk-allocation-lab-body {
    padding:12px 22px 20px;
    overflow-y:auto;
}
.kk-allocation-legal-note {
    margin:0;
    border:1px solid #d5e0eb;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
}
.kk-allocation-legal-note summary {
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 12px;
    cursor:pointer;
    list-style:none;
    color:#153a61;
}
.kk-allocation-legal-note summary::-webkit-details-marker {display:none;}
.kk-allocation-legal-note summary > span:nth-child(2) {min-width:0;flex:1;}
.kk-allocation-legal-note summary strong,
.kk-allocation-legal-note summary small {display:block;}
.kk-allocation-legal-note summary strong {font-size:.84rem;}
.kk-allocation-legal-note summary small {margin-top:1px;color:#6a7c8e;font-size: .82rem;font-weight:600;}
.kk-allocation-legal-note summary > i:last-child {color:#708398;font-size:.74rem;transition:transform .15s ease;}
.kk-allocation-legal-note[open] summary > i:last-child {transform:rotate(180deg);}
.kk-allocation-legal-icon {
    width:28px;height:28px;flex:0 0 28px;border-radius:8px;
    display:inline-flex;align-items:center;justify-content:center;
    background:#eaf0f7;color:#183e68;font-size: .82rem;
}
.kk-allocation-legal-details {
    
    border-top:1px solid #e5ebf1;
    color:#4f6377;
    font-size: .82rem;
    line-height:1.4;
}





























.kk-strategy-badge {
    display:inline-flex;align-items:center;gap:4px;
    border-radius:999px;padding:2px 6px;
    font-size: .82rem;font-weight:900;line-height:1.25;
}
.kk-strategy-badge.is-best {background:#dff1e6;color:#1d6540;}
.kk-strategy-badge.is-legal {background:#e4edf6;color:#173f6a;}
.kk-strategy-badge.is-error {background:#e4e7ea;color:#5d6872;}











.kk-allocation-lab-footer {
    position:sticky;bottom:0;z-index:6;
    gap:8px;
    min-height:54px;
    border-top:1px solid #d8e2ec;
    background:rgba(255,255,255,.98);
    padding:9px 22px;
}
.kk-allocation-choice-summary {margin-right:auto;color:#607489;}
.kk-allocation-choice-summary strong {color:#173d66;}
.kk-confirm-strategy {border:1px solid #d6e0eb;background:#f5f8fb;border-radius:10px;padding:10px 12px;margin-bottom:12px;}
.kk-confirm-strategy small,.kk-confirm-strategy strong {display:block;}
.kk-confirm-strategy small {color:#708397;text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size: .82rem;}
.kk-confirm-strategy strong {margin-top:2px;color:#153a61;}

@media (max-width:700px) {
    .kk-allocation-lab-head,.kk-allocation-lab-body,.kk-allocation-lab-footer {padding-left:12px;padding-right:12px;}
    
    
    
    
    
    
    
    .kk-allocation-choice-summary {width:100%;margin-right:0;}
}


.kk-allocation-lab-head {
  align-items: center;
  padding: 15px 22px;
  border-bottom: 0;
  color: #fff;
  background:
    radial-gradient(circle at 88% 10%, rgba(255,255,255,.16), transparent 30%),
    linear-gradient(135deg, #4054b0 0%, #5361c2 45%, #6956cf 100%);
  box-shadow: 0 10px 28px rgba(52, 64, 155, .18);
}
.kk-allocation-lab-head .kk-modal-heading { max-width: none; }
.kk-allocation-lab-head .kk-modal-heading .kk-eyebrow,
.kk-allocation-lab-head .kk-modal-heading h2 { color: #fff !important; }
.kk-allocation-lab-head .kk-modal-heading .kk-eyebrow { opacity: .84; }
.kk-allocation-lab-head .btn-close { filter: invert(1) grayscale(1) brightness(2.2); opacity: .9; }
.kk-allocation-lab-head .btn-close:hover { opacity: 1; }
.kk-allocation-lab-body { padding-top: 14px; }

.kk-allocation-legal-note { box-shadow: 0 5px 16px rgba(23,61,102,.04); }
.kk-allocation-legal-note summary { min-height: 44px; }
.kk-allocation-legal-note summary > span:nth-child(2) strong { font-size: .9rem; }
.kk-allocation-legal-details { padding: 12px 18px 14px 50px; }
.kk-allocation-legal-list {
  margin: 0;
  padding: 0 0 0 1.05rem;
  display: grid;
  gap: 6px;
  color: #425b73;
  font-size: .82rem;
  line-height: 1.38;
}
.kk-allocation-legal-list li::marker { color: #586ac2; }

.kk-allocation-disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 10px 0 0;
  padding: 11px 14px;
  border: 1px solid #e9ca76;
  border-radius: 12px;
  color: #654b12;
  background: linear-gradient(135deg, #fff9dc 0%, #ffefaf 100%);
  box-shadow: 0 6px 18px rgba(167,121,15,.08);
}
.kk-allocation-disclaimer-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #815d08;
  background: rgba(255,255,255,.6);
}
.kk-allocation-disclaimer strong { display: block; color: #5a4009; font-size: .82rem; }
.kk-allocation-disclaimer p { margin: 2px 0 0; font-size: .82rem; line-height: 1.35; }

.kk-allocation-scope-box {
  display: grid;
  grid-template-columns: minmax(220px,.72fr) minmax(560px,1.7fr);
  gap: 14px;
  align-items: center;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #d6e0eb;
  border-radius: 12px;
  background: #fff;
}
.kk-allocation-scope-copy strong,
.kk-allocation-scope-copy span { display: block; }
.kk-allocation-scope-copy strong { color: #153a61; font-size: .84rem; }
.kk-allocation-scope-copy span { margin-top: 2px; color: #718396; font-size: .82rem; }
.kk-allocation-scope-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.kk-allocation-scope-options label { margin: 0; cursor: pointer; }
.kk-allocation-scope-options input { position: absolute; opacity: 0; pointer-events: none; }
.kk-allocation-scope-options label > span {
  min-height: 52px;
  display: grid;
  grid-template-columns: 28px 1fr;
  grid-template-rows: auto auto;
  column-gap: 8px;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid #d6e0eb;
  border-radius: 10px;
  background: #f8fafc;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.kk-allocation-scope-options label > span > i {
  grid-row: 1 / 3;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #4960bb;
  background: #e9edfb;
}
.kk-allocation-scope-options b { color: #183c63; font-size: .82rem; line-height: 1.15; }
.kk-allocation-scope-options small { color: #75879a; font-size: .82rem; line-height: 1.2; }
.kk-allocation-scope-options input:checked + span {
  border-color: #6472cb;
  background: linear-gradient(135deg,#f0f3ff,#f7f5ff);
  box-shadow: inset 0 0 0 1px rgba(82,98,194,.13), 0 5px 14px rgba(73,91,190,.08);
}
.kk-allocation-scope-options input:focus-visible + span { outline: 3px solid rgba(77,141,221,.25); outline-offset: 2px; }

.kk-allocation-current-summary {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin-top: 10px;
  padding: 9px 12px;
  border: 1px solid #d4dfeb;
  border-radius: 12px;
  background: #fff;
  overflow-x: auto;
}
.kk-allocation-current-summary-title {
  min-width: 190px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 12px;
  border-right: 1px solid #e0e7ef;
  color: #153a61;
  font-size: .82rem;
}
.kk-allocation-current-summary-title i { color: #5367c3; }
.kk-allocation-current-summary .kk-payment-summary-totals {
  flex: 1 0 auto;
  display: flex !important;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
  margin: 0 !important;
}
.kk-allocation-current-summary .kk-payment-summary-stat { min-width: 175px; }

.kk-allocation-scope-panel { margin-top: 10px; }
.kk-allocation-mode-list { display: grid;  }
.kk-allocation-mode {
  
  
  background: #fff;
  overflow: hidden;
  
}
.kk-allocation-mode.is-disabled { background: #f5f6f7; opacity: .78; }

.kk-allocation-mode-head {
  
  
  
  gap: 9px;
  align-items: center;
  
  
  
}
.kk-allocation-mode-bullet {
  
  
  border-radius: 50%;
  background: #5367c3;
  box-shadow: 0 0 0 4px #eef1fb;
}
.kk-allocation-mode-title { min-width: 0; }
.kk-allocation-mode-title > div { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }

.kk-allocation-mode-title small {
  display: block;
  
  
  
  
  
  
  
}
.kk-allocation-mode-detail-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  
  border: 1px solid #e1b841 !important;
  border-radius: 8px;
  color: #664a05 !important;
  background: linear-gradient(145deg,#fff3b8,#ffd65b 62%,#f6bd26) !important;
  
  font-weight: 800;
  box-shadow: 0 4px 10px rgba(174,125,10,.10);
}
.kk-allocation-mode-detail-toggle i { transition: transform .15s ease; }
.kk-allocation-mode-detail-toggle.is-open i { transform: rotate(180deg); }
.kk-allocation-mode-choice { margin: 0; cursor: pointer; }
.kk-allocation-mode-choice input { position: absolute; opacity: 0; pointer-events: none; }
.kk-allocation-mode-choice span {
  
  display: inline-flex;
  align-items: center;
  justify-content: center;
  
  border: 1px solid #c8d5e3;
  border-radius: 8px;
  
  
  
  font-weight: 800;
}

.kk-allocation-mode-choice input:disabled + span { color: #86919b; background: #eceff2; cursor: not-allowed; }



.kk-allocation-mode-state-table thead th {
  
  border-bottom: 1px solid #dce5ee;
  
  
  
  font-weight: 850;
  text-transform: uppercase;
  
}

.kk-allocation-mode-state-table tbody th,
.kk-allocation-mode-state-table tbody td {  border-color: #e8edf3; vertical-align: middle; }
.kk-allocation-mode-state-table tbody th span,
.kk-allocation-mode-state-table tbody th small { display: block; }
.kk-allocation-mode-state-table tbody th span { color: #284966;  }
.kk-allocation-mode-state-table tbody th small { color: #8493a2;  font-weight: 500; }
.kk-allocation-mode-state-table tbody td { color: #34536f; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kk-allocation-mode-state-table tbody td strong { color: #153a61;  }


.kk-allocation-mode-state-table tr.is-projection th span,
.kk-allocation-mode-state-table tr.is-projection td strong { color: #77590d; }
.kk-allocation-mode-error {  color: #687580;  }

.kk-allocation-mode-detail {
  border-top: 1px solid #ead58c;
  background: linear-gradient(180deg,#fffdf4,#fff);
}
.kk-allocation-mode-detail-inner { padding: 10px 12px 12px; }
.kk-allocation-mode-detail-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #5f4a12;
}
.kk-allocation-mode-detail-heading > i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #ffefb4;
}
.kk-allocation-mode-detail-heading strong,
.kk-allocation-mode-detail-heading span { display: block; }
.kk-allocation-mode-detail-heading strong { font-size: .82rem; }
.kk-allocation-mode-detail-heading span { color: #7a6b43; font-size: .82rem; }
.kk-allocation-mode-debt-detail + .kk-allocation-mode-debt-detail { margin-top: 12px; padding-top: 10px; border-top: 1px dashed #dbc982; }
.kk-allocation-mode-debt-detail .kk-interest-detail-head { margin-bottom: 6px; }
.kk-allocation-mode-debt-detail .kk-interest-detail-head h4, .kk-allocation-mode-debt-detail .kk-interest-table, .kk-allocation-choice-summary{ font-size: .82rem; }

@media (max-width: 900px) {
  .kk-allocation-scope-box { grid-template-columns: 1fr; }
  .kk-allocation-scope-options { grid-template-columns: 1fr 1fr; }
  .kk-allocation-current-summary { display: block; }
  .kk-allocation-current-summary-title { min-width: 0; padding: 0 0 7px; margin-bottom: 7px; border-right: 0; border-bottom: 1px solid #e0e7ef; }
  .kk-allocation-mode-head { grid-template-columns: 14px 1fr auto; }
  .kk-allocation-mode-detail-toggle { grid-column: 2; justify-self: start; }
  .kk-allocation-mode-choice { grid-column: 3; grid-row: 1 / 3; }
}
@media (max-width: 640px) {
  .kk-allocation-scope-options { grid-template-columns: 1fr; }
  .kk-allocation-legal-details { padding-left: 18px; }
  .kk-allocation-mode-head { grid-template-columns: 12px 1fr auto; }
  .kk-allocation-mode-title small { white-space: normal; }
  .kk-allocation-mode-detail-toggle span { display: none; }
  .kk-allocation-mode-choice span { min-width: 70px; }
  .kk-allocation-mode-state-table { min-width: 650px; }
}


body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-lab-head {
  color: #fff !important;
  border-bottom: 0 !important;
  background:
    radial-gradient(circle at 86% 5%, rgba(255,255,255,.20), transparent 31%),
    linear-gradient(128deg, #4539a6 0%, #6250c9 48%, #8a54d7 100%) !important;
  box-shadow: 0 10px 30px rgba(67,47,151,.25);
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-lab-head .kk-modal-heading .kk-eyebrow,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-lab-head .kk-modal-heading h2 {
  color: #fff !important;
}

.kk-allocation-results-stage {
  position: relative;
  margin-top: 10px;
  min-height: 180px;
}
.kk-allocation-recalc[hidden] { display: none !important; }
.kk-allocation-recalc {
  min-height: 235px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 34px 24px;
  border: 1px solid #d5d9f0;
  border-radius: 14px;
  color: #35426f;
  background:
    linear-gradient(110deg, rgba(245,247,255,.96) 0%, rgba(238,241,255,.98) 48%, rgba(248,245,255,.96) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 24px rgba(62,72,145,.08);
}
.kk-allocation-recalc-spinner {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #6553c7;
  background: #fff;
  box-shadow: 0 5px 18px rgba(76,61,170,.16);
  font-size: 1.28rem;
}
.kk-allocation-recalc strong,
.kk-allocation-recalc small { display: block; }
.kk-allocation-recalc strong { color: #302a74; font-size: 1rem; }
.kk-allocation-recalc small { margin-top: 4px; color: #687693; font-size: .82rem; line-height: 1.35; }

.kk-allocation-mode-list { gap: 0; }
.kk-allocation-mode {
  display: grid;
  grid-template-columns: minmax(500px,.92fr) minmax(690px,1.45fr);
  align-items: stretch;
  border: 2px solid #c7d3e3;
  border-radius: 14px;
  box-shadow: 0 7px 20px rgba(15,48,84,.055);
}
.kk-allocation-mode:not(.is-disabled):hover {
  border-color: #aebbd5;
  box-shadow: 0 9px 24px rgba(45,61,111,.09);
}
.kk-allocation-mode:has(.kk-allocation-mode-choice input:checked) {
  border-color: #6859c7;
  box-shadow: inset 4px 0 0 #6859c7, 0 9px 25px rgba(91,73,183,.16);
}
.kk-allocation-mode-head {
  grid-column: 1;
  grid-row: 1;
  min-height: 100%;
  display: grid;
  grid-template-columns: 14px minmax(0,1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 9px;
  align-content: center;
  padding: 12px 14px;
  border-right: 1px solid #d9e1ec;
  border-bottom: 0;
  background: linear-gradient(135deg,#edf2fb 0%,#f6f5ff 100%);
  cursor: pointer;
  transition: background .15s ease, box-shadow .15s ease;
}
.kk-allocation-mode:has(.kk-allocation-mode-choice input:checked) .kk-allocation-mode-head {
  background: linear-gradient(135deg,#e9edff 0%,#f1eaff 100%);
}
.kk-allocation-mode.is-disabled .kk-allocation-mode-head { cursor: default; }
.kk-allocation-mode-bullet {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: start;
  margin-top: 6px;
  width: 8px;
  height: 8px;
}
.kk-allocation-mode-title {
  grid-column: 2 / 4;
  grid-row: 1;
}
.kk-allocation-mode-title strong {
  color: #173b64;
  font-size: .94rem;
  line-height: 1.2;
}
.kk-allocation-mode-title small {
  margin-top: 4px;
  color: #60758a;
  font-size: .82rem;
  line-height: 1.32;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.kk-allocation-mode-detail-toggle {
  grid-column: 2;
  grid-row: 2;
  justify-self: start;
  min-width: 148px;
  min-height: 36px;
  justify-content: center;
  padding: 7px 12px;
  font-size: .82rem;
}
.kk-allocation-mode-choice {
  grid-column: 3;
  grid-row: 2;
  justify-self: end;
}
.kk-allocation-mode-choice span {
  min-width: 142px;
  min-height: 36px;
  gap: 7px;
  padding: 7px 12px;
  border-color: #8b96d8;
  color: #3c4ca8;
  background: linear-gradient(135deg,#f5f6ff,#e9ecff);
  font-size: .82rem;
  box-shadow: 0 4px 11px rgba(76,89,178,.10);
}
.kk-allocation-mode-choice span i { font-size: .82rem; }
.kk-allocation-mode-choice input:checked + span {
  border-color: #5847b6;
  color: #fff;
  background: linear-gradient(135deg,#5748bb,#7851cf);
  box-shadow: 0 5px 14px rgba(83,66,176,.20);
}

.kk-allocation-mode-state-wrap {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: stretch;
  margin: 0;
  border-left: 0;
  background: #fff;
}
.kk-allocation-mode-state-table {
  width: 100%;
  margin: 0;
  table-layout: fixed;
  font-size: .84rem;
}
.kk-allocation-mode-state-table thead th {
  padding: 7px 11px;
  color: #667b90;
  background: #eef3f8;
  font-size: .82rem;
  letter-spacing: .025em;
}
.kk-allocation-mode-state-table thead th:first-child { width: 34%; }
.kk-allocation-mode-state-table tbody th,
.kk-allocation-mode-state-table tbody td {
  padding: 8px 11px;
  font-size: .84rem;
}
.kk-allocation-mode-state-table tbody th span { font-size: .84rem; }
.kk-allocation-mode-state-table tbody th small { margin-top: 2px; font-size: .82rem; }
.kk-allocation-mode-state-table tbody td strong { font-size: .9rem; }
.kk-allocation-mode-state-table tr.is-current { background: #fff; }
.kk-allocation-mode-state-table tr.is-after { background: #f4f8fd; }
.kk-allocation-mode-state-table tr.is-projection { background: #fff8e9; }

.kk-allocation-mode-error {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  min-height: 86px;
  padding: 15px 18px;
  font-size: .82rem;
  background: #f3f5f7;
}
.kk-allocation-mode-detail {
  grid-column: 1 / -1;
  grid-row: 2;
}










@media (max-width: 1280px) {
  .kk-allocation-mode { grid-template-columns: 1fr; }
  .kk-allocation-mode-head {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid #d9e1ec;
  }
  .kk-allocation-mode-state-wrap, .kk-allocation-mode-error{ grid-column: 1; grid-row: 2; }
  .kk-allocation-mode-detail { grid-row: 3; }
}
@media (max-width: 700px) {
  .kk-allocation-mode-head {
    grid-template-columns: 12px minmax(0,1fr);
    grid-template-rows: auto auto auto;
  }
  .kk-allocation-mode-title { grid-column: 2; }
  .kk-allocation-mode-detail-toggle { grid-column: 2; grid-row: 2; width: 100%; }
  .kk-allocation-mode-choice { grid-column: 2; grid-row: 3; width: 100%; }
  .kk-allocation-mode-choice span { width: 100%; }
  .kk-allocation-mode-state-table { min-width: 720px; }
  
  
  .kk-allocation-recalc { min-height: 190px; padding: 24px 16px; }
}


body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note summary > span:nth-child(2) strong { font-size: 1rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-list { font-size: .92rem; line-height: 1.48; gap: 8px; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-disclaimer strong { font-size: .96rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-disclaimer p { font-size: .9rem; line-height: 1.45; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-copy strong { font-size: 1.03rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-copy span { margin-top: 5px; font-size: .86rem; line-height: 1.4; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-options { align-items: start; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-option { overflow: hidden; border: 1px solid #d6e0eb; border-radius: 12px; background: #f8fafc; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-option > label { display: block; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-options label > .kk-allocation-scope-main { min-height: 72px; grid-template-columns: 38px 1fr; grid-template-rows: 1fr; column-gap: 11px; padding: 11px 13px; border: 0; border-radius: 0; background: transparent; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-options label > .kk-allocation-scope-main > i { grid-row: 1; width: 36px; height: 36px; border-radius: 10px; font-size: .96rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-text { min-width: 0; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-title-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-options b { font-size: .98rem; line-height: 1.25; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-title-row > strong { color: #4d4aa4; font-size: .94rem; font-weight: 850; white-space: nowrap; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-options small { display: block; margin-top: 5px; font-size: .84rem; line-height: 1.4; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-options input:checked + .kk-allocation-scope-main { border: 0; background: linear-gradient(135deg,#eef1ff,#f5efff); box-shadow: inset 4px 0 0 #6658c5; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payments { border-top: 1px solid #e0e6ee; background: #fffdf4; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payments summary { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 13px; cursor: pointer; list-style: none; color: #6a5317; background: linear-gradient(90deg,#fffdf4,#fff7cf); font-size: .86rem; font-weight: 800; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payments summary::-webkit-details-marker { display: none; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payments summary > span { display: inline-flex; align-items: center; gap: 8px; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-chevron { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #72550a; background: linear-gradient(145deg,#ffe57d,#f9c934); box-shadow: 0 3px 8px rgba(163,119,5,.16); transition: transform .16s ease; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payments[open] .kk-allocation-scope-chevron { transform: rotate(180deg); }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-list { padding: 5px 12px 10px; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-row { display: grid; grid-template-columns: minmax(180px,1fr) auto; gap: 18px; align-items: center; padding: 9px 2px; border-bottom: 1px solid #eee7c8; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-row:last-child { border-bottom: 0; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-row > span { display: grid; gap: 2px; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-row > span:last-child { justify-items: end; text-align: right; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-row b { color: #253f5e; font-size: .9rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-row small { margin: 0; color: #718094; font-size: .82rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-row strong { color: #664f12; font-size: .98rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-row em { color: #7a8794; font-size: .82rem; font-style: normal; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-empty { margin: 7px 0 2px; color: #7b8793; font-size: .84rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-current-summary-title { min-width: 240px; font-size: .96rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-current-summary-title > span { display: grid; gap: 3px; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-current-summary-title small { color: #718396; font-size: .82rem; font-weight: 650; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-payment-summary-stat > small, body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-summary-balance-row em{ font-size: .82rem !important; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-summary-balance-row strong,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-payment-summary-stat.is-allocated > strong { font-size: .98rem !important; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-title strong { font-size: 1.08rem; line-height: 1.28; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-title small { margin-top: 6px; font-size: .88rem; line-height: 1.45; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail-toggle,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-choice span { font-size: .9rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail-toggle { min-width: 174px; min-height: 41px; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-choice span { min-width: 160px; min-height: 41px; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-bullet { width: 15px; height: 15px; margin-top: 4px; border: 2px solid #665cc0; background: #fff; box-shadow: 0 0 0 4px #eef0fb; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.is-selected .kk-allocation-mode-bullet { border-color: #5c4fc0; background: #6556c8; box-shadow: 0 0 0 4px #ece9ff, inset 0 0 0 3px #fff; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-wrap,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table thead,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table thead tr,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table thead th:first-child { border-top-left-radius: 0 !important; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table { font-size: .96rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table thead th { padding: 9px 12px; font-size: .82rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table tbody th,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table tbody td { padding: 10px 12px; font-size: .96rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table tbody th span { font-size: .96rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table tbody th small { margin-top: 4px; font-size: .82rem; line-height: 1.35; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table tbody td strong { font-size: 1.04rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail-heading strong { font-size: .98rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail-heading span { font-size: .84rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-debt-detail .kk-interest-detail-head h4 { font-size: 1rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-debt-detail .kk-interest-detail-head span { font-size: .84rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-debt-detail .kk-interest-table,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-debt-detail .kk-interest-table th,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-debt-detail .kk-interest-table td { font-size: .88rem; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-payment-event-meta,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-principal-allocation small,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-interest-allocation small { font-size: .82rem !important; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-choice-summary { font-size: .9rem; }







body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-detail { margin-top: 14px; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-detail-values { min-width: 260px; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-detail-values > span { color: #80652f; font-size: .82rem; font-weight: 800; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-history { display: grid; gap: 7px; margin: 11px 0 10px; padding: 10px 0; text-align: right; border-top: 1px solid rgba(128,101,47,.22); border-bottom: 1px solid rgba(128,101,47,.22); }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-history > span { color: #80652f; font-size: .82rem; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-history small { display: flex; justify-content: space-between; gap: 14px; color: #5f543f; font-size: .84rem; line-height: 1.4; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-history small b { color: #6b5730; font-weight: 800; white-space: nowrap; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-history small em { color: #4f493e; font-style: normal; font-weight: 730; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-outstanding { display: grid; gap: 4px; justify-items: end; margin-top: 7px; padding-top: 2px; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-outstanding > span { display: block; color: #80652f; font-size: .82rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-outstanding > strong { display: block; color: #5d3b0b; font-size: 1.38rem; line-height: 1.1; font-variant-numeric: tabular-nums; }
body.kk-route-tartozaskezelo .kk-debt-section-heading { display: grid; gap: 2px; }
body.kk-route-tartozaskezelo .kk-debt-section-heading small { color: #6d8194; font-size: .82rem; font-weight: 650; }
body.kk-route-tartozaskezelo .kk-debt-card-head[data-debt-card-summary-toggle] { cursor: pointer; }
body.kk-route-tartozaskezelo .kk-debt-card-head[data-debt-card-summary-toggle]:hover { background: radial-gradient(circle at 88% 18%, rgba(255,255,255,.14), transparent 28%), linear-gradient(125deg,#414850 0%,#616a74 58%,#737b84 100%); }
body.kk-route-tartozaskezelo .kk-debt-card-body[hidden], body.kk-route-tartozaskezelo .kk-debt-item:not(.is-expanded) > .kk-debt-detail-toggle,
body.kk-route-tartozaskezelo .kk-debt-item:not(.is-expanded) > .kk-interest-detail{ display: none !important; }
body.kk-route-tartozaskezelo .kk-debt-item.is-expanded .kk-debt-card-head { border-bottom: 1px solid rgba(255,255,255,.12); }
body.kk-route-tartozaskezelo .kk-debt-quick-balances { display: inline-flex; align-items: center; gap: 7px 15px; flex-wrap: wrap; color: rgba(255,255,255,.88); font-size: .84rem; }
body.kk-route-tartozaskezelo .kk-debt-quick-balances > span { display: inline-flex; align-items: baseline; gap: 5px; }
body.kk-route-tartozaskezelo .kk-debt-quick-balances strong { color: #fff; font-size: .9rem; font-weight: 850; }
body.kk-route-tartozaskezelo .kk-debt-card-meta .kk-invoice-number { margin-right: 2px; }
body.kk-route-tartozaskezelo .kk-debt-card-toggle { min-height: 36px; padding: 7px 12px; border: 1px solid rgba(255,255,255,.62) !important; border-radius: 9px;   font-size: .83rem; font-weight: 820;  }
body.kk-route-tartozaskezelo .kk-debt-card-toggle i { margin-right: 5px; transition: transform .16s ease; }
body.kk-route-tartozaskezelo .kk-debt-card-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
@media (max-width: 991.98px) {
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-detail-values { min-width: 0; }
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-history { text-align: left; }
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail .kk-collection-cost-outstanding { justify-items: start; }
  
  
}
@media (max-width: 700px) {
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-row { grid-template-columns: 1fr; gap: 5px; }
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payment-row > span:last-child { justify-items: start; text-align: left; }
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table { min-width: 760px; }
  body.kk-route-tartozaskezelo .kk-debt-quick-balances { display: grid; gap: 3px; }
}





body.kk-route-tartozaskezelo .kk-work-section[open] > summary .kk-debt-section-heading small {
  color: #f3f8ff !important;
  opacity: .96;
  font-size: .84rem;
  font-weight: 720;
}


body.kk-route-tartozaskezelo .kk-debt-card-head .kk-interest-type.is-business {
  color: #485363 !important;
  background: rgba(255,255,255,.95) !important;
  border-color: rgba(255,255,255,.82) !important;
  box-shadow: 0 3px 10px rgba(6,30,56,.10);
}


body.kk-route-tartozaskezelo .kk-debt-card-toggle {
  color: #72550a !important;
  background: linear-gradient(145deg,#ffe57d,#f9c934) !important;
  border-color: rgba(225,176,25,.72) !important;
  box-shadow: 0 4px 11px rgba(163,119,5,.22) !important;
}
body.kk-route-tartozaskezelo .kk-debt-card-toggle:hover,
body.kk-route-tartozaskezelo .kk-debt-card-toggle:focus {
  color: #5d4300 !important;
  background: linear-gradient(145deg,#ffea91,#f6c41e) !important;
}


body.kk-route-tartozaskezelo .kk-payment-progress {
  gap: 5px;
}
body.kk-route-tartozaskezelo .kk-payment-progress .kk-payment-allocated-label {
  color: #4e657b;
  font-size: .96rem;
  line-height: 1.4;
  font-weight: 720;
}
body.kk-route-tartozaskezelo .kk-payment-progress .kk-payment-allocated-label strong {
  color: #173f68;
  font-size: 1.04rem;
  font-weight: 880;
}
body.kk-route-tartozaskezelo .kk-payment-progress .kk-payment-remaining-label {
  font-size: .94rem;
  line-height: 1.35;
}
body.kk-route-tartozaskezelo .kk-payment-allocation-breakdown {
  margin-top: 6px;
  padding-top: 7px;
  border-top: 1px dashed #ced9e4;
}
body.kk-route-tartozaskezelo .kk-payment-allocation-breakdown > span {
  display: block;
  margin-bottom: 5px;
  color: #64788d;
  font-size: .82rem;
  font-weight: 800;
}
body.kk-route-tartozaskezelo .kk-payment-allocation-breakdown ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.kk-route-tartozaskezelo .kk-payment-allocation-breakdown li {
  display: grid;
  grid-template-columns: minmax(120px,1fr) auto auto;
  align-items: baseline;
  gap: 8px;
  color: #344f69;
  font-size: .82rem;
  line-height: 1.3;
}
body.kk-route-tartozaskezelo .kk-payment-allocation-breakdown li > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.kk-route-tartozaskezelo .kk-payment-allocation-breakdown li > b {
  color: #6a4d85;
  font-weight: 820;
  white-space: nowrap;
}
body.kk-route-tartozaskezelo .kk-payment-allocation-breakdown li > strong {
  color: #173f68;
  font-size: .85rem;
  font-weight: 880;
  white-space: nowrap;
}





@media (max-width: 700px) {
  body.kk-route-tartozaskezelo .kk-payment-allocation-breakdown li {
    grid-template-columns: 1fr auto;
  }
  body.kk-route-tartozaskezelo .kk-payment-allocation-breakdown li > strong {
    grid-column: 2;
  }
  
}



body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-debt-section-heading small {
  color: #fff !important;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-table tbody tr.is-projection > :first-child {
  border-bottom-left-radius: 0 !important;
}


body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note summary > i:last-child {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #72550a !important;
  background: linear-gradient(145deg,#ffe57d,#f9c934);
  box-shadow: 0 3px 8px rgba(163,119,5,.16);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note summary:hover > i:last-child,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note summary:focus-visible > i:last-child {
  filter: saturate(1.08) brightness(1.02);
  box-shadow: 0 5px 11px rgba(163,119,5,.22);
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note[open] summary > i:last-child {
  color: #72550a !important;
  transform: rotate(180deg);
}


body.kk-route-tartozaskezelo .kk-work-section > summary .kk-section-chevron,
.kk-guide-card > summary .kk-guide-chevron,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-chevron,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note summary > i:last-child {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: inline-grid !important;
  place-items: center !important;
  align-self: center;
  padding: 0 !important;
  color: var(--kk-action-yellow-ink) !important;
  background: var(--kk-action-yellow-bg) !important;
  border: 1px solid var(--kk-action-yellow-border) !important;
  border-radius: 10px !important;
  box-shadow: var(--kk-action-yellow-shadow) !important;
  filter: none;
  transform: none !important;
  font-size: .84rem !important;
  line-height: 1 !important;
  transition: filter .18s ease, box-shadow .18s ease, background .18s ease !important;
}
body.kk-route-tartozaskezelo .kk-work-section > summary:hover .kk-section-chevron,
body.kk-route-tartozaskezelo .kk-work-section > summary:focus-visible .kk-section-chevron,
.kk-guide-card > summary:hover .kk-guide-chevron,
.kk-guide-card > summary:focus-visible .kk-guide-chevron,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payments summary:hover .kk-allocation-scope-chevron,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payments summary:focus-visible .kk-allocation-scope-chevron,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note summary:hover > i:last-child,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note summary:focus-visible > i:last-child {
  color: var(--kk-action-yellow-ink) !important;
  background: var(--kk-action-yellow-bg-hover) !important;
  box-shadow: var(--kk-action-yellow-shadow-hover) !important;
  filter: saturate(1.04) brightness(1.01);
  transform: none !important;
}
body.kk-route-tartozaskezelo .kk-work-section > summary .kk-section-chevron::before,
.kk-guide-card > summary .kk-guide-chevron::before,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-chevron::before,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note summary > i:last-child::before {
  display: inline-block;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform .20s ease;
}
body.kk-route-tartozaskezelo .kk-work-section[open] > summary .kk-section-chevron,
.kk-guide-card[open] > summary .kk-guide-chevron,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payments[open] .kk-allocation-scope-chevron,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note[open] summary > i:last-child {
  transform: none !important;
}
body.kk-route-tartozaskezelo .kk-work-section[open] > summary .kk-section-chevron::before,
.kk-guide-card[open] > summary .kk-guide-chevron::before,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payments[open] .kk-allocation-scope-chevron::before,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note[open] summary > i:last-child::before {
  transform: rotate(180deg);
}
body.kk-route-tartozaskezelo .kk-debt-card-toggle,
body.kk-route-tartozaskezelo .kk-debt-detail-toggle,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail-toggle {
  color: var(--kk-action-yellow-ink) !important;
  background: var(--kk-action-yellow-bg) !important;
  border-color: var(--kk-action-yellow-border) !important;
  box-shadow: var(--kk-action-yellow-shadow) !important;
}
body.kk-route-tartozaskezelo .kk-debt-card-toggle:hover,
body.kk-route-tartozaskezelo .kk-debt-card-toggle:focus-visible,
body.kk-route-tartozaskezelo .kk-debt-detail-toggle:hover,
body.kk-route-tartozaskezelo .kk-debt-detail-toggle:focus-visible,
body.kk-route-tartozaskezelo .kk-debt-detail-toggle.is-open,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail-toggle:hover,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail-toggle:focus-visible,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-detail-toggle.is-open {
  color: var(--kk-action-yellow-ink) !important;
  background: var(--kk-action-yellow-bg-hover) !important;
  border-color: var(--kk-action-yellow-border) !important;
  box-shadow: var(--kk-action-yellow-shadow-hover) !important;
}



body.kk-route-tartozaskezelo .kk-case-actions .kk-export-dropdown .dropdown-menu {
  min-width: 330px;
}
body.kk-route-tartozaskezelo .kk-case-actions .kk-export-dropdown .dropdown-item {
  text-decoration: none;
}
@media (max-width: 700px) {
  body.kk-route-tartozaskezelo .kk-case-actions .kk-export-dropdown {
    width: 100%;
  }
}


i.kk-lucide-icon {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: -.12em;
}
i.kk-lucide-icon::before { content: none !important; display: none !important; }

.kk-icon-spin > svg.kk-lucide-svg,
.kk-icon-spin svg.kk-lucide-svg {
  animation: kk-lucide-spin .9s linear infinite;
}
@keyframes kk-lucide-spin { to { transform: rotate(360deg); } }
i.kk-lucide-icon > svg.kk-lucide-svg {
  width: 1em;
  height: 1em;
  min-width: 1em;
  flex: 0 0 1em;
  overflow: visible;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  pointer-events: none;
  transform-origin: 50% 50%;
}


body.kk-route-tartozaskezelo .kk-work-section > summary .kk-section-chevron > svg,
.kk-guide-card > summary .kk-guide-chevron > svg,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-chevron > svg,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note summary > i:last-child > svg {
  transform: rotate(0deg);
  transition: transform .20s ease;
}
body.kk-route-tartozaskezelo .kk-work-section[open] > summary .kk-section-chevron > svg,
.kk-guide-card[open] > summary .kk-guide-chevron > svg,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-scope-payments[open] .kk-allocation-scope-chevron > svg,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-legal-note[open] summary > i:last-child > svg {
  transform: rotate(180deg);
}


.kk-recaptcha-shell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  text-align: center;
}
.kk-recaptcha-optional {
  min-height: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.kk-recaptcha-optional > div {
  margin-left: auto !important;
  margin-right: auto !important;
}
.kk-recaptcha-shell--compact { margin: 2px 0 13px; }
.kk-recaptcha-status {
  display: block;
  width: 100%;
  color: #667d93;
  font-size: .82rem;
  line-height: 1.35;
  text-align: center;
}
.kk-recaptcha-status[data-state="ok"] { color: #35734d; }
.kk-recaptcha-status[data-state="fallback"] { color: #80672a; }
.kk-recaptcha-status[data-state="pending"] { color: #667d93; }
@media (max-width: 390px) {
  .kk-recaptcha-shell { width: 100%; overflow: hidden; }
  .kk-recaptcha-optional { transform: scale(.88); transform-origin: center top; margin-bottom: -9px; }
}


.kk-widget-live-preview {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(19, 57, 94, .11);
}
.kk-widget-live-preview__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 15px;
}
.kk-widget-live-preview__icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  color: #173f6d;
  background: linear-gradient(145deg, #fff6c9, #ffe16c);
  border: 1px solid rgba(196, 148, 23, .24);
  box-shadow: 0 5px 13px rgba(69, 83, 104, .10);
}
.kk-widget-live-preview__head strong,
.kk-widget-live-preview__head span { display: block; }
.kk-widget-live-preview__head strong { color: var(--kk-ink); font-size: 1rem; }
.kk-widget-live-preview__head span { margin-top: 3px; color: var(--kk-muted); font-size: .87rem; line-height: 1.48; }
.kk-widget-demo-article {
  position: relative;
  overflow: hidden;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid rgba(26, 63, 103, .12);
  border-radius: 18px;
  background:
    radial-gradient(circle at 96% 2%, rgba(255, 223, 98, .20), transparent 28%),
    linear-gradient(180deg, #fff, #fbfcfe);
  box-shadow: 0 12px 28px rgba(26, 55, 88, .08);
}
.kk-widget-demo-kicker {
  display: inline-block;
  margin-bottom: 7px;
  color: #667f98;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.kk-widget-demo-article h3 {
  max-width: 760px;
  margin: 0 0 13px;
  color: var(--kk-ink);
  font-size: clamp(1.08rem, 2vw, 1.35rem);
  line-height: 1.25;
}
.kk-widget-demo-article p {
  max-width: 830px;
  margin: 0;
  color: #526a82;
  font-size: .92rem;
  line-height: 1.72;
}
.kk-widget-demo-embed {
  width: 100%;
  margin: 22px 0;
  padding: 17px;
  border-radius: 14px;
  
  border: 1px dashed rgba(34, 77, 119, .18);
}
@media (max-width: 575.98px) {
  .kk-widget-demo-embed { padding: 10px; }
  .kk-widget-live-preview__head { gap: 10px; }
}



body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary .kk-payment-summary-stat > small,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-payment-summary-stat > small,
body.kk-route-tartozaskezelo #dm-section-payments > summary .kk-payment-summary-stat > small,
body.kk-route-tartozaskezelo #dm-section-payments[open] > summary .kk-payment-summary-stat > small {
  font-size: .82rem !important;
  line-height: 1.3 !important;
}
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts > summary .kk-summary-balance-row em,
body.kk-route-tartozaskezelo .kk-case-detail-page #dm-section-debts[open] > summary .kk-summary-balance-row em,
body.kk-route-tartozaskezelo #dm-section-payments > summary .kk-summary-balance-row em,
body.kk-route-tartozaskezelo #dm-section-payments[open] > summary .kk-summary-balance-row em {
  font-size: .82rem !important;
  line-height: 1.25 !important;
}
body.kk-route-tartozaskezelo .kk-section-count, body.kk-route-tartozaskezelo .kk-interest-type, body.kk-route-tartozaskezelo .kk-invoice-number, body.kk-route-tartozaskezelo .kk-reduced-badge, body.kk-route-tartozaskezelo .kk-settled-badge, body.kk-route-tartozaskezelo .kk-overpayment-pill, body.kk-route-tartozaskezelo .kk-case-import-source{
  font-size: .82rem !important;
  line-height: 1.35 !important;
}
.kk-affiliate-register-guide__lead > .kk-affiliate-register-guide__icon {
  display: grid !important; place-items: center !important; margin-top: 0 !important;
  color: #fff !important; font-size: 1.12rem !important; line-height: 1 !important;
}
.kk-widget-live-preview__head > .kk-widget-live-preview__icon {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  margin-top: 0 !important; color: #173f6d !important; font-size: 1.08rem !important; line-height: 1 !important;
}
.kk-widget-code-card.is-previewing { border-color: rgba(23,79,141,.48); box-shadow: 0 13px 30px rgba(14,52,90,.12); }
.kk-widget-preview-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px;
  margin: 0 0 11px; padding: 8px 12px; border: 1px solid #b9cee2; border-radius: 10px;
  color: #174f8d; background: #f5f9fd; font-size: .88rem; font-weight: 820; cursor: pointer;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.kk-widget-preview-button:hover,.kk-widget-preview-button:focus-visible { border-color: #7fa9cf; background: #edf5fc; box-shadow: 0 5px 14px rgba(22,74,124,.11); outline: none; }
.kk-widget-preview-button.is-active { color: #624900; border-color: rgba(225,176,25,.75); background: linear-gradient(145deg,#fff0a3,#f8ce45); box-shadow: 0 5px 13px rgba(163,119,5,.17); }
.kk-widget-preview-explainer { display:flex; align-items:flex-start; gap:9px; margin:-2px 0 14px; padding:10px 12px; border-radius:12px; color:#3c5873; background:#eef5fb; border:1px solid #d4e3f0; font-size:.84rem; line-height:1.45; }
.kk-widget-preview-explainer i { margin-top:2px; color:#1769b3; }
.kk-widget-demo-placement-label { display:flex; align-items:center; gap:9px; margin:20px 0 -12px; color:#65500d; font-size:.82rem; font-weight:850; }
.kk-widget-demo-placement-label::before,.kk-widget-demo-placement-label::after { content:""; height:1px; flex:1 1 auto; background:rgba(174,133,21,.28); }
.kk-widget-demo-placement-label span { flex:0 0 auto; }
.kk-widget-demo-embed { display:flex; justify-content:center; align-items:flex-start; min-height:120px; border-width:2px; border-color:rgba(181,138,20,.34); background:linear-gradient(180deg,#fffdf2,#f5f8fb); }
.kk-widget-demo-embed > script { display:none; }
.kk-widget-demo-embed .kk-affiliate-widget-host { width:100%; }
.kk-widget-demo-embed.is-horizontal .kk-affiliate-widget-host { max-width:760px; }
.kk-widget-demo-embed.is-square .kk-affiliate-widget-host { max-width:350px; }
.kk-widget-demo-embed.is-vertical .kk-affiliate-widget-host { max-width:275px; }
.kk-widget-demo-embed.is-auto .kk-affiliate-widget-host { max-width:100%; }
.kk-widget-demo-kicker,.kk-code-box-compact code,.kk-widget-code-card__head em { font-size:.82rem !important; }
.kk-account-subscribe-card { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:14px; padding:15px 16px; border:1px solid rgba(23,79,141,.18); border-radius:16px; background:linear-gradient(135deg,#f3f8fd,#fffdf4); }
.kk-account-subscribe-card__icon { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; color:#fff; background:linear-gradient(135deg,var(--kk-navy-800),var(--kk-blue-500)); box-shadow:0 7px 17px rgba(26,73,121,.18); }
.kk-account-subscribe-card__copy { display:grid; gap:3px; min-width:0; }
.kk-account-subscribe-card__copy strong { color:#173452; font-size:.96rem; }
.kk-account-subscribe-card__copy span { color:#5b7187; font-size:.84rem; line-height:1.42; }
.kk-account-subscribe-card .btn { white-space:nowrap; }
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-history > span, body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-outstanding > span, .kk-preview-data-item > div > span, .kk-excel-review-question dt, .kk-bulk-interest-editor .form-select, .kk-mnb-rate-link, .kk-plan-no{ font-size:.82rem !important; line-height:1.35; }
@media (max-width:575.98px) {
  .kk-account-subscribe-card { grid-template-columns:44px minmax(0,1fr); }
  .kk-account-subscribe-card .btn { grid-column:1 / -1; width:100%; }
  .kk-widget-demo-placement-label span { white-space:normal; text-align:center; }
}










.kk-widget-lab {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(390px, 1.08fr);
  gap: 20px;
  align-items: start;
  margin-top: 16px;
}
.kk-widget-lab .kk-widget-code-grid {
  grid-template-columns: 1fr;
  gap: 12px;
}
.kk-widget-lab .kk-widget-live-preview {
  position: sticky;
  top: 94px;
  margin-top: 0;
  padding: 18px;
  border: 1px solid rgba(19, 57, 94, .12);
  border-radius: 18px;
  background: #f8fbfd;
  box-shadow: 0 12px 30px rgba(21, 54, 89, .07);
}
.kk-widget-lab .kk-widget-demo-article {
  padding: 20px;
}
.kk-widget-lab .kk-widget-demo-embed {
  margin-bottom: 0;
}
.kk-widget-lab .kk-widget-demo-embed.is-square .kk-affiliate-widget-host { max-width: 330px; }
.kk-widget-lab .kk-widget-demo-embed.is-vertical .kk-affiliate-widget-host { max-width: 270px; }








@media (max-width: 1080px) {
  .kk-widget-lab { grid-template-columns: 1fr; }
  .kk-widget-lab .kk-widget-code-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .kk-widget-lab .kk-widget-live-preview { position: static; }
}
@media (max-width: 767.98px) {
  .kk-widget-lab .kk-widget-code-grid { grid-template-columns: 1fr; }
  
  
}


.kk-affiliate-tools-intro {
  margin: 8px 0 18px;
  color: var(--kk-muted);
  line-height: 1.55;
  font-size: .95rem;
}
.kk-affiliate-channel-card {
  margin-top: 16px;
  padding: 20px;
  border: 1px solid rgba(22, 63, 109, .14);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(20, 56, 92, .055);
}
.kk-affiliate-channel-card + .kk-affiliate-channel-card {
  margin-top: 18px;
}
.kk-affiliate-channel-card .kk-affiliate-tool-label,
.kk-affiliate-channel-card .kk-affiliate-tool-label-js {
  
  
  border-top: 0;
}
.kk-affiliate-channel-card .kk-affiliate-tool-label > i {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  margin: 0;
  color: #173f6d;
  background: linear-gradient(145deg, #ffffff, #eef5fb);
  border: 1px solid #d3e0eb;
  box-shadow: 0 6px 16px rgba(22, 58, 94, .08);
}
.kk-affiliate-channel-card .kk-copy-field {
  margin-top: 4px;
}
.kk-affiliate-channel-card .kk-affiliate-share {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(22, 63, 109, .09);
}
.kk-affiliate-channel-card .kk-field-caption {
  margin: 12px 0 0;
}
.kk-affiliate-channel-card--javascript .kk-widget-layout-note {
  margin-top: 8px;
}
.kk-affiliate-channel-card--wordpress .kk-affiliate-wordpress-steps {
  margin: 2px 0 16px 54px;
  padding-left: 20px;
  color: var(--kk-muted);
  line-height: 1.55;
}
.kk-affiliate-channel-card--wordpress .kk-affiliate-wordpress-steps li + li {
  margin-top: 5px;
}
.kk-affiliate-wordpress-download {
  margin-left: 54px;
}
@media (max-width: 767.98px) {
  .kk-affiliate-channel-card { padding: 17px; }
  .kk-affiliate-channel-card--wordpress .kk-affiliate-wordpress-steps {
    margin-left: 0;
  }
  .kk-affiliate-wordpress-download {
    margin-left: 0;
    width: 100%;
  }
}



.kk-affiliate-channel-card--link .kk-affiliate-share {
  gap: 10px;
  padding-top: 14px;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__native,
.kk-affiliate-channel-card--link .kk-affiliate-share__network {
  min-height: 46px;
  padding: 10px 16px;
  border-width: 1px;
  font-size: .92rem;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(21, 60, 104, .11);
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network {
  border-color: rgba(23, 63, 111, .20);
  background: #f8fbfe;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network i {
  font-size: 1.08rem;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--facebook {
  color: #1877f2;
  background: #eef5ff;
  border-color: #c5daf9;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--facebook:hover {
  color: #0f65db;
  background: #e4efff;
  border-color: #a9c9f5;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--linkedin {
  color: #0a66c2;
  background: #eef6fc;
  border-color: #bed8ed;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--linkedin:hover {
  color: #08579f;
  background: #e4f1fa;
  border-color: #a5cce8;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--x {
  color: #111827;
  background: #f4f5f7;
  border-color: #d7dbe1;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--x:hover {
  color: #000;
  background: #eceef1;
  border-color: #c5cad1;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--whatsapp {
  color: #128c7e;
  background: #eef9f6;
  border-color: #bfe4d9;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--whatsapp:hover {
  color: #0f766b;
  background: #e3f5ef;
  border-color: #a7d9cb;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network:hover {
  transform: translateY(-2px);
  box-shadow: 0 11px 24px rgba(21, 60, 104, .15);
}


.kk-affiliate-channel-card--link .kk-affiliate-share__network--x {
  min-width: 64px;
  padding-left: 16px;
  padding-right: 16px;
  gap: 0;
  justify-content: center;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--x .kk-x-brand-mark {
  display: block;
  width: auto;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}


.kk-affiliate-channel-card .kk-affiliate-tool-label,
.kk-affiliate-channel-card .kk-affiliate-tool-label-js {
  margin: -20px -20px 18px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(22, 63, 109, .13);
  border-radius: 18px 18px 0 0;
}
.kk-affiliate-channel-card--link .kk-affiliate-tool-label {
  background: linear-gradient(135deg, #eef6ff 0%, #f7fbff 100%);
}
.kk-affiliate-channel-card--javascript .kk-affiliate-tool-label {
  background: linear-gradient(135deg, #f0f3fb 0%, #f7f9fd 100%);
}
.kk-affiliate-channel-card--wordpress .kk-affiliate-tool-label {
  background: linear-gradient(135deg, #eef4f8 0%, #f8fbfd 100%);
}
.kk-affiliate-channel-card .kk-affiliate-tool-label > div {
  min-width: 0;
  padding-top: 1px;
}
.kk-affiliate-channel-card .kk-affiliate-tool-label strong {
  font-size: 1rem;
}
@media (max-width: 575.98px) {
  .kk-affiliate-channel-card .kk-affiliate-tool-label,
  .kk-affiliate-channel-card .kk-affiliate-tool-label-js {
    margin: -20px -20px 16px;
    padding: 15px 16px;
  }
}








.kk-affiliate-major-section {
  position: relative;
  margin: 0 0 18px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(18, 54, 94, .16) !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(10, 39, 72, .08) !important;
}
.kk-affiliate-major-head {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  margin: 0 !important;
  padding: 18px 20px;
  color: #fff;
  background: linear-gradient(120deg, #0f2e52 0%, #1c4b7b 58%, #285e91 100%);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
.kk-affiliate-major-icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 14px;
  color: #173f6d;
  background: linear-gradient(145deg, #ffffff, #edf5fc);
  border: 1px solid rgba(255, 255, 255, .7);
  box-shadow: 0 8px 20px rgba(3, 24, 47, .18), inset 0 1px 0 #fff;
}
.kk-affiliate-major-icon i,
.kk-affiliate-major-icon svg {
  width: 22px;
  height: 22px;
  font-size: 1.1rem;
}
.kk-affiliate-major-title { min-width: 0; }
.kk-affiliate-major-head .kk-eyebrow {
  display: block;
  margin: 0 0 3px;
  color: #cfe4fb !important;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .035em;
}
.kk-affiliate-major-head h2,
.kk-affiliate-commission-head h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  line-height: 1.2;
}
.kk-affiliate-major-body {
  padding: 20px 22px 22px;
}
.kk-affiliate-commission-head {
  justify-content: initial;
  margin-bottom: 0 !important;
}
.kk-affiliate-rate {
  min-width: 72px;
  height: 50px;
  padding: 0 14px;
  border-radius: 15px;
  color: #fff;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px rgba(4, 27, 53, .13);
  font-size: 1.35rem;
  font-weight: 900;
}
.kk-affiliate-status .kk-affiliate-kpis {
  margin: 0 0 18px;
}
.kk-affiliate-status .table-responsive {
  border: 1px solid rgba(22, 63, 109, .11);
  border-radius: 16px;
  overflow: hidden;
}
.kk-affiliate-status .kk-table { margin-bottom: 0; }
.kk-affiliate-tools .kk-affiliate-tools-intro {
  margin: 0 0 18px;
}
.kk-affiliate-tools .kk-affiliate-channel-card:first-of-type {
  margin-top: 0;
}

@media (max-width: 575.98px) {
  .kk-affiliate-major-head {
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 12px;
    padding: 15px 16px;
  }
  .kk-affiliate-major-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }
  .kk-affiliate-major-icon i,
  .kk-affiliate-major-icon svg {
    width: 20px;
    height: 20px;
  }
  .kk-affiliate-major-head .kk-eyebrow { font-size: .78rem; }
  .kk-affiliate-major-head h2,
  .kk-affiliate-commission-head h2 { font-size: 1.22rem; }
  .kk-affiliate-major-body { padding: 17px; }
  .kk-affiliate-rate {
    min-width: 58px;
    height: 42px;
    padding: 0 10px;
    border-radius: 13px;
    font-size: 1.08rem;
  }
}







.kk-affiliate-tools .kk-affiliate-channel-card {
  border: 2px solid rgba(30, 76, 124, .24) !important;
  box-shadow:
    0 13px 30px rgba(16, 52, 91, .09),
    0 2px 7px rgba(16, 52, 91, .055),
    inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
.kk-affiliate-tools .kk-affiliate-channel-card + .kk-affiliate-channel-card {
  margin-top: 22px;
}
.kk-affiliate-tools .kk-affiliate-channel-card .kk-affiliate-tool-label,
.kk-affiliate-tools .kk-affiliate-channel-card .kk-affiliate-tool-label-js {
  border-bottom: 2px solid rgba(30, 76, 124, .16);
}
.kk-affiliate-tools .kk-affiliate-channel-card--link {
  border-color: rgba(30, 88, 150, .27) !important;
}
.kk-affiliate-tools .kk-affiliate-channel-card--javascript {
  border-color: rgba(39, 71, 121, .27) !important;
}
.kk-affiliate-tools .kk-affiliate-channel-card--wordpress {
  border-color: rgba(52, 79, 108, .27) !important;
}





.navbar.kk-navbar {
  
  
  
  background:
    radial-gradient(circle at 22% -55%, rgba(86, 143, 211, .18), transparent 38%),
    linear-gradient(108deg, #06172c 0%, #0a213e 52%, #112f55 100%) !important;
  border-bottom: 1px solid rgba(181, 216, 250, .13);
  box-shadow: 0 10px 32px rgba(3, 17, 35, .20);
}



.kk-brand {
  position: relative;
  align-self: center;
  gap: 0;
  
  
  border: 0 !important;
}

.kk-brand-word {
  position: relative;
  display: inline-block;
  color: #fff !important;
  
  
  
  
  
  
  text-transform: uppercase;
  white-space: nowrap;
  
}

.kk-brand-word::after {
  content: "";
  position: absolute;
  
  
  
  
  
  
  
}

.kk-brand-word::before {
  
  position: absolute;
  z-index: 2;
  
  
  
  
  transform: translateX(-50%);
  border-radius: 999px;
  
  
  
  pointer-events: none;
}

@media (min-width: 1600px) {
  .kk-navbar > .container-fluid {
    justify-content: space-between;
  }
  .kk-navbar .navbar-collapse {
    
    justify-content: flex-end;
  }
  .kk-navbar .navbar-nav {
    margin-left: auto;
  }
  .kk-navbar .navbar-nav {
    gap: 0;
  }
  .kk-navbar .nav-item {
    position: relative;
    display: flex;
    align-items: center;
  }
  .kk-navbar .nav-item + .nav-item::before {
    content: "";
    width: 1px;
    height: 21px;
    margin: 0 clamp(6px, .65vw, 12px);
    background: linear-gradient(180deg,
      transparent 0%,
      rgba(199, 221, 244, .28) 18%,
      rgba(199, 221, 244, .28) 82%,
      transparent 100%);
  }
  .kk-navbar .nav-link {
    
    min-height: auto;
    padding: 12px clamp(6px, .62vw, 11px) !important;
    color: rgba(222, 232, 244, .74) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--kk-nav-font) !important;
    font-size: .77rem;
    font-weight: 700;
    letter-spacing: .055em;
    line-height: 1.15;
    text-transform: uppercase;
    transition: color .18s ease, text-shadow .18s ease;
  }
  .kk-navbar .nav-link:hover,
  .kk-navbar .nav-link.active {
    color: #fff !important;
    background: transparent !important;
    border-color: transparent !important;
    text-shadow: 0 0 12px rgba(174, 214, 255, .20);
  }
  .kk-navbar .nav-link.active::after {
    content: "";
    position: absolute;
    right: 9px;
    bottom: 5px;
    left: 9px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(221, 241, 255, .78), transparent);
    box-shadow: 0 0 8px rgba(138, 198, 245, .28);
  }
  
  .kk-account-nav-item {
    position: relative;
  }
  
  
  
  
}


@media (max-width: 1599.98px) {
  .navbar.kk-navbar { min-height: 76px; }
  .kk-brand { padding-bottom: 7px !important; }
  .kk-brand-word {
    font-size: clamp(1.12rem, 4.2vw, 1.48rem);
    letter-spacing: .04em;
  }
  .kk-brand-word::after { bottom: -8px; }
  .kk-brand-word::before { bottom: -9px; }
  .kk-navbar .nav-link{
    font-family: var(--kk-nav-font) !important;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
  }
  
}


.kk-footer-logo {
  gap: 0 !important;
}
.kk-footer-logo > span {
  display: block;
}
.kk-footer-logo strong {
  position: relative;
  display: inline-block !important;
  
  color: #fff !important;
  
  
  
  
  
  text-transform: uppercase;
}
.kk-footer-logo strong::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  
  
  
}
.kk-footer-logo small, .kk-footer-group h3,
.kk-footer-group a,
.kk-footer-bottom,
.kk-footer-powered{
  
  font-family: var(--kk-nav-font) !important;
  
  
}




:root {
  
  --kk-nav-font: "Bahnschrift", "Aptos", "Arial Nova", "Helvetica Neue", Arial, sans-serif;
}

.navbar.kk-navbar {
  min-height: 74px;
  padding-top: 10px;
  padding-bottom: 10px;
}


.kk-navbar > .container-fluid {
  width: min(var(--kk-page-content-max), calc(100% - 36px));
  max-width: none !important;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.kk-brand {
  margin-right: clamp(24px, 2.6vw, 42px);
  padding: 2px 0 7px !important;
}

.kk-brand-word {
  font-size: clamp(1.30rem, 1.42vw, 1.60rem) !important;
  
  
  
  
  
}


.kk-brand-word::after {
  right: 2% !important;
  bottom: -8px !important;
  left: 0 !important;
  height: 1px !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg,
    rgba(250, 253, 255, .88) 0%,
    rgba(250, 253, 255, .88) 48%,
    rgba(238, 247, 255, .76) 68%,
    rgba(215, 233, 249, .38) 84%,
    rgba(203, 225, 245, .10) 94%,
    transparent 100%) !important;
  box-shadow: 0 0 5px rgba(178, 220, 255, .18) !important;
}
.kk-brand-word::before {
  bottom: -9px !important;
  left: 52% !important;
  width: 14% !important;
  height: 3px !important;
  background: rgba(255,255,255,.42) !important;
  filter: blur(3px) !important;
  opacity: .34 !important;
}

@keyframes kkNavTextGlowIn {
  0% { text-shadow: 0 0 0 rgba(181, 222, 255, 0); }
  55% { text-shadow: 0 0 13px rgba(181, 222, 255, .28); }
  100% { text-shadow: 0 0 9px rgba(181, 222, 255, .15); }
}

@media (min-width: 1600px) {
  .kk-navbar > .container-fluid {
    justify-content: space-between !important;
  }
  .kk-navbar .navbar-collapse {
    min-width: 0;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
  }
  .kk-navbar .navbar-nav {
    min-width: 0;
    margin-left: auto !important;
    align-items: center;
  }
  .kk-navbar .nav-item + .nav-item::before {
    height: 18px !important;
    margin: 0 clamp(5px, .48vw, 9px) !important;
    background: linear-gradient(180deg,
      transparent 0%,
      rgba(199, 221, 244, .23) 20%,
      rgba(199, 221, 244, .23) 80%,
      transparent 100%) !important;
  }

  .kk-navbar .nav-link {
    position: relative;
    overflow: visible;
    padding: 11px clamp(5px, .50vw, 9px) 12px !important;
    color: rgba(223, 233, 244, .72) !important;
    font-size: .75rem !important;
    font-weight: 650 !important;
    letter-spacing: .062em !important;
    line-height: 1 !important;
    white-space: nowrap;
    transition: color .11s ease, text-shadow .15s ease !important;
  }

  
  .kk-navbar .nav-link::before {
    content: "";
    position: absolute;
    right: 8px;
    bottom: 4px;
    left: 8px;
    height: 1px;
    transform: scaleX(0);
    transform-origin: center center;
    opacity: 0;
    background: linear-gradient(90deg,
      transparent 0%,
      rgba(211, 238, 255, .38) 12%,
      rgba(245, 251, 255, .98) 50%,
      rgba(211, 238, 255, .38) 88%,
      transparent 100%);
    box-shadow: 0 0 8px rgba(148, 205, 250, .26);
    transition:
      transform .19s cubic-bezier(.16, 1, .3, 1),
      opacity .08s linear;
    pointer-events: none;
  }
  .kk-navbar .nav-link:hover,
  .kk-navbar .nav-link:focus-visible,
  .kk-navbar .nav-link.active,
  .kk-navbar .kk-nav-dropdown.show > .nav-link {
    color: #fff !important;
    text-shadow: 0 0 9px rgba(181, 222, 255, .15) !important;
  }
  .kk-navbar .nav-link:hover,
  .kk-navbar .nav-link:focus-visible,
  .kk-navbar .kk-nav-dropdown.show > .nav-link {
    animation: kkNavTextGlowIn .28s ease-out both;
  }
  .kk-navbar .nav-link:hover::before,
  .kk-navbar .nav-link:focus-visible::before,
  .kk-navbar .nav-link.active::before,
  .kk-navbar .kk-nav-dropdown.show > .nav-link::before {
    transform: scaleX(1);
    opacity: 1;
  }

  
  .kk-navbar .nav-link:not(.dropdown-toggle)::after,
  .kk-navbar .nav-link.active:not(.dropdown-toggle)::after {
    display: none !important;
    content: none !important;
  }

  
  .kk-navbar .kk-nav-dropdown > .dropdown-toggle::after {
    display: inline-block !important;
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: .42rem !important;
    vertical-align: .18em !important;
    border-top: .28em solid rgba(226, 239, 250, .62) !important;
    border-right: .22em solid transparent !important;
    border-bottom: 0 !important;
    border-left: .22em solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: .75;
    transition: transform .18s ease, border-top-color .18s ease;
  }
  .kk-navbar .kk-nav-dropdown.show > .dropdown-toggle::after {
    transform: rotate(180deg);
    border-top-color: #fff !important;
  }

  .kk-navbar .kk-nav-dropdown .dropdown-menu {
    min-width: 220px;
    margin-top: 8px !important;
    padding: 7px !important;
    overflow: hidden;
    background:
      radial-gradient(circle at 18% -20%, rgba(99, 160, 221, .12), transparent 46%),
      rgba(5, 23, 43, .985) !important;
    border: 1px solid rgba(177, 211, 244, .17) !important;
    border-radius: 9px !important;
    box-shadow: 0 18px 38px rgba(2, 13, 27, .34), inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  .kk-navbar .kk-nav-dropdown .dropdown-item {
    position: relative;
    padding: 10px 12px !important;
    color: rgba(222, 233, 244, .76) !important;
    background: transparent !important;
    border-radius: 5px !important;
    font-family: var(--kk-nav-font) !important;
    font-size: .73rem !important;
    font-weight: 650 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase;
    transition: color .13s ease, background .13s ease, padding-left .16s cubic-bezier(.16,1,.3,1);
  }
  .kk-navbar .kk-nav-dropdown .dropdown-item:hover,
  .kk-navbar .kk-nav-dropdown .dropdown-item:focus,
  .kk-navbar .kk-nav-dropdown .dropdown-item.active {
    padding-left: 15px !important;
    color: #fff !important;
    background: rgba(126, 181, 232, .075) !important;
  }
  .kk-navbar .kk-nav-dropdown .dropdown-item.active {
    box-shadow: inset 1px 0 0 rgba(209, 237, 255, .72);
  }

  
  
  
}

@media (max-width: 1599.98px) {
  .kk-navbar > .container-fluid {
    width: calc(100% - 24px);
  }
  .kk-brand-word {
    font-size: clamp(1.08rem, 4vw, 1.38rem) !important;
    font-weight: 700 !important;
  }
  .kk-navbar .kk-nav-dropdown .dropdown-menu {
    position: static !important;
    float: none !important;
    margin: 4px 0 8px !important;
    padding: 5px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }
  .kk-navbar .kk-nav-dropdown .dropdown-item {
    padding: 9px 12px !important;
    color: rgba(230,238,247,.78) !important;
    background: transparent !important;
    font-family: var(--kk-nav-font) !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase;
  }
  .kk-navbar .kk-nav-dropdown .dropdown-item:hover,
  .kk-navbar .kk-nav-dropdown .dropdown-item.active {
    color: #fff !important;
    background: rgba(255,255,255,.055) !important;
  }
  
}


.kk-footer-logo strong {
  padding-bottom: 7px !important;
  
  font-size: clamp(1.12rem, 1.35vw, 1.40rem) !important;
  
  
  
  
}
.kk-footer-logo strong::after {
  height: 1px !important;
  background: linear-gradient(90deg,
    rgba(250,253,255,.82) 0%,
    rgba(250,253,255,.78) 50%,
    rgba(213,233,250,.34) 82%,
    transparent 100%) !important;
  box-shadow: 0 0 5px rgba(168, 214, 250, .13) !important;
}
.kk-footer-logo small {
  margin-top: 7px !important;
  color: rgba(219,232,244,.60) !important;
  font-size: .74rem !important;
  font-weight: 500;
  letter-spacing: .045em !important;
}

.kk-footer-nav--compact {
  gap: clamp(26px, 3vw, 46px) !important;
}
.kk-site-footer .kk-footer-group {
  padding: 17px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(203, 224, 244, .13) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.kk-footer-group h3 {
  margin: 0 0 10px !important;
  color: rgba(240,247,253,.92) !important;
  font-family: var(--kk-nav-font) !important;
  font-size: .70rem !important;
  font-weight: 700 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase;
}
.kk-footer-group ul {
  gap: 0 !important;
}
.kk-footer-group a {
  position: relative;
  display: inline-block !important;
  padding: 6px 0 7px !important;
  color: rgba(208, 222, 236, .72) !important;
  font-family: var(--kk-nav-font) !important;
  font-size: .74rem !important;
  font-weight: 600 !important;
  letter-spacing: .052em !important;
  line-height: 1.25;
  text-transform: uppercase;
  transform: none !important;
  transition: color .15s ease, text-shadow .15s ease !important;
}
.kk-footer-group a::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(226,242,255,.82), transparent);
  box-shadow: 0 0 5px rgba(152, 208, 248, .16);
  transition: width .18s cubic-bezier(.16,1,.3,1);
}
.kk-footer-group a:hover,
.kk-footer-group a:focus-visible {
  color: #fff !important;
  text-shadow: 0 0 8px rgba(184,222,251,.10);
  transform: none !important;
}
.kk-footer-group a:hover::after,
.kk-footer-group a:focus-visible::after {
  width: 30px;
}


.kk-footer-bottom {
  border-top-color: rgba(203,224,244,.11) !important;
  font-family: var(--kk-nav-font) !important;
  font-size: .76rem !important;
  letter-spacing: .018em;
}
.kk-footer-powered {
  padding: 0 0 2px !important;
  color: rgba(211,226,239,.66) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(211,226,239,.20) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: .70rem !important;
  letter-spacing: .085em !important;
}
.kk-footer-powered:hover {
  color: #fff !important;
  border-bottom-color: rgba(235,246,255,.62) !important;
}



:root {
  --kk-brand-font: "Century Gothic", "Aptos Display", "Segoe UI", Arial, sans-serif;
}

.kk-brand-word {
  font-family: var(--kk-brand-font) !important;
  font-weight: 700 !important;
  font-stretch: normal !important;
  letter-spacing: .020em !important;
  line-height: .94 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.045), 0 0 12px rgba(172,213,255,.045) !important;
  transform: none !important;
}


.kk-brand-word::after,
.kk-footer-logo strong::after {
  height: 1px !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(225,239,252,.28) 5%,
    rgba(239,248,255,.62) 15%,
    rgba(250,253,255,.88) 36%,
    rgba(255,255,255,.91) 50%,
    rgba(250,253,255,.88) 64%,
    rgba(239,248,255,.62) 85%,
    rgba(225,239,252,.28) 95%,
    transparent 100%) !important;
  box-shadow: 0 0 3px rgba(169,211,247,.10) !important;
}
.kk-brand-word::before {
  display: none !important;
  content: none !important;
}

.kk-footer-logo strong {
  font-family: var(--kk-brand-font) !important;
  font-weight: 700 !important;
  font-stretch: normal !important;
  letter-spacing: .020em !important;
  line-height: .94 !important;
  transform: none !important;
}

@media (min-width: 1600px) {
  .kk-brand-word {
    font-size: clamp(1.27rem, 1.36vw, 1.52rem) !important;
  }
}

@media (max-width: 1599.98px) {
  .kk-brand-word {
    font-size: clamp(1.06rem, 3.7vw, 1.32rem) !important;
  }
}





.kk-navbar .kk-account-link {
  appearance: none;
  -webkit-appearance: none;
  width: auto;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}
.kk-navbar .kk-account-link .kk-db-inline-badge {
  text-transform: none;
  letter-spacing: 0;
}


@media (min-width: 1600px) {
  .kk-navbar .nav-link,
  .kk-navbar .kk-account-link {
    font-size: 13px !important;
    font-weight: 600 !important;
  }
  .kk-navbar .kk-nav-dropdown {
    position: relative !important;
  }
  .kk-navbar .kk-nav-dropdown > .dropdown-menu {
    position: absolute !important;
    z-index: 1105 !important;
    inset: auto !important;
    top: calc(100% + 15px) !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }
  .kk-navbar .kk-nav-dropdown > .dropdown-menu:not(.show) {
    display: none !important;
  }
  .kk-navbar .kk-nav-dropdown > .dropdown-menu.show {
    display: block !important;
  }
  .kk-navbar .kk-nav-dropdown .dropdown-item {
    font-size: 13px !important;
  }
}


@media (max-width: 1599.98px) {
  .kk-navbar {
    flex-wrap: nowrap !important;
  }
  .kk-navbar > .container-fluid {
    position: relative !important;
    flex-wrap: nowrap !important;
  }
  .kk-navbar.navbar-expand-xxxl .navbar-collapse,
  .kk-navbar .navbar-collapse {
    position: absolute !important;
    z-index: 1104 !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 96px);
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .kk-navbar.navbar-expand-xxxl .navbar-collapse:not(.show):not(.collapsing) {
    display: none !important;
  }
  .kk-navbar.navbar-expand-xxxl .navbar-collapse.show,
  .kk-navbar.navbar-expand-xxxl .navbar-collapse.collapsing {
    display: block !important;
  }
  .kk-navbar .kk-nav-dropdown > .dropdown-menu {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    transform: none !important;
  }
  .kk-navbar .nav-link,
  .kk-navbar .kk-account-link,
  .kk-navbar .kk-nav-dropdown .dropdown-item {
    font-size: 13px !important;
  }
  .kk-navbar .kk-account-nav-item,
  .kk-navbar .kk-account-link {
    width: 100% !important;
  }
  .kk-navbar .kk-account-link {
    padding: 11px 12px !important;
    text-align: left !important;
  }
}


.kk-footer-logo small,
.kk-footer-group h3,
.kk-footer-group a,
.kk-footer-bottom,
.kk-footer-powered, .kk-home-side-card-premium::after,
.kk-plan-table-wrap::before,
.kk-result-card .card-header::before,
.kk-home-process-watermark,
.kk-bulk-result-page .kk-result-card--summary:not(.kk-bulk-result-summary) .card-header::before,
.kk-bulk-interest-editor .form-select,
.kk-preview-data-item > div > span,
.kk-widget-code-card__head em,
.kk-mnb-rate-link,
.kk-excel-review-question dt,
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-history > span,
body.kk-route-tartozaskezelo .kk-interest-detail .kk-collection-cost-outstanding > span,
.kk-affiliate-major-head .kk-eyebrow{
  font-size: 13px !important;
}


.small,
small,
.form-text {
  font-size: .875rem;
}

@media (max-width: 575.98px) {
  body {
    font-size: 16px !important;
  }
}


.kk-datepicker__weekdays,
.kk-datepicker__text-button,
.kk-datepicker__select,
.kk-datepicker__period-control .kk-datepicker__select {
  font-size: 13px !important;
}


.kk-registration-page .kk-registration-form > .kk-form-section {
  --kk-registration-section-pad: 25px;
  padding: var(--kk-registration-section-pad) !important;
  overflow: hidden;
}
.kk-registration-page .kk-registration-form > .kk-form-section > .kk-section-heading {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: calc(-1 * var(--kk-registration-section-pad)) calc(-1 * var(--kk-registration-section-pad)) 22px !important;
  padding: 18px 20px;
  color: #fff;
  background: linear-gradient(120deg, #0f2e52 0%, #1c4b7b 58%, #285e91 100%);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
.kk-registration-page .kk-registration-form > .kk-form-section > .kk-section-heading .kk-step-number {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: 14px;
  color: #173f6d;
  background: linear-gradient(145deg, #ffffff, #edf5fc);
  border: 1px solid rgba(255, 255, 255, .72);
  box-shadow: 0 8px 20px rgba(3, 24, 47, .18), inset 0 1px 0 #fff;
  font-size: .92rem;
  font-weight: 850;
}
.kk-registration-page .kk-registration-form > .kk-form-section > .kk-section-heading .kk-eyebrow {
  display: block;
  margin: 0 0 3px;
  color: #cfe4fb !important;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .035em;
}
.kk-registration-page .kk-registration-form > .kk-form-section > .kk-section-heading h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  line-height: 1.2;
}
.kk-registration-page .kk-plan-section-error > .kk-section-heading h2 {
  color: #fff !important;
}
@media (max-width: 767.98px) {
  .kk-registration-page .kk-registration-form > .kk-form-section {
    --kk-registration-section-pad: 19px;
  }
  .kk-registration-page .kk-registration-form > .kk-form-section > .kk-section-heading {
    gap: 12px;
    padding: 15px 16px;
  }
  .kk-registration-page .kk-registration-form > .kk-form-section > .kk-section-heading .kk-step-number {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    border-radius: 13px;
  }
}


#kkPlanTable [data-package] {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: background-color .2s ease, box-shadow .2s ease, border-color .2s ease;
}
#kkPlanTable thead th[data-package] .kk-plan-select {
  transition: transform .24s cubic-bezier(.2,.75,.25,1),
              background-color .2s ease,
              border-color .2s ease,
              box-shadow .24s ease;
}


#kkPlanTable [data-package].is-column-hover:not(.is-selected) {
  background: #f7faff !important;
  box-shadow: inset 1px 0 0 rgba(48,104,164,.17), inset -1px 0 0 rgba(48,104,164,.17);
}
#kkPlanTable thead th[data-package].is-column-hover:not(.is-selected) .kk-plan-select {
  transform: translateY(-1px);
  background: rgba(255,255,255,.68);
  border-color: rgba(77,130,184,.34);
}


#kkPlanTable [data-package].is-selected {
  background: linear-gradient(180deg, #edf5fd 0%, #f5f9fd 100%) !important;
  box-shadow: inset 2px 0 0 rgba(39,102,165,.48), inset -2px 0 0 rgba(39,102,165,.48);
}
#kkPlanTable thead th[data-package].is-selected {
  background: linear-gradient(180deg, #e7f1fb 0%, #edf5fc 100%) !important;
  box-shadow: inset 2px 0 0 rgba(39,102,165,.48), inset -2px 0 0 rgba(39,102,165,.48), inset 0 2px 0 rgba(39,102,165,.48);
}
#kkPlanTable tbody tr:last-child td[data-package].is-selected {
  box-shadow: inset 2px 0 0 rgba(39,102,165,.48), inset -2px 0 0 rgba(39,102,165,.48), inset 0 -2px 0 rgba(39,102,165,.48);
}
#kkPlanTable thead th:last-child.is-selected { border-top-right-radius: 18px; }
#kkPlanTable tbody tr:last-child td:last-child.is-selected { border-bottom-right-radius: 18px; }
#kkPlanTable thead th[data-package].is-selected .kk-plan-select {
  transform: translateY(-2px);
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(235,244,253,.96));
  border-color: #77a3cf;
  box-shadow: 0 9px 18px rgba(18,62,108,.10), inset 0 0 0 1px rgba(46,111,196,.10);
}


#kkPlanTable [data-package]::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: -55%;
  width: 42%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(100deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.10) 28%,
    rgba(255,255,255,.76) 50%,
    rgba(210,232,252,.24) 66%,
    rgba(255,255,255,0) 100%);
  transform: skewX(-15deg) translateX(0);
}
#kkPlanTable [data-package].is-activating::after {
  animation: kkPlanColumnSweep .66s cubic-bezier(.2,.72,.22,1) both;
}
@keyframes kkPlanColumnSweep {
  0%   { opacity: 0; transform: skewX(-15deg) translateX(0); }
  16%  { opacity: .92; }
  100% { opacity: 0; transform: skewX(-15deg) translateX(420%); }
}


#kkPlanTable [data-package] > * {
  position: relative;
  z-index: 3;
}


#kkPlanTable thead th[data-package]:focus-within .kk-plan-select {
  outline: 2px solid rgba(73,130,189,.48);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  #kkPlanTable [data-package],
  #kkPlanTable thead th[data-package] .kk-plan-select {
    transition: none !important;
  }
  #kkPlanTable [data-package].is-activating::after {
    animation: none !important;
  }
}



.kk-stripe-checkout-note {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid var(--kk-line);
  border-radius: var(--kk-radius-sm);
  background: var(--kk-surface-soft);
  color: var(--kk-text);
}
.kk-stripe-checkout-note strong { color: var(--kk-ink); }
.kk-payment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.kk-payment-actions .btn { min-height: 46px; }
.kk-payment-actions .btn[disabled] { cursor: not-allowed; opacity: .62; }
@media (max-width: 575.98px) {
  .kk-payment-actions { align-items: stretch; }
  .kk-payment-actions .btn { width: 100%; }
}



.kk-preview-subscriber-card {
  overflow: hidden;
  padding: 0;
}
.kk-preview-subscriber-card .kk-preview-section-heading,
.kk-preview-confirm-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 18px 22px;
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, var(--kk-navy-800), var(--kk-blue-600));
}
.kk-preview-subscriber-card .kk-preview-section-heading .kk-eyebrow {
  color: #c9dced;
}
.kk-preview-subscriber-card .kk-preview-section-heading h2,
.kk-preview-confirm-head h2 {
  margin: 2px 0 0;
  color: #fff;
}
.kk-preview-subscriber-card .kk-preview-section-icon,
.kk-preview-confirm-head .kk-preview-confirm-icon {
  color: #fff;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: none;
}
.kk-preview-subscriber-card .kk-preview-data-grid {
  padding: 22px 26px 26px;
}
.kk-preview-confirm-card {
  overflow: hidden;
  padding: 0;
}
.kk-preview-payment-body {
  padding: 22px 26px 24px;
}
.kk-payment-explainer {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}
.kk-payment-explainer p {
  margin: 0;
  color: #526b84;
  font-size: .92rem;
  line-height: 1.58;
}
.kk-payment-method-selector {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin: 4px 0 16px;
}
.kk-payment-choice {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0,1fr);
  gap: 11px;
  min-width: 0;
  min-height: 122px;
  align-items: center;
  padding: 16px 17px;
  border: 1px solid var(--kk-line);
  border-radius: 16px;
  background: #fff;
  cursor: pointer;
  transition: transform .17s ease, border-color .17s ease, background .17s ease, box-shadow .17s ease;
}
.kk-payment-choice:hover {
  transform: translateY(-1px);
  border-color: #9ab8d4;
}
.kk-payment-choice input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.kk-payment-choice-control {
  width: 20px;
  height: 20px;
  border: 2px solid #9bb0c6;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 4px #fff;
}
.kk-payment-choice:has(input[type="radio"]:checked) {
  border-color: #86abd2;
  background: #edf5ff;
  box-shadow: inset 0 0 0 1px rgba(46,111,196,.11), 0 8px 20px rgba(17,55,94,.08);
}
.kk-payment-choice:has(input[type="radio"]:checked) .kk-payment-choice-control {
  border-color: #2d6fba;
  background: #2d6fba;
}
.kk-payment-choice:focus-within {
  outline: 2px solid rgba(73,130,189,.48);
  outline-offset: 2px;
}
.kk-payment-choice.is-disabled {
  opacity: .58;
  cursor: not-allowed;
  transform: none;
}
.kk-payment-choice-content {
  display: grid;
  grid-template-columns: 76px minmax(0,1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
}
.kk-payment-choice-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  color: #315f91;
  background: #eaf1f8;
}
.kk-payment-choice-visual {
  width: 76px;
  min-height: 62px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 14px;
  border: 1px solid #d8e4ef;
  background: #f5f9fc;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}
.kk-payment-choice-visual--bank {
  color: #275b8e;
  background: linear-gradient(180deg,#f3f8fd 0%,#e9f2fb 100%);
}
.kk-payment-choice-visual-icon {
  font-size: 1.55rem;
  line-height: 1;
}
.kk-payment-choice-visual-label {
  font-size: .58rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .08em;
}
.kk-payment-choice-visual--stripe {
  position: relative;
  gap: 1px;
  border-color: rgba(99,91,255,.28);
  background: linear-gradient(180deg,#f8f7ff 0%,#efefff 100%);
}
.kk-payment-choice-stripe-logo {
  color: #635bff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.48rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.075em;
  transform: translateX(-1px);
}
.kk-payment-choice-visual-card {
  color: #635bff;
  font-size: .9rem;
  line-height: 1;
  opacity: .82;
}
.kk-payment-choice--stripe {
  border-color: rgba(99,91,255,.24);
}
.kk-payment-choice--stripe:hover {
  border-color: rgba(99,91,255,.55);
}
.kk-payment-choice--stripe:has(input[type="radio"]:checked) {
  border-color: #635bff;
  background: #f3f1ff;
  box-shadow: inset 0 0 0 1px rgba(99,91,255,.10), 0 8px 20px rgba(74,67,184,.10);
}
.kk-payment-choice--stripe:has(input[type="radio"]:checked) .kk-payment-choice-control {
  border-color: #635bff;
  background: #635bff;
}
.kk-payment-choice strong,
.kk-payment-choice small {
  display: block;
}
.kk-payment-choice strong {
  color: var(--kk-ink);
  font-size: 1rem;
}
.kk-payment-choice small {
  margin-top: 3px;
  color: var(--kk-muted);
  font-size: .8rem;
  line-height: 1.35;
}
.kk-payment-choice-stripe-copy {
  min-width: 0;
}
.kk-preview-consent-card {
  margin-top: 16px;
}
.kk-subscription-final-actions {
  margin-top: 18px;
}
.kk-subscription-final-actions .btn {
  min-height: 48px;
}
@media (max-width: 767.98px) {
  .kk-payment-method-selector { grid-template-columns: 1fr; }
  .kk-preview-subscriber-card .kk-preview-data-grid { padding: 18px 20px 20px; }
  .kk-preview-payment-body { padding: 20px; }
}
@media (max-width: 575.98px) {
  .kk-payment-choice-content { grid-template-columns: 68px minmax(0,1fr); gap: 11px; }
  .kk-payment-choice-visual { width: 68px; min-height: 58px; }
  .kk-payment-choice-stripe-logo { font-size: 1.32rem; }
  .kk-subscription-final-actions,
  .kk-subscription-final-actions .btn { width: 100%; }
}


.kk-registration-page .kk-plan-table-wrap {
  border-color: #b9ccde;
  box-shadow: inset 0 0 0 1px #d5e1ec;
  background-clip: padding-box;
}
.kk-registration-page .kk-form-actions {
  display: flex;
  justify-content: center;
}


.kk-registration-page .kk-info-strip {
  align-items: center;
}
.kk-registration-page .kk-info-strip > i {
  flex: 0 0 auto;
  line-height: 1;
}



.kk-result-card--details-main .card-header::before {
  content: "" !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 2 2 4-4'/%3E%3Cpath d='M11 6h10'/%3E%3Cpath d='m3 12 2 2 4-4'/%3E%3Cpath d='M11 13h10'/%3E%3Cpath d='m3 19 2 2 4-4'/%3E%3Cpath d='M11 20h10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 21px 21px !important;
  letter-spacing: 0 !important;
}
.kk-result-card--details-main > .card-body > .row:not(.bg-light):nth-child(even) {
  background: #edf4fb !important;
}
.kk-result-card--details-main > .card-body > .row:not(.bg-light):nth-child(odd) {
  background: #ffffff !important;
}

.kk-result-card--details-main > .card-body,
.kk-result-card--details > .card-body {
  padding-bottom: 9px !important;
}
.kk-result-card--details-main > .card-body + .kk-result-warning-footer,
.kk-result-card--details > .card-body + .kk-result-warning-footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0 !important;
  padding: 14px 20px 15px !important;
  color: #533f08 !important;
  background: linear-gradient(180deg, #fff8dd 0%, #ffefb8 100%) !important;
  border: 0 !important;
  border-top: 1px solid #e2c35b !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
  font-size: .94rem !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}
.kk-result-card--details-main > .card-body + .kk-result-warning-footer i,
.kk-result-card--details > .card-body + .kk-result-warning-footer i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin: 0;
  color: #8a5b00 !important;
  background: rgba(255, 221, 115, .58);
  border: 1px solid rgba(194, 147, 20, .42);
  border-radius: 50%;
  font-size: .98rem !important;
}
.kk-result-card--details-main > .card-body + .kk-result-warning-footer strong,
.kk-result-card--details > .card-body + .kk-result-warning-footer strong {
  color: inherit !important;
  font-weight: 700 !important;
}



.kk-interest-warning {
  display: flex;
  align-items: flex-start;
  gap: .72rem;
  margin: .85rem 0 1rem;
  padding: .82rem .95rem;
  color: #51400d;
  background: #fff6d6;
  border: 1px solid #e5cd7b;
  border-radius: 11px;
  box-shadow: none;
  font-weight: 680;
  line-height: 1.5;
}
.kk-interest-warning::before {
  content: "!";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.55rem;
  width: 1.55rem;
  height: 1.55rem;
  margin-top: .05rem;
  color: #725000;
  background: #ffe395;
  border: 1px solid #dfbd55;
  border-radius: 50%;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 767.98px) {
  .kk-result-card--details-main > .card-body + .kk-result-warning-footer,
  .kk-result-card--details > .card-body + .kk-result-warning-footer {
    gap: 10px;
    padding: 12px 14px 13px !important;
    font-size: .9rem !important;
  }
  .kk-result-card--details-main > .card-body + .kk-result-warning-footer i,
  .kk-result-card--details > .card-body + .kk-result-warning-footer i {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }
}





.kk-walkthrough-card.is-side::before {
  
  bottom: auto;
  
  
  margin-top: -7px;
  transform: rotate(135deg);
}
.kk-walkthrough-card.is-side.is-right-side::before {
  
  
  transform: rotate(-45deg);
}


body.kk-walkthrough-active .kk-walkthrough-target.kk-walkthrough-section-frame {
  outline: 3px solid #f0ad21 !important;
  outline-offset: 7px;
  box-shadow: 0 0 0 4px rgba(240,173,33,.13), 0 16px 36px rgba(0,25,52,.18) !important;
  animation: none;
}
body.kk-walkthrough-active .kk-walkthrough-target.kk-walkthrough-dashed-target {
  outline: 3px dashed #23845e !important;
  outline-offset: 5px;
  box-shadow: 0 0 0 6px rgba(35,132,94,.12) !important;
  animation: none;
}
body.kk-walkthrough-active .kk-walkthrough-target.kk-walkthrough-focus-target {
  outline: 5px solid #ffc52f !important;
  outline-offset: 6px;
  box-shadow: 0 0 0 10px rgba(255,197,47,.23), 0 0 28px rgba(255,177,0,.42), 0 18px 44px rgba(0,25,52,.24) !important;
  animation: kkWalkFocusPulse 1.25s ease-in-out infinite;
}
@keyframes kkWalkFocusPulse {
  0%,100% { outline-color:#ffc52f; box-shadow:0 0 0 8px rgba(255,197,47,.20),0 0 22px rgba(255,177,0,.30),0 18px 44px rgba(0,25,52,.22); }
  50% { outline-color:#ffe078; box-shadow:0 0 0 13px rgba(255,197,47,.10),0 0 34px rgba(255,177,0,.48),0 18px 44px rgba(0,25,52,.25); }
}












.kk-walkthrough-card::before {
  left: var(--kk-walk-arrow-x, 30px);
}
.kk-walkthrough-card.is-side::before {
  top: var(--kk-walk-arrow-y, 50%);
  left: auto;
  right: -8px;
}
.kk-walkthrough-card.is-side.is-right-side::before {
  left: -8px;
  right: auto;
}


body.kk-walkthrough-active #kkWalkExitConfirmModal .modal-content,
body.kk-walkthrough-active #kkWalkExitConfirmModal .modal-dialog,
body.kk-walkthrough-active #kkWalkExitConfirmModal button {
  pointer-events: auto !important;
}






































body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-list {
  gap: 16px;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note {
  grid-template-rows: auto minmax(0,1fr);
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note .kk-allocation-mode-comparison-note {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  gap: 7px;
  padding: 11px 14px 12px;
  border-right: 1px solid #d8c269;
  border-bottom: 1px solid #dfc765;
  color: #5a470d;
  background: linear-gradient(180deg,#fff8d9 0%,#ffefb2 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 5px 12px rgba(119,88,4,.08);
  font-size: .86rem;
  line-height: 1.36;
  text-align: left;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-line {
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  align-items: start;
  gap: 7px;
  text-align: left;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-line > i {
  width: 18px;
  margin-top: 2px;
  color: #9a7000;
  font-size: .8rem;
  text-align: center;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-note.is-no-rise .kk-allocation-mode-comparison-line > i {
  color: #198754;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-note.is-rise .kk-allocation-mode-comparison-line > i {
  color: #c62828;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-line > span {
  min-width: 0;
  text-align: left;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-line strong {
  color: #6f5000;
  font-weight: 800;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-line.is-cumulative {
  padding-top: 6px;
  border-top: 1px solid rgba(173,132,15,.24);
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-line.is-cumulative strong {
  display: inline-block;
  margin-left: 5px;
  white-space: nowrap;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-line.is-cumulative.is-cumulative-rise > i,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-line.is-cumulative.is-cumulative-rise strong {
  color: #c62828 !important;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-line.is-cumulative.is-cumulative-no-rise > i,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-comparison-line.is-cumulative.is-cumulative-no-rise strong {
  color: #198754 !important;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note .kk-allocation-mode-head {
  grid-column: 1;
  grid-row: 2;
  min-height: 0;
  border-top: 0;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note .kk-allocation-mode-state-wrap,
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note .kk-allocation-mode-error {
  grid-column: 2;
  grid-row: 1 / span 2;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note .kk-allocation-mode-detail {
  grid-column: 1 / -1;
  grid-row: 3;
}

@media (max-width: 1280px) {
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note {
    grid-template-rows: auto auto auto;
  }
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note .kk-allocation-mode-comparison-note {
    grid-column: 1;
    grid-row: 1;
    border-right: 0;
    border-bottom: 1px solid #dfc765;
  }
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note .kk-allocation-mode-head {
    grid-column: 1;
    grid-row: 2;
  }
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note .kk-allocation-mode-state-wrap,
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note .kk-allocation-mode-error {
    grid-column: 1;
    grid-row: 3;
  }
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode.has-comparison-note .kk-allocation-mode-detail {
    grid-column: 1;
    grid-row: 4;
  }
}


body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode {
  border-color: #95a9c0;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode:not(.is-disabled):hover {
  border-color: #7d94af;
}
body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode:has(.kk-allocation-mode-choice input:checked) {
  border-color: #6859c7;
}
@media (min-width: 1281px) {
  body.kk-route-tartozaskezelo #dmAllocationSuggestion .kk-allocation-mode-state-wrap {
    border-bottom-left-radius: 0 !important;
  }
}


.kk-stripe-result-column {
  width: 100%;
  max-width: none;
}
.kk-stripe-result-page {
  display: grid;
  gap: 18px;
  width: 100%;
}
.kk-stripe-result-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.kk-stripe-result-intro-copy {
  min-width: 0;
}
.kk-stripe-result-card {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid var(--kk-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(8,34,67,.09);
}
.kk-stripe-result-card::before {
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  content: "";
  background: linear-gradient(90deg,#245f9f,#4d8bd0);
}
.kk-stripe-result-card--success::before {
  background: linear-gradient(90deg,#176a78,#2d8e8c,#4d8bd0);
}
.kk-stripe-result-card--warning::before {
  background: linear-gradient(90deg,#a46a13,#d09a38);
}
.kk-stripe-result-main {
  display: grid;
  grid-template-columns: 58px minmax(0,1fr);
  gap: 18px;
  align-items: start;
  padding: 30px 32px 25px;
}
.kk-stripe-result-icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 17px;
  color: #fff;
  background: linear-gradient(145deg,#1c4e83,#2d73b9);
  box-shadow: 0 12px 28px rgba(26,75,124,.18);
  font-size: 1.18rem;
}
.kk-stripe-result-card--success .kk-stripe-result-icon {
  background: linear-gradient(145deg,#176a78,#278b88);
}
.kk-stripe-result-icon .kk-icon {
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #fff;
}
.kk-stripe-result-icon .kk-lucide-svg {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  stroke-width: 2.35;
}
.kk-stripe-result-card--warning .kk-stripe-result-icon {
  background: linear-gradient(145deg,#996212,#c88a26);
}
.kk-stripe-result-copy {
  min-width: 0;
}
.kk-stripe-result-state {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 9px;
  border: 1px solid #d8e5f2;
  border-radius: 999px;
  color: #3c648d;
  background: #f4f8fc;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.kk-stripe-result-card--success .kk-stripe-result-state {
  border-color: #cce6e2;
  color: #176a68;
  background: #eff9f7;
}
.kk-stripe-result-card--warning .kk-stripe-result-state {
  border-color: #ead9b9;
  color: #8b5b15;
  background: #fff8eb;
}
.kk-stripe-result-copy h2 {
  margin: 10px 0 7px;
  color: var(--kk-ink);
  font-size: clamp(1.35rem,2vw,1.75rem);
  line-height: 1.2;
}
.kk-stripe-result-copy p {
  max-width: 900px;
  margin: 7px 0 0;
  color: #536b83;
  font-size: .94rem;
  line-height: 1.62;
}
.kk-stripe-result-copy p strong {
  color: #294862;
}
.kk-stripe-result-details {
  display: grid;
  grid-template-columns: minmax(220px,1.15fr) repeat(2,minmax(190px,1fr));
  gap: 12px;
  padding: 0 32px 28px;
}
.kk-stripe-result-detail {
  min-width: 0;
  padding: 17px 18px;
  border: 1px solid #dce6ef;
  border-radius: 16px;
  background: linear-gradient(145deg,#fbfdff,#f5f9fc);
}
.kk-stripe-result-detail span,
.kk-stripe-result-detail strong,
.kk-stripe-result-detail small {
  display: block;
}
.kk-stripe-result-detail span {
  margin-bottom: 6px;
  color: #6a7f94;
  font-size: .74rem;
  font-weight: 780;
  letter-spacing: .02em;
}
.kk-stripe-result-detail strong {
  color: #173b68;
  font-size: 1.08rem;
  line-height: 1.3;
}
.kk-stripe-result-detail small {
  margin-top: 5px;
  color: #7a8b9c;
  font-size: .75rem;
  line-height: 1.4;
}
.kk-stripe-result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 20px 32px 24px;
  border-top: 1px solid #e2eaf2;
  background: #f8fbfd;
}
.kk-stripe-result-actions form {
  margin: 0;
}
.kk-stripe-result-actions .btn {
  min-height: 46px;
}
.kk-stripe-preview-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border: 1px dashed #c6d8e8;
  border-radius: 14px;
  color: #48657f;
  background: #f7fbfe;
  font-size: .8rem;
  font-weight: 700;
}
.kk-stripe-preview-bar > span {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}
.kk-stripe-preview-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.kk-stripe-preview-links a {
  padding: 5px 9px;
  border: 1px solid #d6e2ec;
  border-radius: 999px;
  color: #315f8b;
  background: #fff;
  text-decoration: none;
  font-size: .74rem;
  font-weight: 800;
}
.kk-stripe-preview-links a:hover,
.kk-stripe-preview-links a:focus-visible {
  border-color: #9ebbd5;
  background: #eef5fb;
}
@media (max-width: 991.98px) {
  .kk-stripe-result-details {
    grid-template-columns: 1fr 1fr;
  }
  .kk-stripe-result-detail--wide {
    grid-column: 1 / -1;
  }
}
@media (max-width: 575.98px) {
  .kk-stripe-result-main {
    grid-template-columns: 1fr;
    padding: 24px 20px 20px;
  }
  .kk-stripe-result-icon {
    width: 50px;
    height: 50px;
    border-radius: 15px;
  }
  .kk-stripe-result-details {
    grid-template-columns: 1fr;
    padding: 0 20px 22px;
  }
  .kk-stripe-result-detail--wide {
    grid-column: auto;
  }
  .kk-stripe-result-actions {
    align-items: stretch;
    padding: 18px 20px 20px;
  }
  .kk-stripe-result-actions,
  .kk-stripe-result-actions form,
  .kk-stripe-result-actions .btn {
    width: 100%;
  }
  .kk-stripe-preview-bar {
    align-items: stretch;
  }
}



.kk-rate-history {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 18px 0 20px;
  padding: clamp(22px, 3vw, 34px);
  color: #f7fbff;
  background:
    radial-gradient(circle at 12% 4%, rgba(77,141,221,.28), transparent 31rem),
    radial-gradient(circle at 92% 12%, rgba(116,105,216,.30), transparent 28rem),
    linear-gradient(135deg, #07182d 0%, #102e54 49%, #172f62 100%);
  border: 1px solid rgba(169,209,255,.19);
  border-radius: 28px;
  box-shadow: 0 26px 62px rgba(5,24,48,.21), inset 0 1px 0 rgba(255,255,255,.09);
}
.kk-rate-history::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 34px 34px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 86%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 86%);
}
.kk-rate-history__ambient {
  position: absolute;
  width: 260px;
  height: 260px;
  top: -170px;
  right: 7%;
  border-radius: 50%;
  background: rgba(169,209,255,.15);
  filter: blur(24px);
  pointer-events: none;
}
.kk-rate-history__head {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 26px;
  margin-bottom: 14px;
}
.kk-rate-history__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  color: #bcdcff;
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.kk-rate-history__eyebrow i { color: #d9eaff; }
.kk-rate-history h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(1.55rem, 2.6vw, 2.35rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.kk-rate-history__head p {
  max-width: none;
  margin: 0;
  color: rgba(231,241,253,.75);
  font-size: .96rem;
}
.kk-rate-history__current {
  min-width: 180px;
  padding: 13px 16px 14px;
  text-align: right;
  background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.055));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 30px rgba(0,0,0,.12);
  backdrop-filter: blur(8px);
}
.kk-rate-history__current span,
.kk-rate-history__current small { display: block; }
.kk-rate-history__current span {
  color: rgba(223,238,255,.78);
  font-size: .82rem;
  font-weight: 750;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.kk-rate-history__current strong {
  display: block;
  margin: 2px 0 1px;
  color: #fff;
  font-family: var(--kk-font-display);
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -.035em;
  text-shadow: 0 0 22px rgba(169,209,255,.22);
}
.kk-rate-history__current small { color: rgba(223,238,255,.72); font-size: .84rem; font-weight: 650; }
.kk-rate-history__chart-shell {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 330px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(4,18,38,.31), rgba(4,18,38,.08));
  border: 1px solid rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.kk-rate-history__svg { display: block; width: 100%; height: auto; min-height: 330px; overflow: visible; }
.kk-rate-history__grid-line { shape-rendering: crispEdges; }
.kk-rate-history__grid-line--major { stroke: rgba(222,239,255,.20); stroke-width: 1.05; }
.kk-rate-history__grid-line--minor { stroke: rgba(222,239,255,.052); stroke-width: .65; }
.kk-rate-history__grid-line--vertical { stroke: rgba(223,238,255,.050); stroke-width: .7; }
.kk-rate-history__axis-label {
  fill: rgba(222,237,252,.61);
  font-family: var(--kk-font);
  font-size: 12px;
  font-weight: 670;
  letter-spacing: .01em;
}
.kk-rate-history__axis-label--year { fill: rgba(222,237,252,.47); font-size: 12px; }
.kk-rate-history__area { fill: url(#kkRateAreaGradient); stroke: none; }
.kk-rate-history__line-glow {
  fill: none;
  stroke: rgba(49,167,255,.46);
  stroke-width: 3.8;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  vector-effect: non-scaling-stroke;
  filter: none;
}
.kk-rate-history__line {
  fill: none;
  stroke: url(#kkRateLineGradient);
  stroke-width: 1.55;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  vector-effect: non-scaling-stroke;
  filter: none;
}
.kk-rate-history__crosshair { stroke: rgba(255,255,255,.32); stroke-width: .9; stroke-dasharray: 3 6; }
.kk-rate-history__point-halo {
  fill: transparent;
  stroke: rgba(71,180,255,.38);
  stroke-width: 1.2;
  filter: none;
}
.kk-rate-history__point {
  fill: #f8fdff;
  stroke: #4db7ff;
  stroke-width: 1.8;
  filter: none;
}
.kk-rate-history__hit-area { fill: transparent; cursor: crosshair; touch-action: pan-y; }
.kk-rate-history__tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  min-width: 210px;
  padding: 12px 15px 13px;
  pointer-events: none;
  opacity: 0;
  color: var(--kk-ink);
  background: rgba(255,255,255,.975);
  border: 1px solid rgba(169,209,255,.68);
  border-radius: 15px;
  box-shadow: 0 18px 40px rgba(2,14,34,.28), inset 0 1px 0 #fff;
  transition: opacity .10s ease;
}
.kk-rate-history__tooltip.is-visible { opacity: 1; }
.kk-rate-history__tooltip span,
.kk-rate-history__tooltip small { display: block; }
.kk-rate-history__tooltip-date { color: #5f7890; font-size: .74rem; font-weight: 730; line-height: 1.42; }
.kk-rate-history__tooltip-date span { display: block; white-space: nowrap; }
.kk-rate-history__tooltip strong {
  display: block;
  margin: 4px 0 1px;
  color: var(--kk-navy-900);
  font-family: var(--kk-font-display);
  font-size: 1.76rem;
  line-height: 1.04;
  letter-spacing: -.035em;
}
.kk-rate-history__tooltip small { color: #7b8ea0; font-size: .68rem; letter-spacing: .04em; text-transform: uppercase; }
.kk-rate-history__navigator {
  position: relative;
  z-index: 3;
  margin-top: 14px;
  padding: 11px 14px 10px;
  background: rgba(3,18,38,.23);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px;
}
.kk-rate-history__navigator-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  color: rgba(225,240,255,.67);
  font-size: .72rem;
}
.kk-rate-history__navigator-head > span { display: inline-flex; align-items: center; gap: 7px; font-weight: 760; text-transform: uppercase; letter-spacing: .08em; }
.kk-rate-history__navigator-head > span i { color: #a9d1ff; }
.kk-rate-history__navigator-head > strong { color: #f4f9ff; font-size: .78rem; text-align: center; letter-spacing: .03em; }
.kk-rate-history__navigator-actions { display: flex; gap: 7px; }
.kk-rate-history__navigator-actions button {
  appearance: none;
  min-width: 48px;
  padding: 6px 11px 7px;
  color: rgba(237,247,255,.82);
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 9px;
  font: 750 .74rem/1.2 var(--kk-font);
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.kk-rate-history__navigator-actions button:hover { color: #fff; background: rgba(126,188,255,.15); border-color: rgba(169,209,255,.27); }
.kk-rate-history__range {
  position: relative;
  height: 22px;
}
.kk-rate-history__range-base,
.kk-rate-history__range-selected {
  position: absolute;
  top: 9px;
  height: 4px;
  border-radius: 999px;
  pointer-events: none;
}
.kk-rate-history__range-base { left: 0; right: 0; background: rgba(216,237,255,.12); box-shadow: inset 0 1px 2px rgba(0,0,0,.22); }
.kk-rate-history__range-selected { left: 59%; right: 0; background: linear-gradient(90deg, rgba(95,173,255,.60), rgba(221,246,255,.96), rgba(133,157,255,.72)); box-shadow: 0 0 9px rgba(126,188,255,.33); }
.kk-rate-history__range-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 22px;
  margin: 0;
  appearance: none;
  background: transparent;
  pointer-events: none;
}
.kk-rate-history__range-input::-webkit-slider-runnable-track, .kk-rate-history__range-input::-moz-range-track{ height: 4px; background: transparent; }
.kk-rate-history__range-input::-webkit-slider-thumb {
  appearance: none;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  border-radius: 50%;
  background: #f4fbff;
  border: 2px solid #7fbfff;
  box-shadow: 0 0 0 4px rgba(126,188,255,.12), 0 0 12px rgba(126,188,255,.40);
  pointer-events: auto;
  cursor: ew-resize;
}
.kk-rate-history__range-input::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #f4fbff;
  border: 2px solid #7fbfff;
  box-shadow: 0 0 0 4px rgba(126,188,255,.12), 0 0 12px rgba(126,188,255,.40);
  pointer-events: auto;
  cursor: ew-resize;
}
.kk-rate-history__range-years { display: flex; justify-content: space-between; color: rgba(222,237,252,.40); font-size: .63rem; line-height: 1; }
.kk-rate-history__foot {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  margin-top: 10px;
  color: rgba(222,237,252,.59);
  font-size: .73rem;
}
.kk-rate-history__foot span { display: inline-flex; align-items: center; gap: 7px; }
.kk-rate-history__foot i { color: #a9d1ff; }

@media (max-width: 767.98px) {
  .kk-rate-history { padding: 20px 14px 18px; border-radius: 22px; }
  .kk-rate-history__head { grid-template-columns: 1fr; gap: 14px; }
  .kk-rate-history__current { width: 100%; min-width: 0; display: grid; grid-template-columns: 1fr auto; grid-template-areas: "label value" "date value"; align-items: center; text-align: left; }
  .kk-rate-history__current span { grid-area: label; }
  .kk-rate-history__current strong { grid-area: value; font-size: 1.85rem; }
  .kk-rate-history__current small { grid-area: date; }
  .kk-rate-history__chart-shell { min-height: 260px; margin-left: -4px; margin-right: -4px; width: calc(100% + 8px); }
  .kk-rate-history__svg { min-height: 260px; }
  .kk-rate-history__axis-label, .kk-rate-history__axis-label--year{ font-size: 10px; }
  .kk-rate-history__navigator-head { grid-template-columns: 1fr auto; }
  .kk-rate-history__navigator-head > strong { grid-row: 2; grid-column: 1 / -1; text-align: left; }
  .kk-rate-history__foot { align-items: flex-start; flex-direction: column; gap: 5px; }
}
@media (max-width: 479.98px) {
  .kk-rate-history h2 { font-size: 1.5rem; }
  .kk-rate-history__head p { font-size: .88rem; }
  .kk-rate-history__tooltip { min-width: 190px; padding: 10px 12px; }
  .kk-rate-history__tooltip strong { font-size: 1.52rem; }
  .kk-rate-history__navigator { padding-left: 10px; padding-right: 10px; }
}



body.kk-route-tartozaskezelo .kk-debt-intro {
  overflow: visible;
}
body.kk-route-tartozaskezelo .kk-debt-intro::after {
  display: none;
}
body.kk-route-tartozaskezelo .kk-debt-intro-toolbar,
body.kk-route-tartozaskezelo .kk-debt-intro-toolbar .kk-intro-actions,
body.kk-route-tartozaskezelo .kk-import-dropdown {
  overflow: visible;
}
body.kk-route-tartozaskezelo .kk-import-dropdown {
  position: relative;
  z-index: 1100;
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-menu {
  z-index: 1110;
  min-width: 340px;
  max-width: min(380px, calc(100vw - 24px));
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item {
  width: 100%;
  min-width: 0;
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item > span,
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item strong,
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item small {
  min-width: 0;
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item strong {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: nowrap;
}
body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-item .kk-trial-pill {
  flex: 0 0 auto;
  padding: .24rem .58rem;
  white-space: nowrap;
}
@media (max-width: 860px) {
  body.kk-route-tartozaskezelo .kk-debt-intro-toolbar .kk-intro-actions {
    flex-wrap: wrap;
    overflow: visible;
  }
  body.kk-route-tartozaskezelo .kk-import-dropdown .dropdown-menu {
    min-width: min(340px, calc(100vw - 24px));
  }
}


.kk-guide-card--home {
  border-color: rgba(27, 70, 120, .20);
  box-shadow: 0 16px 36px rgba(7, 31, 62, .14);
}
.kk-guide-card--home > .kk-guide-summary {
  color: #fff !important;
  background: linear-gradient(125deg, var(--kk-navy-900) 0%, var(--kk-navy-800) 66%, #3f4e93 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10);
}
.kk-guide-card--home .kk-guide-summary-copy .kk-eyebrow {
  margin-bottom: 5px;
  color: #c6daf0 !important;
}
.kk-guide-card--home .kk-guide-summary-title {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(1.35rem, 2vw, 1.72rem);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -.015em;
}
.kk-guide-card--home .kk-guide-summary-copy p {
  color: rgba(244, 249, 255, .94) !important;
  font-weight: 500 !important;
}
.kk-guide-card--home > .kk-guide-card__body {
  background: #fff;
}

@media (max-width: 767.98px) {
  .kk-guide-card--home .kk-guide-summary-title { font-size: 1.3rem; }
}




.btn-outline-gring, .btn-outline-gzold, .btn-outline-gmaly,
.btn-outline-grozs, .btn-outline-glila, .btn-outline-gbarna {
  color: var(--kk-navy-700) !important;
  background: #fff !important;
  border-color: var(--kk-line-strong) !important;
  box-shadow: none !important;
}
.btn-outline-gring:hover, .btn-outline-gzold:hover, .btn-outline-gmaly:hover,
.btn-outline-grozs:hover, .btn-outline-glila:hover, .btn-outline-gbarna:hover,
.btn-outline-gring:focus, .btn-outline-gzold:focus, .btn-outline-gmaly:focus,
.btn-outline-grozs:focus, .btn-outline-glila:focus, .btn-outline-gbarna:focus {
  color: #fff !important;
  background: var(--kk-navy-700) !important;
  border-color: var(--kk-navy-700) !important;
}
.table-gring, .table-gzold, .table-gmaly,
.table-grozs, .table-glila, .table-gbarna {
  --bs-table-bg: #f5f8fb;
  --bs-table-striped-bg: #edf3f8;
  --bs-table-striped-color: var(--kk-text);
  --bs-table-active-bg: #e3ebf3;
  --bs-table-active-color: var(--kk-text);
  --bs-table-hover-bg: #eaf1f7;
  --bs-table-hover-color: var(--kk-text);
  color: var(--kk-text) !important;
  border-color: var(--kk-line) !important;
}
.list-group-item-gring, .list-group-item-gzold, .list-group-item-gmaly,
.list-group-item-grozs, .list-group-item-glila, .list-group-item-gbarna {
  color: var(--kk-text) !important;
  background: var(--kk-surface-soft) !important;
  border-color: var(--kk-line) !important;
}
.list-group-item-gring.list-group-item-action:hover,
.list-group-item-gzold.list-group-item-action:hover,
.list-group-item-gmaly.list-group-item-action:hover,
.list-group-item-grozs.list-group-item-action:hover,
.list-group-item-glila.list-group-item-action:hover,
.list-group-item-gbarna.list-group-item-action:hover,
.list-group-item-gring.list-group-item-action:focus,
.list-group-item-gzold.list-group-item-action:focus,
.list-group-item-gmaly.list-group-item-action:focus,
.list-group-item-grozs.list-group-item-action:focus,
.list-group-item-glila.list-group-item-action:focus,
.list-group-item-gbarna.list-group-item-action:focus {
  color: var(--kk-ink) !important;
  background: #edf4fb !important;
}
.list-group-item-gring.list-group-item-action.active,
.list-group-item-gzold.list-group-item-action.active,
.list-group-item-gmaly.list-group-item-action.active,
.list-group-item-grozs.list-group-item-action.active,
.list-group-item-glila.list-group-item-action.active,
.list-group-item-gbarna.list-group-item-action.active {
  color: #fff !important;
  background: var(--kk-navy-700) !important;
  border-color: var(--kk-navy-700) !important;
}

.pointer{ cursor: pointer; }


/* Számlázz.hu import: kompakt HD-elrendezés és vállalkozási import választó */
#dmSzamlazzImport .kk-import-modal .modal-header {
  padding: .78rem 1.05rem;
}
#dmSzamlazzImport .kk-import-modal .modal-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem;
}
#dmSzamlazzImport .kk-import-modal .modal-body {
  padding: .82rem 1rem .9rem;
}
#dmSzamlazzImport .kk-import-demo-note {
  align-items: center;
  margin-bottom: .65rem;
  padding: .58rem .78rem;
  gap: .7rem;
}
#dmSzamlazzImport .kk-import-demo-note p {
  line-height: 1.35;
  text-align: left;
}
#dmSzamlazzImport .kk-import-info-grid {
  grid-template-columns: minmax(0,.66fr) minmax(450px,1.34fr);
  gap: .7rem;
  margin-bottom: .7rem;
}
#dmSzamlazzImport .kk-import-copy-placeholder,
#dmSzamlazzImport .kk-import-image-placeholder {
  min-height: 118px;
}
#dmSzamlazzImport .kk-import-copy-placeholder {
  align-items: center;
  padding: .8rem .9rem;
  gap: .7rem;
}
#dmSzamlazzImport .kk-import-copy-placeholder p {
  line-height: 1.38;
}
#dmSzamlazzImport .kk-import-image-placeholder {
  padding: .42rem !important;
}
#dmSzamlazzImport .kk-import-form {
  display: grid;
  gap: .58rem;
}
.kk-import-business-option {
  display: grid;
  grid-template-columns: minmax(170px,.42fr) minmax(0,1.58fr);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #cbd9e8;
  border-radius: 14px;
  background: #f8fbfe;
}
.kk-import-business-tax {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .12rem;
  padding: .68rem .85rem;
  background: #edf4fb;
  border-right: 1px solid #cbd9e8;
}
.kk-import-business-tax span {
  color: #60758b;
  font-size: .76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.kk-import-business-tax strong {
  color: #17375f;
  font-size: .95rem;
}
.kk-import-business-choice {
  display: grid;
  grid-template-columns: minmax(0,1fr) 156px;
  align-items: center;
  gap: .8rem;
  padding: .62rem .78rem;
}
.kk-import-business-choice > div:first-child > strong {
  display: block;
  margin-bottom: .15rem;
  color: #17375f;
  font-size: .9rem;
}
.kk-import-business-choice p {
  margin: 0;
  color: #60758b;
  font-size: .78rem;
  line-height: 1.35;
}
.kk-import-business-radios {
  gap: .42rem;
}
.kk-import-business-radios .kk-choice-pill {
  min-height: 38px;
  padding: 0 .65rem;
  font-size: .84rem;
}
#dmSzamlazzImport .kk-csv-dropzone {
  min-height: 126px;
  gap: .24rem;
  padding: .7rem 1rem;
}
#dmSzamlazzImport .kk-csv-dropzone-icon {
  width: 42px;
  height: 42px;
  font-size: 1.08rem;
}
#dmSzamlazzImport .kk-csv-dropzone strong {
  font-size: .98rem;
}
#dmSzamlazzImport .kk-csv-dropzone small {
  margin-top: .05rem;
  font-size: .78rem;
}
#dmSzamlazzImport .kk-import-rules {
  gap: .38rem;
  margin: 0 !important;
}
#dmSzamlazzImport .kk-import-rules span {
  padding: .3rem .55rem;
  font-size: .76rem;
}
#dmSzamlazzImport .kk-import-form > .modal-footer {
  margin-top: 0;
  padding-top: .35rem;
}
@media (max-width: 900px) {
  #dmSzamlazzImport .kk-import-info-grid,
  .kk-import-business-option,
  .kk-import-business-choice {
    grid-template-columns: 1fr;
  }
  .kk-import-business-tax {
    border-right: 0;
    border-bottom: 1px solid #cbd9e8;
  }
  .kk-import-business-radios {
    width: 100%;
  }
}

/* Billingo import: próba/prémium tájékoztató függőleges középre igazítása */
#dmBillingoModal .kk-import-demo-note {
  align-items: center;
}


/* 2026-09-06 – az előfizetés-lejárati figyelmeztetés teljes felülete kattintható. */
a.kk-subscription-expiry-alert{
  text-decoration:none;
  color:#684105;
  cursor:pointer;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
a.kk-subscription-expiry-alert:hover{
  color:#684105;
  text-decoration:none;
  border-color:#c88a16;
  box-shadow:0 10px 24px rgba(135,86,8,.14);
  transform:translateY(-1px);
}
a.kk-subscription-expiry-alert:focus-visible{
  outline:3px solid rgba(189,120,6,.28);
  outline-offset:3px;
}


/* 2026-09-06: renewal package selection + renewal navigation emphasis */
#kkRenewalPlanTable [data-package] { position:relative; cursor:pointer; overflow:hidden; transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease; }
#kkRenewalPlanTable thead th[data-package] .kk-plan-select { transition:transform .24s cubic-bezier(.2,.75,.25,1),background-color .2s ease,border-color .2s ease,box-shadow .24s ease; }
#kkRenewalPlanTable [data-package].is-selected { background:linear-gradient(180deg,#edf5fd 0%,#f5f9fd 100%) !important; box-shadow:inset 2px 0 0 rgba(39,102,165,.48),inset -2px 0 0 rgba(39,102,165,.48); }
#kkRenewalPlanTable thead th[data-package].is-selected { background:linear-gradient(180deg,#e7f1fb 0%,#edf5fc 100%) !important; box-shadow:inset 2px 0 0 rgba(39,102,165,.48),inset -2px 0 0 rgba(39,102,165,.48),inset 0 2px 0 rgba(39,102,165,.48); }
#kkRenewalPlanTable tbody tr:last-child td[data-package].is-selected { box-shadow:inset 2px 0 0 rgba(39,102,165,.48),inset -2px 0 0 rgba(39,102,165,.48),inset 0 -2px 0 rgba(39,102,165,.48); }
#kkRenewalPlanTable thead th[data-package].is-selected .kk-plan-select { transform:translateY(-2px); background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(232,243,253,.98)); border-color:#6f9dcb; box-shadow:0 9px 18px rgba(18,62,108,.12),inset 0 0 0 1px rgba(46,111,196,.13); }
#kkRenewalPlanTable thead th.is-selected .kk-plan-pick { display:none; }
#kkRenewalPlanTable thead th.is-selected .kk-plan-selected { display:inline-flex; align-items:center; gap:4px; color:#1f5f9f; }
#kkRenewalPlanTable tbody td.is-selected { background:#f0f5fb !important; }
#kkRenewalPlanTable [data-kk-icon="check"] { color:var(--kk-blue-600); }
.kk-navbar .nav-link.kk-nav-renewal {
  position: relative;
  color: #ffe45b !important;
  background: transparent !important;
  border-color: transparent !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  filter: none !important;
}
.kk-navbar .nav-link.kk-nav-renewal:hover,
.kk-navbar .nav-link.kk-nav-renewal:focus-visible,
.kk-navbar .nav-link.kk-nav-renewal.active {
  color: #fff18a !important;
  background: transparent !important;
  border-color: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
/* A Meghosszabbítás nem gomb: a felirat állandóan sárga, de az aláhúzás
   csak hover/focus és active állapotban jelenik meg. */
.kk-navbar .nav-link.kk-nav-renewal::before {
  transform: scaleX(0);
  opacity: 0;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,228,91,.36) 12%,
    rgba(255,238,113,.98) 50%,
    rgba(255,228,91,.36) 88%,
    transparent 100%);
  box-shadow: 0 0 8px rgba(255,218,54,.24);
}
.kk-navbar .nav-link.kk-nav-renewal:hover::before,
.kk-navbar .nav-link.kk-nav-renewal:focus-visible::before,
.kk-navbar .nav-link.kk-nav-renewal.active::before {
  transform: scaleX(1);
  opacity: 1;
}

/* A jelszóbeállító oldal reklámmentes, egyoszlopos felület. */
body.kk-route-jelszo-beallitas .kk-layout-grid {
  grid-template-columns: minmax(0,1fr);
}
body.kk-route-jelszo-beallitas .kk-ad-rail {
  display: none !important;
}
body.kk-route-jelszo-beallitas .kk-content-column {
  grid-column: 1;
  justify-self: center;
}


/* Local SVG icon utilities. */
.kk-icon { display:inline-flex; align-items:center; justify-content:center; line-height:1; vertical-align:-0.125em; }
.kk-icon-pulse > svg.kk-lucide-svg, .kk-icon-pulse svg.kk-lucide-svg { animation:kk-icon-pulse 1.25s ease-in-out infinite; }
@keyframes kk-icon-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.48;transform:scale(.92)} }

/* Jelszóbeállítás / jelszó-visszaállítás – kompakt, önálló kártya. */
.kk-password-column {
  width: 100%;
  max-width: none !important;
}
.kk-password-page {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 26px 0 52px;
}
.kk-password-card {
  position: relative;
  width: min(100%, 720px) !important;
  overflow: hidden;
  padding: 32px;
  color: var(--kk-text);
  background: rgba(255,255,255,.985);
  border: 1px solid var(--kk-line);
  border-radius: 24px;
  box-shadow: 0 18px 54px rgba(8,31,58,.11);
}
.kk-password-card__topline {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, #173f68 0%, #2b78b9 54%, #6f5bbd 100%);
}
.kk-password-head {
  display: grid;
  grid-template-columns: 58px minmax(0,1fr);
  align-items: center;
  gap: 17px;
  margin-bottom: 18px;
}
.kk-password-head .kk-eyebrow,
.kk-password-head .kk-db-inline-result { margin-bottom: 5px; }
.kk-password-head h1 {
  margin: 0;
  color: var(--kk-ink);
  font-size: clamp(1.55rem,2.6vw,2.1rem);
  line-height: 1.15;
}
.kk-password-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg,#123d68,#276da9);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 18px;
  box-shadow: 0 10px 22px rgba(13,61,105,.19);
}
.kk-password-icon .kk-icon { width: 25px; height: 25px; }
.kk-password-lead {
  max-width: 62ch;
  margin: 0 0 22px;
  color: var(--kk-muted);
  line-height: 1.65;
}
.kk-password-identity {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  align-items: center;
  gap: 12px;
  margin: 4px 0 10px;
  padding: 13px 15px;
  background: #f3f7fb;
  border: 1px solid #dce7f1;
  border-radius: 15px;
}
.kk-password-identity__icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #245d95;
  background: #fff;
  border: 1px solid #d7e3ef;
  border-radius: 12px;
}
.kk-password-identity strong,
.kk-password-identity span { display: block; }
.kk-password-identity strong { color: #173a63; font-size: 1rem; }
.kk-password-identity span { margin-top: 2px; color: var(--kk-muted); font-size: .84rem; }
.kk-password-help {
  margin: 0 0 19px;
  color: var(--kk-muted);
  font-size: .9rem;
  line-height: 1.55;
}
.kk-password-form { margin-top: 18px; }
.kk-password-fields {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.kk-password-fields .form-control {
  min-height: 60px;
  border-color: #cddbea;
  background: #fff;
}
.kk-password-fields .form-control:focus {
  border-color: #4d86bb;
  box-shadow: 0 0 0 3px rgba(45,112,174,.12);
}
.kk-password-field {
  position: relative;
  min-width: 0;
}
.kk-password-field .form-floating { margin: 0; }
.kk-password-field .form-control { padding-right: 50px; }
.kk-password-match-check {
  position: absolute;
  z-index: 4;
  top: 50%;
  right: 15px;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #2f9e5b;
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(38,126,73,.22);
  opacity: 0;
  transform: translateY(-50%) scale(.72);
  transition: opacity .15s ease, transform .15s ease;
  pointer-events: none;
}
.kk-password-match-check .kk-icon,
.kk-password-match-check svg { width: 15px; height: 15px; }
.kk-password-field.is-match .kk-password-match-check {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.kk-password-field.is-match .form-control {
  border-color: #4ca86c;
  box-shadow: 0 0 0 3px rgba(47,158,91,.10);
}
.kk-password-field.is-match .form-control:focus {
  border-color: #3d995f;
  box-shadow: 0 0 0 3px rgba(47,158,91,.14);
}
.kk-password-rule {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 13px 0 18px;
  color: #5a6f84;
  font-size: .86rem;
  line-height: 1.45;
}
.kk-password-rule .kk-icon { flex: 0 0 auto; margin-top: 1px; color: #3972aa; }
.kk-password-rule.is-valid { color: #287d4b; }
.kk-password-rule.is-valid .kk-icon { color: #2f9e5b; }
.kk-password-submit {
  width: 100%;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 760;
}
.kk-password-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.kk-password-error {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 15px 0;
}
@media (max-width: 767.98px) {
  .kk-password-page { padding: 14px 0 34px; }
  .kk-password-card { padding: 24px 19px; border-radius: 20px; }
  .kk-password-head { grid-template-columns: 48px minmax(0,1fr); gap: 13px; }
  .kk-password-icon { width: 48px; height: 48px; border-radius: 15px; }
  .kk-password-fields { grid-template-columns: 1fr; }
}

/* Feltűnő, de nem gombszerű meghosszabbítási hivatkozás a láblécben. */
.kk-footer-group a.kk-footer-renewal-link {
  position: relative;
  display: inline-flex;
  width: auto;
  color: #ffe45b !important;
  font-weight: 800;
}
.kk-footer-group a.kk-footer-renewal-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(255,228,91,.88),transparent);
  box-shadow: 0 0 6px rgba(255,218,54,.24);
}
.kk-footer-group a.kk-footer-renewal-link:hover { color: #fff18a !important; }

/* Affiliate direct-link sharing: dedicated brand marks, 2026-09-07 */
.kk-affiliate-link-field {
  margin-top: 4px;
}
.kk-affiliate-link-field input {
  display: block;
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  color: var(--kk-ink);
  background: #f6f9fc;
  border: 1px solid var(--kk-line);
  border-radius: 12px;
}
.kk-affiliate-share__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 10px 16px;
  border: 1px solid rgba(23, 63, 111, .22);
  border-radius: 12px;
  color: #173f6f;
  background: #eef5fb;
  font-size: .92rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(21, 60, 104, .10);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.kk-affiliate-share__copy:hover {
  transform: translateY(-2px);
  background: #e5f0f9;
  border-color: rgba(23, 63, 111, .34);
  box-shadow: 0 11px 24px rgba(21, 60, 104, .14);
}
.kk-affiliate-share__copy.is-copied {
  color: #176f65;
  background: #eaf8f4;
  border-color: #b9dfd5;
}
.kk-affiliate-share .kk-brand-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  display: block;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--x {
  min-width: 0;
  padding-left: 16px;
  padding-right: 16px;
  gap: 8px;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--viber {
  color: #7360f2;
  background: #f3f1ff;
  border-color: #d1cafc;
}
.kk-affiliate-channel-card--link .kk-affiliate-share__network--viber:hover {
  color: #5e4bd8;
  background: #ebe8ff;
  border-color: #bdb3fa;
}
@media (max-width: 575.98px) {
  .kk-affiliate-share__copy {
    width: 100%;
  }
}


/* Tartozáskezelő – a személy adatlapjának három fő lenyíló blokkja finoman nyílik/záródik. */
body.kk-route-tartozaskezelo .kk-case-detail-page .kk-work-section > .kk-work-section-body {
  animation: none;
}
body.kk-route-tartozaskezelo .kk-case-detail-page .kk-work-section.kk-details-animating {
  will-change: height;
}
body.kk-route-tartozaskezelo .kk-case-detail-page .kk-work-section.kk-details-animating > .kk-work-section-body {
  will-change: opacity, transform;
}
body.kk-route-tartozaskezelo .kk-case-detail-page .kk-work-section.kk-details-closing[open] > summary .kk-section-chevron > svg {
  transform: rotate(0deg) !important;
}
@media (prefers-reduced-motion: reduce) {
  body.kk-route-tartozaskezelo .kk-case-detail-page .kk-work-section > .kk-work-section-body {
    animation: none !important;
  }
}