/* niera-polia.css | DATERA registre v1.0 | DATERA_v4.5_2026.11.05_KOPIA-148 | interná kópia pre: majiteľ (SLAVKOF a.s.) | podpis: dtr-k148-css
   Vstupné polia s výberom z registrov (pravidlá 07, bod 16.6). Farby z palety loga DATERA (NIERA_logo-datera v4.7). */
:root {
  --np-primar: #0369A1; --np-akcent: #06B6D4; --np-svetly: #3FDEF3;
  --np-pozadie: #FFFFFF; --np-plocha: #F4F7FB; --np-text: #0B1220; --np-tlmeny: #4A5568; --np-okraj: #D5DAE3;
  --np-chyba: #B42318; --np-ok: #067647; --np-pozor: #8A4B00; --np-vyber: #E6F6FB;
  --np-radius: 14px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --np-pozadie: #0B1220; --np-plocha: #121B2E; --np-text: #E7ECF3; --np-tlmeny: #A3AEC2; --np-okraj: #2A3650;
    --np-chyba: #FDA29B; --np-ok: #75E0A7; --np-pozor: #FEC84B; --np-vyber: #0F2A3D; --np-nadpis: #3FDEF3;
  }
}
:root[data-theme="dark"] {
  --np-pozadie: #0B1220; --np-plocha: #121B2E; --np-text: #E7ECF3; --np-tlmeny: #A3AEC2; --np-okraj: #2A3650;
  --np-chyba: #FDA29B; --np-ok: #75E0A7; --np-pozor: #FEC84B; --np-vyber: #0F2A3D; --np-nadpis: #3FDEF3;
}
.np-pole { position: relative; display: flex; align-items: stretch; gap: 0; width: 100%; min-width: 0; }
.np-pole > input, .np-vstup {
  flex: 1 1 auto; min-width: 0; min-height: 48px; padding: 10px 14px; font: inherit; font-size: 16px;
  color: var(--np-text); background: var(--np-pozadie); border: 1px solid var(--np-okraj); border-radius: var(--np-radius);
  outline: none; transition: border-color .15s, box-shadow .15s;
}
.np-vstup { flex: none; width: 100%; }
.np-pole > input:focus, .np-vstup:focus { border-color: var(--np-akcent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--np-akcent) 25%, transparent); }
.np-pole.np-ma-tlacidlo > input { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.np-rozbal {
  flex: 0 0 48px; width: 48px; min-height: 48px; display: grid; place-items: center; cursor: pointer; user-select: none;
  color: var(--np-tlmeny); background: var(--np-plocha); border: 1px solid var(--np-okraj); border-left: 0;
  border-radius: 0 var(--np-radius) var(--np-radius) 0; font-size: 18px; line-height: 1;
}
.np-rozbal:hover, .np-rozbal:focus-visible { color: var(--np-primar); outline: none; }
.np-predvolba {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 48px; min-width: 104px; padding: 0 12px;
  cursor: pointer; user-select: none; font: inherit; font-size: 16px; color: var(--np-text); background: var(--np-plocha);
  border: 1px solid var(--np-okraj); border-right: 0; border-radius: var(--np-radius) 0 0 var(--np-radius);
}
.np-predvolba + input { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.np-vlajka { flex: 0 0 auto; width: 24px; height: 18px; border-radius: 3px; object-fit: cover; box-shadow: 0 0 0 1px var(--np-okraj); }
.np-zoznam {
  position: absolute; z-index: 50; top: calc(100% + 6px); left: 0; right: 0; max-height: min(340px, 55vh); overflow-y: auto;
  margin: 0; padding: 6px; list-style: none; background: var(--np-pozadie); border: 1px solid var(--np-okraj); border-radius: var(--np-radius);
  box-shadow: 0 12px 32px rgba(11, 18, 32, .18); scrollbar-width: none; animation: np-in .12s ease-out;
}
.np-zoznam::-webkit-scrollbar { display: none; }
.np-zoznam[hidden] { display: none; }
@keyframes np-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .np-zoznam { animation: none; } .np-pole > input, .np-vstup { transition: none; } }
.np-polozka {
  display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 10px; border-radius: 10px; cursor: pointer;
  color: var(--np-text); user-select: text;
}
.np-polozka[aria-selected="true"], .np-polozka:hover { background: var(--np-vyber); }
.np-polozka .np-hlavny { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.np-polozka .np-vedlajsi { display: block; font-size: 14px; color: var(--np-tlmeny); }
.np-polozka .np-kod { flex: 0 0 auto; font-variant-numeric: tabular-nums; color: var(--np-tlmeny); }
.np-prazdne { padding: 10px; color: var(--np-tlmeny); }
.np-sprava { min-height: 0; margin-top: 6px; font-size: 14px; line-height: 1.35; color: var(--np-tlmeny); }
.np-sprava:empty { display: none; }
.np-sprava.np-chyba { color: var(--np-chyba); }
.np-sprava.np-ok { color: var(--np-ok); }
.np-sprava.np-pozor { color: var(--np-pozor); }
.np-sprava button { font: inherit; color: var(--np-primar); background: none; border: 0; padding: 0; text-decoration: underline; cursor: pointer; min-height: 0; }
.np-pole.np-zle > input, .np-vstup.np-zle { border-color: var(--np-chyba); }
.np-pole.np-dobre > input, .np-vstup.np-dobre { border-color: var(--np-ok); }