/* Adójóváírás kalkulátor – minden szabály a .ajk alá zárva, hogy ne ütközzön a témával.
   A szélességet a befoglaló tartalomterület adja; az elrendezés konténer-lekérdezéssel igazodik. */
.ajk{
  --ajk-bg:transparent; --ajk-surface:#ffffff; --ajk-surface-2:#f1f4f9; --ajk-line:#d8dee9;
  --ajk-fg:#172033; --ajk-muted:#5a6578; --ajk-accent:#1e3a8a; --ajk-accent-soft:#e3e9f7;
  --ajk-gain:#17694f; --ajk-loss:#b0402a; --ajk-warn-bg:#fbf1dc; --ajk-warn-fg:#6d4b0b;
  --ajk-num:ui-monospace,"SFMono-Regular","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;
  container-type:inline-size; container-name:ajk;
  width:100%; max-width:100%; margin:1.5em 0; color:var(--ajk-fg); background:var(--ajk-bg);
  font-family:inherit; font-size:15px; line-height:1.5; text-align:left; color-scheme:light;
}
@media (prefers-color-scheme:dark){
  .ajk[data-theme-mode="auto"]{
    --ajk-surface:#151b28; --ajk-surface-2:#1c2434; --ajk-line:#2c3648;
    --ajk-fg:#e6eaf2; --ajk-muted:#9aa5b8; --ajk-accent:#8fb0ff; --ajk-accent-soft:#1f2c4d;
    --ajk-gain:#5cc49c; --ajk-loss:#ef8a72; --ajk-warn-bg:#2f2614; --ajk-warn-fg:#f0cf8a; color-scheme:dark;
  }
}
.ajk *,.ajk *::before,.ajk *::after{box-sizing:border-box}
.ajk-wrap{display:flex;flex-direction:column;gap:20px}
.ajk-head{display:flex;flex-direction:column;gap:6px}
.ajk .ajk-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ajk-muted);font-weight:600}
.ajk .ajk-h1{font-family:inherit;font-weight:700;font-size:clamp(22px,4cqi,32px);line-height:1.15;margin:0;padding:0;color:var(--ajk-fg);text-wrap:balance;border:0}
.ajk .ajk-lead{margin:0;color:var(--ajk-muted);max-width:68ch}
.ajk .ajk-notice{background:var(--ajk-warn-bg);color:var(--ajk-warn-fg);border-radius:8px;padding:10px 14px;font-size:13.5px}
.ajk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
@container ajk (min-width:860px){.ajk-grid{grid-template-columns:minmax(0,360px) minmax(0,1fr)}}
.ajk .ajk-panel{background:var(--ajk-surface);border:1px solid var(--ajk-line);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:16px;min-width:0;margin:0}
.ajk .ajk-h2{font-family:inherit;font-weight:700;font-size:18px;margin:0;padding:0;color:var(--ajk-fg);border:0}
.ajk .ajk-h3{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--ajk-muted);font-weight:700}
.ajk-stack{display:flex;flex-direction:column;gap:10px}
.ajk fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.ajk fieldset+fieldset{border-top:1px solid var(--ajk-line);padding-top:16px}
.ajk legend{padding:0;margin:0 0 10px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--ajk-muted);font-weight:700;border:0;width:auto}
.ajk label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600;color:var(--ajk-fg);margin:0}
.ajk .ajk-hint{font-size:12.5px;color:var(--ajk-muted);font-weight:400;line-height:1.45}
.ajk-row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.ajk-money{position:relative;display:block}
.ajk-money input[type=number]{padding-right:36px}
.ajk-money::after{content:"Ft";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ajk-muted);font-size:13px;font-weight:400;pointer-events:none}
.ajk input[type=number],.ajk select{
  font:500 15px/1.3 var(--ajk-num);color:var(--ajk-fg);background:var(--ajk-surface-2);
  border:1px solid var(--ajk-line);border-radius:6px;padding:8px 10px;width:100%;min-width:0;height:auto;margin:0;box-shadow:none;
  -moz-appearance:textfield;
}
.ajk select{font-family:inherit;-moz-appearance:auto}
.ajk input[type=range]{width:100%;accent-color:var(--ajk-accent);margin:0;padding:0;background:transparent;border:0}
.ajk .ajk-check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500}
.ajk .ajk-check input{margin:3px 0 0;accent-color:var(--ajk-accent);width:16px;height:16px;flex:none}
.ajk :focus-visible{outline:2px solid var(--ajk-accent);outline-offset:2px}
.ajk-presets{display:flex;flex-wrap:wrap;gap:8px}
.ajk .ajk-presets button{font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;color:var(--ajk-fg);background:var(--ajk-surface);border:1px solid var(--ajk-line);border-radius:999px;padding:7px 12px;cursor:pointer;margin:0;text-transform:none;letter-spacing:0;box-shadow:none;min-height:0;width:auto}
.ajk .ajk-presets button:hover{border-color:var(--ajk-accent);color:var(--ajk-accent);background:var(--ajk-surface)}
.ajk .ajk-presets button[aria-pressed="true"]{background:var(--ajk-accent-soft);border-color:var(--ajk-accent);color:var(--ajk-accent)}

