/* Capitanier app — zdieľaná identita s landing page */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--brass:#D2A75E;--bg:#15171C;--bg-soft:#1B1E24;--bg-card:#20242C;--line:#2E333D;
  --ink:#EDEAE2;--ink-soft:#A9ACB4;--ink-faint:#70747E;--accent:#D2A75E;--accent-ink:#16181D;
  --ok:#7FB07A;--err:#D26A5A;--radius:12px;--ease:cubic-bezier(.22,.61,.2,1)}
[data-theme="day"]{--bg:#F7F5F0;--bg-soft:#FFF;--bg-card:#FFF;--line:#E4E0D6;--ink:#1C1E23;
  --ink-soft:#54575F;--ink-faint:#8A8D95;--accent:#8A6630;--accent-ink:#FFF}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Archivo',sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;min-height:100vh}
h1,h2,h3{font-family:'Fraunces',serif;font-weight:500}
.mono{font-family:'IBM Plex Mono',monospace;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:9px;font-weight:600;
  font-size:.9rem;cursor:pointer;border:0;font-family:'Archivo',sans-serif;text-decoration:none;
  transition:transform .2s var(--ease),box-shadow .2s}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(210,167,94,.3)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-sm{padding:6px 13px;font-size:.8rem}
.btn:disabled{opacity:.5;cursor:not-allowed}
.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.field{margin-bottom:14px}
.field label{display:block;font-size:.78rem;font-weight:600;margin-bottom:5px;color:var(--ink-soft)}
.field input,.field select{width:100%;padding:11px 13px;border-radius:8px;border:1px solid var(--line);
  background:var(--bg);color:var(--ink);font:inherit;font-size:.92rem}
.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);
  padding:10px 12px;border-bottom:1px solid var(--line)}
td{padding:11px 12px;border-bottom:1px solid var(--line);color:var(--ink-soft)}
tr:hover td{background:color-mix(in srgb,var(--accent) 4%,transparent)}
.badge{font-family:'IBM Plex Mono',monospace;font-size:.68rem;padding:3px 9px;border-radius:99px;
  border:1px solid var(--line);color:var(--ink-soft)}
.badge.accent{border-color:var(--accent);color:var(--accent)}
.msg-err{color:var(--err);font-size:.85rem}.msg-ok{color:var(--ok);font-size:.85rem}
[x-cloak]{display:none!important}
.lang-wrap{position:relative;display:inline-flex;align-items:center}
.lang-select{appearance:none;-webkit-appearance:none;background:var(--bg-card);
  border:1px solid var(--line);color:var(--ink);font-family:'IBM Plex Mono',monospace;
  font-size:.72rem;letter-spacing:.08em;padding:6px 24px 6px 12px;border-radius:99px;
  cursor:pointer;transition:border-color .25s,color .25s}
.lang-select:hover,.lang-select:focus{border-color:var(--accent);color:var(--accent);outline:none}
.lang-caret{position:absolute;right:10px;pointer-events:none;font-size:.55rem;color:var(--ink-faint)}