/* Today, no later. – doplnkové štýly pre /ucet, /admin, /install (nadväzujú na site.css, rovnaké premenné) */
.account h1{font-size:clamp(1.8rem,5vw,2.6rem)}
.account h2,.panel h2{font-size:1.25rem;margin-top:0}
.form{display:block}
.form.card{margin:1.2em 0 1.5em}
.field{margin:0 0 1.1em}
.field label{display:block;font-weight:600;margin-bottom:.35em}
.field input,.field select,.filters input,.filters select{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.65em .8em;min-height:46px}
.field input:focus,.field select:focus,.filters input:focus,.filters select:focus{border-color:var(--gold);outline:3px solid var(--gold-soft);outline-offset:0}
.hint{font-size:.9rem;color:var(--muted);margin:.35em 0 0}
.check{display:grid;grid-template-columns:auto 1fr;gap:.6em;align-items:start;margin:0 0 1.1em}
.check input{width:1.25em;height:1.25em;margin:.2em 0 0;accent-color:var(--accent)}
.check label{font-size:.97rem}
.btn{display:inline-block;font:inherit;font-weight:600;border:0;border-radius:12px;padding:.75em 1.2em;background:var(--accent);color:var(--accent-ink);cursor:pointer;text-decoration:none;line-height:1.3}
.btn:hover{filter:brightness(1.08)}
.btn.secondary{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn.secondary:hover{box-shadow:inset 0 0 0 1px var(--gold)}
.btn.danger{background:var(--danger);color:#fff}
.btn.small-btn{padding:.4em .8em;font-size:.9rem}
.danger-link{color:var(--danger);font-weight:600}
.alert{border-radius:10px;padding:12px 16px;margin:0 0 1.2em;font-weight:600}
.alert.ok{background:var(--accent-soft);border:1px solid var(--accent)}
.alert.err{background:var(--danger-soft);border:1px solid var(--danger);color:var(--ink)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 6px;margin:0 0 16px}
@media (min-width:760px){.panel{padding:24px 28px 10px}}
.panel.actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-bottom:20px}
.panel.actions p,.panel.actions form{margin:0}
.danger-zone{border-color:var(--danger)}
.pill{display:inline-block;white-space:nowrap;font-size:.82rem;font-weight:600;letter-spacing:.02em;padding:.2em .7em;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);vertical-align:middle}
.pill.paid{background:var(--accent-soft);border-color:var(--accent)}
.pill.trial{background:var(--gold-soft);border-color:var(--gold)}
.pill.expired{background:var(--danger-soft);border-color:var(--danger)}
.muted{color:var(--muted)}
.narrow-box{max-width:520px;margin:0 auto}
.inline{display:flex;align-items:center;gap:10px;margin:0}
.setup-key code{display:inline-block;font-size:1.3rem;padding:.4em .8em;border:2px dashed var(--gold);border-radius:10px;background:var(--surface);letter-spacing:.06em;word-break:break-all}
.checklist{list-style:none;padding:0;margin:0 0 1.2em}
.checklist li{padding:.2em 0}
.checklist .ok{color:var(--ink)}
.checklist .bad{color:var(--danger);font-weight:600}

/* admin */
.admin .page{padding-top:20px}
.admin h1{font-size:clamp(1.6rem,4vw,2.2rem)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 14px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column}
.stat .v{font-family:var(--serif);font-weight:600;font-size:2rem;line-height:1.1}
.stat .l{color:var(--muted);font-size:.92rem}
.stat.paid{border-left:4px solid var(--accent)}
.stat.trial{border-left:4px solid var(--gold)}
.stat.expired{border-left:4px solid var(--danger)}
.cols{display:grid;gap:16px}
@media (min-width:900px){.cols{grid-template-columns:1fr 1fr}}
.tbl-wrap{overflow-x:auto;margin:0 0 1em;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl th,.tbl td{text-align:left;padding:.55em .8em;border-bottom:1px solid var(--line);vertical-align:top}
.tbl thead th{background:var(--surface-2);font-weight:600;white-space:nowrap}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
section > .tbl{background:var(--surface);border:1px solid var(--line)}
.filters{display:grid;gap:10px;margin:0 0 16px}
@media (min-width:700px){.filters{grid-template-columns:1fr 220px auto}}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.95rem}
.admin .kv dd{font-weight:400;overflow-wrap:anywhere}
code{font-size:.9em}