.pa-cg, .pa-cg * { box-sizing: border-box; }
.pa-cg { --cg-ink:#1a1340; --cg-brand:#5d3fc7; --cg-sel:#38069C; --cg-soft:#eef0fa; --cg-line:#695FB0; --cg-muted:#6b6480; font-family: inherit; }
.pa-cg .pa-h { font-size: 22px; font-weight: 800; color: var(--cg-ink); margin: 28px 0 14px; letter-spacing: -0.3px; line-height: 1.2; }
.pa-cg .pa-section > .pa-h:first-child, .pa-cg .pa-results > .pa-h:first-child { margin-top: 0; }
.pa-cg .pa-h-sm { font-size: 18px; margin: 24px 0 12px; }
.pa-cg .pa-section { margin-bottom: 28px; }
.pa-cg .pa-section[hidden] { display: none; }
.pa-cg .pa-lead { margin: 0 0 14px; font-size: 15px; line-height: 1.55; color: #3d3766; }
.pa-cg .pa-row2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; margin-bottom: 18px; max-width: 860px; }
.pa-cg .pa-row3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-bottom: 18px; max-width: 900px; }
.pa-cg .pa-field { display: flex; flex-direction: column; margin-bottom: 18px; max-width: 640px; }
.pa-cg .pa-row2 .pa-field, .pa-cg .pa-row3 .pa-field { max-width: none; margin-bottom: 0; }
.pa-cg .pa-field.is-off { opacity: .45; }
.pa-cg .pa-label { display: block; margin-bottom: 8px; color: var(--cg-ink); font-size: 16px; font-weight: 500; line-height: 1.3; }
.pa-cg .pa-hint { font-size: 13px; color: var(--cg-muted); margin-top: 8px; line-height: 1.5; }
.pa-cg .pa-confirm { background: var(--cg-soft); border-radius: 14px; padding: 16px 18px; max-width: 860px; }