.ajk-results{display:flex;flex-direction:column;gap:20px;min-width:0}
.ajk-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--ajk-line);border:1px solid var(--ajk-line);border-radius:10px;overflow:hidden}
@container ajk (min-width:620px){.ajk-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ajk-summary>div{background:var(--ajk-surface);padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ajk .ajk-k{font-size:12.5px;color:var(--ajk-muted);font-weight:600}
.ajk .ajk-v{font:600 22px/1.2 var(--ajk-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-wrap:anywhere;color:var(--ajk-fg)}
.ajk .ajk-s{font-size:12.5px;color:var(--ajk-muted)}
.ajk-summary .ajk-hl{background:var(--ajk-accent-soft)}
.ajk-summary .ajk-hl .ajk-v{color:var(--ajk-accent)}
.ajk .ajk-pos{color:var(--ajk-gain)} .ajk .ajk-neg{color:var(--ajk-loss)}

.ajk-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ajk table.ajk-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin:0;border:0;background:transparent;font-size:14px;table-layout:auto}
.ajk .ajk-table th,.ajk .ajk-table td{padding:8px 6px;text-align:left;border:0;border-bottom:1px solid var(--ajk-line);vertical-align:top;background:transparent;color:var(--ajk-fg)}
.ajk .ajk-table th{font-size:12px;color:var(--ajk-muted);font-weight:600;letter-spacing:.03em}
.ajk .ajk-table .n{text-align:right;font-family:var(--ajk-num);white-space:nowrap}
.ajk .ajk-table tr.total td{font-weight:700;border-bottom:0;border-top:2px solid var(--ajk-fg)}
.ajk .ajk-table tr.sub td,.ajk .ajk-table tr.zero td{color:var(--ajk-muted)}
.ajk .ajk-table td.ajk-pos{color:var(--ajk-gain)} .ajk .ajk-table td.ajk-neg{color:var(--ajk-loss)}
.ajk .ajk-ref{font-family:var(--ajk-num);font-size:11.5px;color:var(--ajk-muted);display:block;font-weight:400}
.ajk .ajk-tag{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--ajk-surface-2);color:var(--ajk-muted);margin-left:6px;vertical-align:1px}

.ajk-chart svg{width:100%;height:auto;display:block;max-width:100%}
.ajk-chart .axis{stroke:var(--ajk-line)}
.ajk-chart .grid{stroke:var(--ajk-line);stroke-dasharray:2 4}
.ajk-chart text{fill:var(--ajk-muted);font:11px var(--ajk-num)}
.ajk-chart .curve{fill:none;stroke:var(--ajk-accent);stroke-width:2.5}
.ajk-chart .area{fill:var(--ajk-accent);opacity:.12}
.ajk-chart .dot{fill:var(--ajk-accent);stroke:var(--ajk-surface);stroke-width:2}
.ajk-chart .dotlbl{fill:var(--ajk-fg);font-weight:600}
.ajk-chart .mark{stroke:var(--ajk-muted);stroke-dasharray:3 3}
.ajk .ajk-details{font-size:13.5px;color:var(--ajk-muted)}
.ajk .ajk-details summary{cursor:pointer;color:var(--ajk-fg);font-weight:600}
.ajk .ajk-details ul{padding-left:18px;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}
.ajk .ajk-details li{margin:0}
.ajk .ajk-foot{font-size:12.5px;color:var(--ajk-muted);display:flex;flex-direction:column;gap:6px}
.ajk .ajk-foot a{color:var(--ajk-accent)}

/* Tartalék a konténer-lekérdezést nem ismerő böngészőknek */
@supports not (container-type:inline-size){
  @media (min-width:1000px){.ajk-grid{grid-template-columns:minmax(0,360px) minmax(0,1fr)}}
  @media (min-width:700px){.ajk-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
}