:root{
  --kl-text:#111; --kl-muted:#666; --kl-accent:#2563eb;
  --kl-border:#e6e6e6; --kl-soft:#f7f8fa; --kl-radius:14px;
  --kl-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.kl-box{border:1px solid var(--kl-border);border-radius:var(--kl-radius);background:#fff;font-family:var(--kl-font);color:var(--kl-text)}
.kl-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--kl-border);background:var(--kl-soft);font-weight:800}
.kl-meta{color:var(--kl-muted);font-weight:600;font-size:12px}
.kl-note{margin:8px 14px 12px;color:var(--kl-muted);font-size:12px}

/* TOP 3 – kartice */
.kl-top{font-family:var(--kl-font)}
.kl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kl-card{border:1px solid var(--kl-border);border-radius:12px;padding:12px;background:#fff}
.kl-card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.kl-flag{font-size:18px;line-height:1}
.kl-code{font-weight:900}
.kl-jed{margin-left:auto;color:var(--kl-muted);font-weight:700}
.kl-card-val{font-size:20px;font-weight:900}
.kl-card-name{font-size:12px;color:var(--kl-muted)}
@media(max-width:600px){ .kl-cards{grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px} .kl-card{padding:10px} .kl-card-val{font-size:18px} }

/* FULL tabela */
.kl-toolbar{padding:10px 14px;border-bottom:1px solid var(--kl-border);background:#fff}
.kl-input{width:100%;padding:10px;border:1px solid var(--kl-border);border-radius:10px}
.kl-table{width:100%;border-collapse:separate;border-spacing:0}
.kl-table th,.kl-table td{padding:12px 14px;border-bottom:1px solid #efefef;text-align:left}
.kl-table thead th{background:var(--kl-soft);font-weight:800}
.kl-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid #dbe7ff;background:#eef4ff;color:#21469b;font-weight:800}
.kl-flag{margin-right:6px}

/* Responsive tabela kao kartice */
@media (max-width:640px){
  .kl-table thead{display:none}
  .kl-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 8px}
  .kl-table td{border:0;padding:2px 6px}
  .kl-table td:nth-child(1){font-weight:800}
  .kl-table td:nth-child(2){grid-column:1 / -1}
  .kl-table td:nth-child(4){justify-self:start}
}

/* Konvertor */
.kl-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kl-btn{padding:10px 12px;border:1px solid #2a66ff;background:#2a66ff;color:#fff;border-radius:10px;font-weight:800;cursor:pointer}
.kl-conv-row{display:flex;gap:10px;align-items:center;padding:12px 14px}