/* belépő kártyák */
.pa-cg .pa-branches { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; max-width: 860px; }
.pa-cg .pa-branch { position: relative; display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 8px; min-height: 48px; padding: 22px 22px 20px; border: 2px solid #d6d3e8; border-radius: 18px; background: #fff; color: var(--cg-ink); font-family: inherit; cursor: pointer; transition: all .15s; }
.pa-cg .pa-branch:hover { border-color: var(--cg-brand); }
.pa-cg .pa-branch.is-active { border-color: var(--cg-sel); background: #f3edfb; box-shadow: 0 0 0 3px rgba(56,6,156,.14); }
.pa-cg .pa-branches.has-choice .pa-branch:not(.is-active) { opacity: .55; }
.pa-cg .pa-branch.is-soon { cursor: pointer; }
.pa-cg .pa-branch-ico { width: 48px; height: 48px; border-radius: 12px; background: var(--cg-soft); color: var(--cg-sel); display: inline-flex; align-items: center; justify-content: center; }
.pa-cg .pa-branch.is-active .pa-branch-ico { background: var(--cg-sel); color: #fff; }
.pa-cg .pa-branch-t { font-size: 17px; font-weight: 800; line-height: 1.25; }
.pa-cg .pa-branch-d { font-size: 14px; color: var(--cg-muted); line-height: 1.45; }
.pa-cg .pa-branch-badge { position: absolute; top: 12px; right: 12px; background: #f4d08e; color: #5a4600; font-size: 12px; font-weight: 700; border-radius: 999px; padding: 4px 10px; }
.pa-cg .pa-branch-badge[hidden] { display: none; }

/* kis i */
.pa-cg .pa-i { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-left: 6px; border: 1.5px solid var(--cg-brand); border-radius: 6px; background: #fff; color: var(--cg-brand); font: italic 700 12px/1 'Times New Roman', serif; cursor: pointer; vertical-align: middle; padding: 0; }
.pa-cg .pa-i:hover, .pa-cg .pa-i.is-open { background: var(--cg-brand); color: #fff; }
.pa-cg .pa-tip { background: var(--cg-soft); border-radius: 12px; padding: 12px 14px; margin-top: 8px; font-size: 13.5px; line-height: 1.55; color: #3d3766; }
.pa-cg .pa-tip[hidden] { display: none; }
.pa-cg .pa-confirm .pa-tip { background: #fff; }

/* mezők */
.pa-cg .pa-date-wrap { position: relative; }
.pa-cg .pa-date-wrap input, .pa-cg .pa-num, .pa-cg .pa-select {
  width: 100%; padding: 12px 14px; border: 1.5px solid var(--cg-line); border-radius: 12px; background: #fff; color: var(--cg-ink);
  font-size: 16px; font-family: inherit; outline: none; line-height: 1.3; transition: border-color .15s, box-shadow .15s; -moz-appearance: textfield;
}
.pa-cg .pa-num::-webkit-outer-spin-button, .pa-cg .pa-num::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pa-cg .pa-date-wrap input { cursor: pointer; padding-right: 48px; }
.pa-cg .pa-date-wrap input:focus, .pa-cg .pa-num:focus, .pa-cg .pa-select:focus { border-color: var(--cg-brand); box-shadow: 0 0 0 3px rgba(93,63,199,.14); }
.pa-cg input:disabled { background: #f4f3f8; cursor: not-allowed; }
.pa-cg .pa-date-wrap .pa-cal-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; pointer-events: none; }
.pa-cg .pa-date-wrap .pa-cal-icon img { width: 100%; height: 100%; display: block; }
.pa-cg .pa-select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231a1340' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 40px; cursor: pointer; }
.pa-cg .pa-money { position: relative; }
.pa-cg .pa-money .pa-num { padding-right: 48px; }
.pa-cg .pa-unit { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: var(--cg-muted); font-size: 15px; font-weight: 600; }
.pa-cg .pa-monthpick { display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; }
.pa-cg .is-invalid { border-color: #b3261e !important; box-shadow: 0 0 0 3px rgba(179,38,30,.14) !important; }
.pa-cg .pa-seg.is-invalid { border-radius: 14px; }
.pa-cg .pa-auto { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 8px; }
.pa-cg .pa-auto-tag { font-size: 12.5px; font-weight: 600; color: var(--cg-brand); background: var(--cg-soft); border-radius: 999px; padding: 4px 10px; }
.pa-cg .pa-auto-tag.is-manual { color: #8a5a00; background: #fdf0d3; }
.pa-cg .pa-link { background: none; border: 0; padding: 0; color: var(--cg-brand); font: inherit; font-size: 13.5px; font-weight: 600; text-decoration: underline; cursor: pointer; align-self: flex-start; margin-top: 6px; }
.pa-cg .pa-link[hidden] { display: none; }

/* szegmentált választó */
.pa-cg .pa-seg { display: flex; flex-wrap: wrap; gap: 8px; }
.pa-cg .pa-seg-btn { min-height: 48px; border: 1.5px solid var(--cg-line); background: #fff; color: var(--cg-ink); border-radius: 12px; padding: 10px 18px; font-size: 15px; font-weight: 600; font-family: inherit; cursor: pointer; transition: all .12s; }
.pa-cg .pa-seg-btn:hover { border-color: var(--cg-brand); color: var(--cg-brand); }
.pa-cg .pa-seg-btn.is-active { background: var(--cg-ink); border-color: var(--cg-ink); color: #fff; }

/* accordion */
.pa-cg .pa-acc { background: #f5f3fb; border-radius: 14px; padding: 0; margin: 0 0 18px; max-width: 860px; }
.pa-cg .pa-results .pa-acc { max-width: none; }
.pa-cg .pa-acc summary { cursor: pointer; font-weight: 700; color: var(--cg-brand); font-size: 15px; padding: 16px 18px; list-style: none; position: relative; padding-right: 44px; }
.pa-cg .pa-acc summary::-webkit-details-marker { display: none; }
.pa-cg .pa-acc summary::after { content: ''; position: absolute; right: 18px; top: 50%; width: 10px; height: 10px; border-right: 2px solid var(--cg-brand); border-bottom: 2px solid var(--cg-brand); transform: translateY(-70%) rotate(45deg); transition: transform .15s; }
.pa-cg .pa-acc[open] summary::after { transform: translateY(-30%) rotate(225deg); }
.pa-cg .pa-acc-body { padding: 0 18px 18px; }

.pa-cg .pa-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--cg-ink); color: #fff !important; padding: 14px 22px; border: none; border-radius: 12px; font-size: 16px; font-weight: 500; font-family: inherit; cursor: pointer; align-self: flex-start; text-decoration: none !important; transition: background .15s, transform .1s; margin-top: 12px; line-height: 1.25; }
.pa-cg .pa-btn:hover { background: #1F1089; }
.pa-cg .pa-btn:active { transform: translateY(1px); }
.pa-cg .pa-btn[hidden] { display: none; }

/* eredmény */
.pa-cg .pa-results { display: none; margin-bottom: 28px; }
.pa-cg.pa-show .pa-results { display: block; }
.pa-cg.pa-show .pa-results[hidden] { display: none; }
.pa-cg .pa-cg-block { margin-bottom: 28px; }
.pa-cg .pa-cg-block[hidden] { display: none; }
.pa-cg .pa-status { border-radius: 16px; padding: 20px 22px; border: 2px solid transparent; }
.pa-cg .pa-status-t { margin: 0 0 6px; font-size: 18px; font-weight: 800; letter-spacing: .2px; }
.pa-cg .pa-status-d { margin: 0; font-size: 15px; line-height: 1.55; }
.pa-cg .pa-status.s-yellow { background: #fdf0d3; border-color: #e6990a; color: #5a4600; }
.pa-cg .pa-status.s-grey { background: #f1f1f4; border-color: #cfcfd8; color: #3d3d4d; }

.pa-cg .pa-cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-bottom: 14px; }
.pa-cg .pa-card { background: var(--cg-soft); border-radius: 14px; padding: 18px 18px 16px; display: flex; flex-direction: column; }
.pa-cg .pa-card-hl { background: var(--cg-ink); color: #fff; }
.pa-cg .pa-card-sec { background: #f7f6fb; border: 1px solid #e5e2f0; padding: 14px 16px; }
.pa-cg .pa-card-label { margin: 0 0 8px; font-size: 14px; font-weight: 600; color: var(--cg-ink); line-height: 1.3; min-height: 2.6em; }
.pa-cg .pa-card-sec .pa-card-label { min-height: 0; font-size: 13px; color: var(--cg-muted); }
.pa-cg .pa-card-hl .pa-card-label { color: #cfc9ee; }
.pa-cg .pa-card-value { margin: 0 0 8px; font-size: 28px; font-weight: 800; color: var(--cg-brand); line-height: 1.1; letter-spacing: -.5px; }
.pa-cg .pa-card-sec .pa-card-value { font-size: 22px; margin-bottom: 0; color: var(--cg-ink); }
.pa-cg .pa-card-value-s { font-size: 18px; line-height: 1.25; }
.pa-cg .pa-card-hl .pa-card-value { color: #fff; }
.pa-cg .pa-card-sub { margin: auto 0 0; font-size: 12.5px; line-height: 1.45; color: var(--cg-muted); }
.pa-cg .pa-card-hl .pa-card-sub { color: #cfc9ee; }
.pa-cg .pa-period { background: #fff; border: 2px solid #d6d3e8; border-radius: 16px; padding: 18px 22px; margin: 4px 0 14px; }
.pa-cg .pa-period-l { margin: 0 0 4px; font-size: 14px; font-weight: 600; color: var(--cg-muted); }
.pa-cg .pa-period-v { margin: 0 0 8px; font-size: 22px; font-weight: 800; color: var(--cg-ink); }
.pa-cg .pa-period-d { margin: 0; font-size: 13.5px; line-height: 1.55; color: #3d3766; }
.pa-cg .pa-balance { border-radius: 16px; padding: 22px 24px; background: var(--cg-soft); border: 2px solid #c9c4e2; margin-bottom: 14px; }
.pa-cg .pa-balance-l { margin: 0 0 6px; font-size: 14px; font-weight: 600; color: var(--cg-muted); }
.pa-cg .pa-balance-value { margin: 0 0 8px; font-size: 36px; font-weight: 800; line-height: 1.05; letter-spacing: -.8px; color: var(--cg-brand); }
.pa-cg .pa-balance-sub { margin: 0; font-size: 14px; color: #3d3766; line-height: 1.55; }
.pa-cg .pa-balance.s-green { background: #e3f4ec; border-color: #7fc9a8; } .pa-cg .pa-balance.s-green .pa-balance-value { color: #0f7a4d; }
.pa-cg .pa-balance.s-yellow { background: #fdf0d3; border-color: #e6990a; } .pa-cg .pa-balance.s-yellow .pa-balance-value { color: #8a5a00; }

.pa-cg .pa-info { background: var(--cg-soft); border-radius: 14px; padding: 16px 20px; margin: 12px 0; display: flex; gap: 14px; font-size: 14.5px; line-height: 1.6; color: #3d3766; }
.pa-cg .pa-info[hidden] { display: none; }
.pa-cg .pa-info-icon { flex: none; width: 24px; height: 24px; border: 1.5px solid var(--cg-brand); border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; color: var(--cg-brand); font: italic 700 13px/1 'Times New Roman', serif; margin-top: 1px; }
.pa-cg .pa-info strong { color: var(--cg-ink); font-weight: 700; }
.pa-cg .pa-info a { color: var(--cg-brand); font-weight: 600; }
.pa-cg .pa-info.pa-warn { background: #fdf0d3; }
.pa-cg .pa-info.pa-warn .pa-info-icon { border-color: #e6990a; color: #e6990a; font-style: normal; font-family: inherit; }
.pa-cg .pa-summary { font-size: 13px; color: var(--cg-muted); line-height: 1.55; margin: 12px 0 0; }
.pa-cg .pa-ctabox { background: #f5f3fb; border-radius: 16px; padding: 22px 24px; margin-top: 18px; }
.pa-cg .pa-ctabox-t { margin: 0 0 4px; font-size: 18px; font-weight: 800; color: var(--cg-ink); }
.pa-cg .pa-ctabox-d { margin: 0; font-size: 15px; line-height: 1.6; color: #3d3766; }
.pa-cg .pa-tablewrap { overflow-x: auto; margin: 0 0 12px; -webkit-overflow-scrolling: touch; }
.pa-cg .pa-table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 640px; }
.pa-cg .pa-table th, .pa-cg .pa-table td { padding: 8px 10px; border-bottom: 1px solid #e5e2f0; text-align: right; white-space: nowrap; }
.pa-cg .pa-table th:first-child, .pa-cg .pa-table td:first-child, .pa-cg .pa-table th:last-child, .pa-cg .pa-table td:last-child { text-align: left; }
.pa-cg .pa-table th { font-weight: 700; color: var(--cg-ink); background: #fff; }
.pa-cg .pa-table tr.is-out td { color: #a5a1b8; }
.pa-cg .pa-table tr.is-raised td { background: #f3edfb; }
.pa-cg .pa-table tr.total td { font-weight: 700; border-top: 2px solid var(--cg-brand); }
.pa-cg:not(.pa-employer) .pa-emp-col { display: none; }
.pa-cg .pa-disclaimer { background: #f4d08e; border: 2px solid #e6990a; border-radius: 16px; padding: 22px; display: flex; gap: 14px; margin: 28px 0 0; }
.pa-cg .pa-disclaimer-body { font-size: 14px; color: var(--cg-ink); line-height: 1.55; }

@media (max-width: 900px) {
  .pa-cg .pa-cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .pa-cg .pa-row3 { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .pa-cg .pa-h { font-size: 20px; }
  .pa-cg .pa-branches, .pa-cg .pa-row2, .pa-cg .pa-cards { grid-template-columns: 1fr; }
  .pa-cg .pa-card-value { font-size: 24px; }
  .pa-cg .pa-balance-value { font-size: 30px; }
  .pa-cg .pa-btn { width: 100%; }
  .pa-cg .pa-disclaimer { padding: 16px; }
  .pa-cg .pa-seg-btn { flex: 1 1 auto; }
}

/* ===== KATA 2027: kiegészítések ===== */
.pa-kata { --kt-ok:#0f7a4d; --kt-okbg:#e3f4ec; --kt-warn:#8a5a00; --kt-warnbg:#fdf0d3; --kt-bad:#b3261e; --kt-badbg:#fbe4e2; --kt-info:#38069C; --kt-infobg:#efe9fb; }
.pa-kata .kt-badges { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.pa-kata .kt-badge { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:6px 12px; font-size:13px; font-weight:700; line-height:1.3; }
.pa-kata .kt-badge-draft { background:var(--kt-infobg); color:var(--kt-info); }
.pa-kata .kt-badge-amber { background:#f1eefb; color:#1F1089; border:1px solid #dcd5f3; font-weight:600; }
.pa-kata .kt-badge-minta { background:#1a1340; color:#fff; letter-spacing:.6px; }
.pa-kata .kt-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin-bottom:18px; }
.pa-kata .kt-minta-btn { background:#fff; border:1.5px solid var(--cg-line); color:var(--cg-ink); border-radius:12px; padding:10px 16px; font:600 14px/1.2 inherit; font-family:inherit; cursor:pointer; }
.pa-kata .kt-minta-btn:hover { border-color:var(--cg-brand); color:var(--cg-brand); }
.pa-kata .kt-minta-note { background:#1a1340; color:#fff; border-radius:12px; padding:12px 16px; font-size:14px; line-height:1.5; margin:0 0 18px; }
.pa-kata .kt-minta-note[hidden] { display:none; }

/* lépésjelző */
.pa-kata .kt-steps { display:flex; gap:6px; list-style:none; margin:0 0 22px; padding:0; counter-reset:kt; }
.pa-kata .kt-steps li { flex:1 1 0; min-width:0; }
.pa-kata .kt-step-btn { width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:6px; background:none; border:0; padding:0; cursor:pointer; font-family:inherit; text-align:left; color:var(--cg-muted); }
.pa-kata .kt-step-btn::before { content:''; display:block; width:100%; height:6px; border-radius:6px; background:#e3e0f0; }
.pa-kata .kt-step-btn.is-done::before { background:#b7a9ea; }
.pa-kata .kt-step-btn.is-active::before { background:var(--cg-sel); }
.pa-kata .kt-step-btn.is-active { color:var(--cg-ink); }
.pa-kata .kt-step-btn span { font-size:12.5px; font-weight:700; line-height:1.3; }
.pa-kata .kt-step-btn:disabled { cursor:default; }
.pa-kata .kt-step[hidden] { display:none; }
.pa-kata .kt-step-h { font-size:22px; font-weight:800; color:var(--cg-ink); margin:0 0 6px; letter-spacing:-.3px; line-height:1.2; }
.pa-kata .kt-step-n { display:block; font-size:13px; font-weight:700; color:var(--cg-brand); text-transform:uppercase; letter-spacing:.6px; margin-bottom:4px; }
.pa-kata .kt-step-lead { margin:0 0 20px; font-size:14.5px; line-height:1.55; color:#3d3766; max-width:860px; }
/* navigációs sáv: jól elkülönülő doboz a lépés alján */
.pa-kata .kt-nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 20px; margin-top:32px; padding:18px 20px; background:var(--kt-infobg); border:1.5px solid #d8cdf5; border-radius:16px; }
.pa-kata .kt-nav.is-last { background:#1a1340; border-color:#1a1340; }
.pa-kata .kt-nav-info { display:flex; flex-direction:column; gap:2px; min-width:0; }
.pa-kata .kt-nav-step { font-size:13px; font-weight:700; letter-spacing:.6px; color:var(--kt-info); text-transform:uppercase; }
.pa-kata .kt-nav-next { font-size:15px; color:#3d3766; }
.pa-kata .kt-nav.is-last .kt-nav-step { color:#c9bff0; }
.pa-kata .kt-nav.is-last .kt-nav-next { color:#fff; }
.pa-kata .kt-nav-btns { display:flex; gap:10px; align-items:center; margin-left:auto; }
.pa-kata .kt-nav .pa-btn { margin-top:0; }
.pa-kata .kt-fwd { padding:16px 30px; font-size:17px; font-weight:700; gap:10px; box-shadow:0 6px 18px -8px rgba(31,16,137,.6); }
.pa-kata .kt-nav.is-last .kt-fwd { background:#fff; color:#1a1340 !important; }
.pa-kata .kt-nav.is-last .kt-fwd:hover { background:#efe9fb; }
.pa-kata .kt-back { background:#fff; color:var(--cg-ink) !important; border:1.5px solid var(--cg-line); gap:8px; }
.pa-kata .kt-back:hover { background:#f3f1fa; }
.pa-kata .kt-nav.is-last .kt-back { background:transparent; color:#fff !important; border-color:rgba(255,255,255,.45); }
.pa-kata .kt-nav.is-last .kt-back:hover { background:rgba(255,255,255,.1); }

/* mezők */
.pa-kata .kt-field { margin-bottom:22px; max-width:860px; }
.pa-kata .kt-field[hidden] { display:none; }
.pa-kata .kt-q { display:flex; align-items:flex-start; gap:6px; margin:0 0 8px; color:var(--cg-ink); font-size:16px; font-weight:600; line-height:1.35; }
.pa-kata .kt-q .pa-i { margin-top:1px; flex:none; }
.pa-kata .kt-l1 { margin:8px 0 0; font-size:13.5px; line-height:1.5; color:var(--cg-muted); }
.pa-kata .kt-tip { position:relative; background:var(--cg-soft); border-radius:12px; padding:12px 40px 12px 14px; margin-top:10px; font-size:13.5px; line-height:1.55; color:#3d3766; }
.pa-kata .kt-tip[hidden] { display:none; }
.pa-kata .kt-tip p { margin:0 0 8px; } .pa-kata .kt-tip p:last-child { margin-bottom:0; }
.pa-kata .kt-tip-close { position:absolute; top:8px; right:8px; width:26px; height:26px; border:0; border-radius:8px; background:#fff; color:var(--cg-ink); font:700 16px/1 inherit; font-family:inherit; cursor:pointer; }
.pa-kata .kt-tip details { margin-top:8px; } .pa-kata .kt-tip summary { cursor:pointer; font-weight:700; color:var(--cg-brand); }
.pa-kata .kt-err { display:flex; gap:8px; margin:8px 0 0; padding:10px 12px; border-radius:10px; font-size:14px; line-height:1.45; font-weight:600; }
.pa-kata .kt-err[hidden] { display:none; }
.pa-kata .kt-err.is-miss { background:var(--kt-infobg); color:var(--kt-info); }
.pa-kata .kt-err.is-bad { background:var(--kt-warnbg); color:var(--kt-warn); }
.pa-kata .kt-money { max-width:340px; }
.pa-kata .kt-small { max-width:200px; }
.pa-kata .kt-opts { display:grid; gap:8px; }
.pa-kata .kt-opt { display:flex; gap:12px; align-items:flex-start; text-align:left; border:1.5px solid var(--cg-line); background:#fff; color:var(--cg-ink); border-radius:12px; padding:13px 16px; font:inherit; font-size:15px; font-weight:600; line-height:1.35; cursor:pointer; transition:all .12s; }
.pa-kata .kt-opt:hover { border-color:var(--cg-brand); }
.pa-kata .kt-opt::before { content:''; flex:none; width:18px; height:18px; margin-top:1px; border-radius:50%; border:2px solid var(--cg-line); background:#fff; box-shadow:inset 0 0 0 3px #fff; }
.pa-kata .kt-opt.is-active { border-color:var(--cg-sel); background:#f3edfb; box-shadow:0 0 0 3px rgba(56,6,156,.12); }
.pa-kata .kt-opt.is-active::before { border-color:var(--cg-sel); background:var(--cg-sel); }
.pa-kata .kt-opt-body { display:flex; flex-direction:column; gap:4px; }
.pa-kata .kt-opt-q { font-weight:500; font-style:italic; color:#3d3766; font-size:14px; }
.pa-kata .kt-opt-d { font-weight:400; color:var(--cg-muted); font-size:13.5px; line-height:1.5; }
.pa-kata .kt-opt-ex { font-weight:400; color:#3d3766; font-size:13px; line-height:1.5; margin:4px 0 0; padding-left:16px; }
.pa-kata .kt-opt-ex li { margin:0; }
.pa-kata .kt-seg-wrap .pa-seg-btn { min-width:88px; }
.pa-kata .kt-check { display:inline-flex; align-items:center; gap:8px; margin-top:10px; font-size:14.5px; color:var(--cg-ink); cursor:pointer; }
.pa-kata .kt-check input { width:18px; height:18px; accent-color:var(--cg-sel); }
.pa-kata .kt-sum { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; background:var(--cg-soft); border-radius:14px; padding:14px 16px; max-width:860px; margin:4px 0 6px; }
.pa-kata .kt-sum p { margin:0; font-size:14px; font-weight:600; color:var(--cg-ink); line-height:1.4; }
.pa-kata .kt-sum-note { font-size:12.5px; color:var(--cg-muted); margin:6px 0 22px; max-width:860px; line-height:1.5; }
.pa-kata .kt-group { border:1.5px dashed #cfc9e6; border-radius:14px; padding:16px 18px 2px; margin:0 0 22px; max-width:860px; }
.pa-kata .kt-group[hidden] { display:none; }
.pa-kata .kt-group-t { margin:0 0 14px; font-weight:700; color:var(--cg-ink); font-size:15px; }
.pa-kata .kt-calc { font-size:13.5px; color:#3d3766; background:#fff; border-radius:10px; padding:10px 12px; margin:-6px 0 16px; line-height:1.5; }
.pa-kata .kt-calc:empty { display:none; }
.pa-kata .kt-helpbox { background:#f7f6fb; border:1px solid #e5e2f0; border-radius:14px; padding:14px 18px; margin:6px 0 22px; max-width:860px; font-size:13.5px; line-height:1.55; color:#3d3766; }
.pa-kata .kt-helpbox summary { cursor:pointer; font-weight:700; color:var(--cg-brand); font-size:14.5px; }
.pa-kata .kt-helpbox table { width:100%; border-collapse:collapse; margin:10px 0; }
.pa-kata .kt-helpbox td { padding:6px 8px; border-bottom:1px solid #e5e2f0; vertical-align:top; }

/* eredmény */
.pa-kata .kt-result { margin-top:30px; scroll-margin-top:110px; }
.pa-kata .kt-result[hidden] { display:none; }
.pa-kata .kt-status { border-radius:16px; padding:16px 20px; border:2px solid transparent; margin:0 0 16px; font-size:15px; line-height:1.55; font-weight:600; }
.pa-kata .kt-status.s-ok { background:var(--kt-okbg); border-color:#7fc9a8; color:var(--kt-ok); }
.pa-kata .kt-status.s-miss { background:var(--kt-infobg); border-color:#b7a9ea; color:var(--kt-info); }
.pa-kata .kt-status.s-bad { background:var(--kt-warnbg); border-color:#e6990a; color:var(--kt-warn); }
.pa-kata .kt-status.s-stop { background:var(--kt-badbg); border-color:#e3a19b; color:var(--kt-bad); }
.pa-kata .kt-status a { color:inherit; }
.pa-kata .kt-status-sub { font-size:13px; font-weight:400; color:#3d3766; margin:8px 0 0; }
.pa-kata .kt-rh { font-size:13px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:var(--cg-ink); margin:0 0 12px; line-height:1.45; }
.pa-kata .kt-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.pa-kata .kt-card { background:var(--cg-soft); border-radius:16px; padding:18px; display:flex; flex-direction:column; gap:6px; border:2px solid transparent; }
.pa-kata .kt-card.is-win { background:#1a1340; color:#fff; }
.pa-kata .kt-card.is-off { background:#f4f3f8; color:#8a86a0; }
.pa-kata .kt-card-t { margin:0; font-size:14px; font-weight:800; letter-spacing:.6px; }
.pa-kata .kt-card-s { margin:0; font-size:12.5px; line-height:1.45; color:var(--cg-muted); min-height:2.9em; }
.pa-kata .kt-card.is-win .kt-card-s, .pa-kata .kt-card.is-win .kt-card-m { color:#cfc9ee; }
.pa-kata .kt-card-v { margin:6px 0 0; font-size:26px; font-weight:800; line-height:1.1; letter-spacing:-.5px; color:var(--cg-brand); }
.pa-kata .kt-card.is-win .kt-card-v { color:#fff; }
.pa-kata .kt-card.is-off .kt-card-v { color:#a5a1b8; }
.pa-kata .kt-card-v.is-range { font-size:21px; }
.pa-kata .kt-card-vl { margin:0; font-size:12px; font-weight:700; color:var(--cg-muted); text-transform:uppercase; letter-spacing:.4px; }
.pa-kata .kt-card.is-win .kt-card-vl { color:#cfc9ee; }
.pa-kata .kt-card-m { margin:0; font-size:13px; line-height:1.5; color:#3d3766; }
.pa-kata .kt-card-win { align-self:flex-start; background:#fff; color:#1a1340; border-radius:999px; padding:3px 10px; font-size:11.5px; font-weight:800; letter-spacing:.4px; }
.pa-kata .kt-rec { border-radius:16px; padding:18px 22px; margin:0 0 14px; border:2px solid #b7a9ea; background:var(--kt-infobg); }
.pa-kata .kt-rec.is-open { border-color:#e6990a; background:var(--kt-warnbg); }
.pa-kata .kt-rec-t { margin:0; font-size:17px; font-weight:800; color:var(--cg-ink); line-height:1.45; }
.pa-kata .kt-rec details { margin-top:10px; } .pa-kata .kt-rec summary { cursor:pointer; font-weight:700; color:var(--cg-brand); font-size:14.5px; }
.pa-kata .kt-rec-d { margin:8px 0 0; font-size:14.5px; line-height:1.6; color:#3d3766; }
.pa-kata .kt-rec-cta { margin-top:12px; }
.pa-kata .kt-line { font-size:14px; line-height:1.55; color:#3d3766; background:#f7f6fb; border-radius:12px; padding:12px 16px; margin:0 0 14px; }
.pa-kata .kt-notes { margin:0; padding-left:20px; font-size:14.5px; line-height:1.6; color:#3d3766; }
.pa-kata .kt-notes li { margin:0 0 8px; }
.pa-kata .kt-table { width:100%; border-collapse:collapse; font-size:13.5px; min-width:680px; }
.pa-kata .kt-table th, .pa-kata .kt-table td { padding:8px 10px; border-bottom:1px solid #e5e2f0; text-align:right; vertical-align:top; }
.pa-kata .kt-table th:first-child, .pa-kata .kt-table td:first-child, .pa-kata .kt-table td:last-child, .pa-kata .kt-table th:last-child { text-align:left; }
.pa-kata .kt-table td:last-child { color:var(--cg-muted); font-size:12.5px; }
.pa-kata .kt-table th { font-weight:700; color:var(--cg-ink); background:#fff; }
.pa-kata .kt-table tr.is-total td { font-weight:800; border-top:2px solid var(--cg-brand); color:var(--cg-ink); }
.pa-kata .kt-legal { font-size:13px; line-height:1.6; color:#3d3766; }
.pa-kata .kt-legal p { margin:0 0 8px; }
.pa-kata .kt-ver { font-size:12px; color:var(--cg-muted); line-height:1.5; margin:14px 0 0; }
.pa-kata .kt-cta { background:#1a1340; color:#fff; border-radius:18px; padding:22px 24px; margin:18px 0; }
.pa-kata .kt-cta-t { margin:0 0 6px; font-size:19px; font-weight:800; }
.pa-kata .kt-cta-d { margin:0 0 4px; font-size:15px; line-height:1.55; color:#d9d4f3; }
.pa-kata .kt-cta .pa-btn { background:#fff; color:#1a1340 !important; }
.pa-kata .kt-cta .pa-btn:hover { background:#eef0fa; }
.pa-kata .kt-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
@media (max-width: 900px) { .pa-kata .kt-cards { grid-template-columns:1fr; } }
@media (max-width: 600px) {
  .pa-kata .kt-steps span { display:none; }
  .pa-kata .kt-sum { grid-template-columns:1fr; }
  .pa-kata .kt-step-h { font-size:20px; }
  .pa-kata .kt-nav { padding:16px; }
  .pa-kata .kt-nav-btns { flex-direction:column-reverse; width:100%; margin-left:0; }
  .pa-kata .kt-nav .pa-btn { width:100%; }
  .pa-kata .kt-money, .pa-kata .kt-small { max-width:none; }
}
/* kiegészítések a felülethez */
.pa-kata .is-invalid { border-color: #c0392b !important; box-shadow: 0 0 0 3px rgba(192,57,43,.12); }
.pa-kata .kt-opts.is-invalid, .pa-kata .pa-seg.is-invalid { border-radius: 12px; }
.pa-kata .kt-block { margin: 28px 0; }
.pa-kata .kt-table tr.is-total td { font-weight: 700; border-top: 2px solid #1d1645; }
.pa-kata .kt-card-v.is-range { font-size: 22px; line-height: 1.25; }
.pa-kata .kt-tip-b p { margin: 0 0 8px; }
.pa-kata .kt-tip-b details summary { cursor: pointer; font-weight: 600; }
.pa-kata .kt-detail { margin: 24px 0; }
/* a Bricks div alapból flex (.brxe-div:where(...){display:flex}): a kalkulátor tárolója blokk legyen */
.pa-cg.pa-kata { display: block; width: 100%; min-width: 0; }