/* Firemná licencia — správa ľudí (/firma, 28. 10. 2026). Tokeny z base.css. */
#firma { max-width: 760px; padding-top: 40px; padding-bottom: 64px }
#firma .qhead h1 { margin: 6px 0 10px; text-wrap: balance }
#firma .fprihl { max-width: 420px }
#firma .fsek { margin: 32px 0 0; display: flex; flex-direction: column; gap: 12px }
#firma .fsek h2 { font-size: 20px; margin: 0 }
#firma .fsek .fineprint { margin: 0 }

#firma .fvyber { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 16px }
#firma .fchip { min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line2);
  background: transparent; color: var(--ink2); font: inherit; font-size: 14px; cursor: pointer }
#firma .fchip.on { background: var(--signal); border-color: var(--signal); color: var(--signalink); font-weight: 600 }

#firma .fcisla { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 20px 0 0 }
#firma .fcislo { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 16px;
  display: flex; flex-direction: column; gap: 2px }
#firma .fcislo b { font-size: 30px; line-height: 1.1; font-variant-numeric: tabular-nums }
#firma .fcislo span { color: var(--mut); font-size: 14px }

#firma .flist { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 14px; overflow: hidden }
#firma .fclovek { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 14px;
  border-top: 1px solid var(--line); background: var(--panel) }
#firma .fclovek:first-child { border-top: 0 }
#firma .ftext { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 220px }
#firma .fmail { font-weight: 600; overflow-wrap: anywhere }
#firma .fstav { font-size: 13px; color: var(--mut) }
#firma .fclovek.odide .fstav { color: var(--warn-ink) }
#firma .fclovek.caka_na_platbu .fmail { color: var(--ink2) }
#firma .fakc { display: flex; gap: 8px; flex-wrap: wrap }
#firma .fakc .btn { margin: 0; min-height: 40px }
#firma .fakc .fzle { color: var(--bad-text) }

#firma .femaily { width: 100%; box-sizing: border-box; min-height: 110px; resize: vertical;
  border-radius: 12px; background: var(--bg2); color: var(--ink); border: 1px solid var(--line);
  padding: 12px 14px; font: 400 15px/1.6 var(--font-mono) }
#firma .femaily:focus { outline: none; border-color: var(--signal); box-shadow: 0 0 0 3px var(--tint-signal) }
#firma .fsek > .btn { align-self: flex-start; margin: 0 }

#firma .fplany { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px }
#firma .fplan { text-align: left; display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; cursor: pointer;
  border-radius: 14px; border: 1px solid var(--line2); background: var(--panel); color: var(--ink); font: inherit }
#firma .fplan span { font-size: 13px; color: var(--mut) }
#firma .fplan.on { border: 2px solid var(--signal); padding: 13px 15px; background: var(--tint-signal) }
#firma .fchyba:empty { display: none }
#firma .fchyba { color: var(--bad-text) }
#firma .fok { margin-top: 20px }
#firma .fqr { align-self: flex-start }
#firma .fspodok { margin-top: 40px }

@media (max-width: 600px) {
  #firma { padding-top: 24px }
  #firma .fcisla { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) }
  #firma .fcisla .fcislo:last-child { grid-column: 1 / -1 }
  #firma .fcislo b { font-size: 26px }
}

/* landing.css dáva <section> veľký odstup a čiaru; fineprint je strojopis. */
#firma section.fsek { padding: 0; border-top: 0 }
#firma .fsek .fineprint, #firma .fodhad, #firma .fok { font-family: var(--font-sans); font-size: 14px; line-height: 1.5 }
#firma .fprihl input.text { width: 100%; box-sizing: border-box; min-height: 48px; border-radius: 12px; padding: 10px 14px;
  background: var(--bg2); color: var(--ink); border: 1px solid var(--line2); font: 400 16px/1.4 var(--font-sans) }
#firma .fprihl input.text:focus { outline: none; border-color: var(--signal); box-shadow: 0 0 0 3px var(--tint-signal) }