/* Pivní Parta – unifies the older server-rendered pages (wizard, invites, users,
   catalogue, IBAN, loans, stats) with the design tokens from pp.css.
   Loaded after the legacy inline <style>; only restyles, never hides features. */
body.pp-legacy{background:var(--pp-bg);color:var(--pp-text);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  /* the legacy inline palette (dark-only) mapped onto the shared tokens */
  --bg:var(--pp-bg);--card:var(--pp-surface);--txt:var(--pp-text);--mut:var(--pp-text-2);--beer:var(--pp-amber-text);--bad:var(--pp-err);--ok:var(--pp-ok)}
/* signed-in pages get the app bar and bottom navigation of the new screens */
body.pp-legacy.pp-chrome .wrap{padding-top:14px;padding-bottom:96px}
.pp-legacy-hints{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.pp-legacy-hints a,.pp-legacy-hints span{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border-radius:999px;background:var(--pp-amber-soft);color:var(--pp-warn);font-weight:700;text-decoration:none}
.pp-legacy-hints a span{min-height:0;padding:0;background:none}
body.pp-legacy .pp-nav a{color:var(--pp-bar-ink-2);text-decoration:none}
body.pp-legacy .pp-nav a[aria-current=page]{color:var(--pp-bar-ink)}
body.pp-legacy .pp-head a.pp-btn{color:var(--pp-bar-ink)}
body.pp-legacy a{color:var(--pp-amber-text)}
/* buttons from pp.css keep their own ink (the rule above would paint amber text on amber) */
body.pp-legacy a.pp-btn{color:var(--pp-text)}
body.pp-legacy a.pp-btn-primary{color:var(--pp-amber-ink)}
body.pp-legacy :focus-visible{outline:3px solid var(--pp-focus);outline-offset:2px}
body.pp-legacy .wrap{max-width:1100px;padding:0 16px 32px}
body.pp-legacy .top{padding:12px 16px;margin:0 -16px 16px;background:var(--pp-bar);color:var(--pp-bar-ink);border-bottom:0}
body.pp-legacy .top .brand,body.pp-legacy .top .brand a{font-size:20px;font-weight:800;letter-spacing:0;color:var(--pp-bar-ink)}
body.pp-legacy .top nav a,body.pp-legacy .top a{color:var(--pp-bar-ink);font-weight:700}
body.pp-legacy .top nav a{min-height:var(--pp-tap);display:inline-flex;align-items:center;padding:0 10px;border-radius:12px}
body.pp-legacy .top nav a:hover{background:rgba(255,255,255,.35);text-decoration:none}
/* top bar: brand left, links in one scrollable row (the " · " separators are hidden) */
body.pp-legacy .top{display:flex;align-items:center;gap:4px 12px;flex-wrap:wrap}
body.pp-legacy .top>div{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:2px;font-size:0;max-width:100%}
body.pp-legacy .top>div a{font-size:15px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;padding:0 10px;border-radius:12px}
body.pp-legacy .top>div a:hover{background:rgba(255,255,255,.35);text-decoration:none}
body.pp-legacy .invtest .hero,body.pp-legacy .invtest .step,body.pp-legacy .rolecard,body.pp-legacy .methodcard{background:var(--pp-surface-2)!important;border:1px solid var(--pp-line)!important;color:var(--pp-text)!important;box-shadow:none!important}
body.pp-legacy .rolecard:has(input:checked),body.pp-legacy .methodcard:has(input:checked){border-color:var(--pp-amber)!important;background:var(--pp-amber-soft)!important}
body.pp-legacy .rolecard span,body.pp-legacy .methodcard span{color:var(--pp-text-2)!important}
body.pp-legacy nav.pp-admin-second-row-fix{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:var(--pp-radius);padding:4px 6px;margin:12px auto 0;width:calc(100% - 32px);max-width:1068px}
body.pp-legacy nav.pp-admin-second-row-fix a,body.pp-legacy .top a{min-height:var(--pp-tap);display:inline-flex;align-items:center;padding:0 12px;border-radius:12px}
body.pp-legacy nav.pp-admin-second-row-fix a{color:var(--pp-text)}
body.pp-legacy .card{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:var(--pp-radius);box-shadow:none;padding:16px;margin:0 0 var(--pp-gap);color:var(--pp-text)}
body.pp-legacy .card h1{font-size:22px}body.pp-legacy .card h2{font-size:18px}body.pp-legacy .card h3{font-size:16px}
body.pp-legacy h1{font-size:22px;line-height:1.2}body.pp-legacy h2{font-size:18px;line-height:1.2}
body.pp-legacy .mut,body.pp-legacy .hint{color:var(--pp-text-2);opacity:1}
body.pp-legacy .btn,body.pp-legacy .btn2,body.pp-legacy .btnok,body.pp-legacy .btnbad,body.pp-legacy .linkbtn,body.pp-legacy .smallbtn,body.pp-legacy .smallbtn2{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--pp-tap);padding:10px 16px;border-radius:12px;
  border:1px solid var(--pp-line-strong);background:var(--pp-surface);color:var(--pp-text);font:inherit;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;box-shadow:none;width:auto}
body.pp-legacy .btn,body.pp-legacy .smallbtn{background:var(--pp-amber);color:var(--pp-amber-ink);border-color:var(--pp-amber)}
body.pp-legacy .btn.btn2,body.pp-legacy .btn2,body.pp-legacy .smallbtn2,body.pp-legacy .linkbtn{background:var(--pp-surface);color:var(--pp-text);border-color:var(--pp-line-strong)}
body.pp-legacy .btnbad,body.pp-legacy .btn.btnbad{background:transparent;color:var(--pp-err);border-color:var(--pp-err)}
body.pp-legacy .btnok,body.pp-legacy .btn.btnok{background:transparent;color:var(--pp-ok);border-color:var(--pp-ok)}
body.pp-legacy form .btn[type=submit]:only-of-type{width:100%}
body.pp-legacy input,body.pp-legacy select,body.pp-legacy textarea{min-height:var(--pp-tap);border-radius:12px;border:1px solid var(--pp-line-strong);background:var(--pp-field);color:var(--pp-text);padding:10px 12px;font:inherit;font-size:16px}
body.pp-legacy input[type=checkbox],body.pp-legacy input[type=radio]{width:22px;min-height:22px;height:22px;accent-color:var(--pp-amber)}
body.pp-legacy label{font-weight:700}
body.pp-legacy label:not(.rolecard):not(.methodcard):has(> input[type=checkbox]),body.pp-legacy label:not(.rolecard):not(.methodcard):has(> input[type=radio]){display:flex;align-items:center;gap:10px;min-height:var(--pp-tap)}
body.pp-legacy .card{max-width:100%;overflow-x:auto}
body.pp-legacy table td,body.pp-legacy table th{border-bottom:1px solid var(--pp-line);padding:8px}
body.pp-legacy .pill,body.pp-legacy .badge{background:var(--pp-surface-2);color:var(--pp-text-2);border:1px solid var(--pp-line);border-radius:999px}
body.pp-legacy .notice{background:var(--pp-amber-soft);border:1px solid var(--pp-amber);color:var(--pp-warn);border-radius:12px}
body.pp-legacy .warn{color:var(--pp-err)}body.pp-legacy .ok{color:var(--pp-ok)}
body.pp-legacy .big{font-variant-numeric:tabular-nums}
body.pp-legacy button{min-height:var(--pp-tap)}
body.pp-legacy details>summary{min-height:var(--pp-tap);display:flex;align-items:center;cursor:pointer}
body.pp-legacy .footver{color:var(--pp-text-2);font-size:13px;margin-top:24px}
/* Page-specific styles of the older pages were written for a dark background only
   (white / #ddd texts, navy and #242424 boxes); they follow the shared tokens here. */
body.pp-legacy :is(span,label,b,strong,h1,h2,h3,h4,p,td,th,li,summary,small,em){color:inherit}
body.pp-legacy :is(.podium,.loan-step,.manualbox,.fromlast,.articleitem,details,tr,.previewbox){background:var(--pp-surface-2)!important;color:var(--pp-text)!important;border-color:var(--pp-line)!important;box-shadow:none!important}
body.pp-legacy :is(.typecard,.quickvol,.petvol,.unitquick,.itemvol,.shotvol,.winevol,.editbtn){background:var(--pp-surface)!important;color:var(--pp-text)!important;border:1px solid var(--pp-line-strong)!important;box-shadow:none!important}
body.pp-legacy :is(.typecard,.quickvol,.petvol,.unitquick,.itemvol,.shotvol,.winevol).active,body.pp-legacy .articleitem.active{background:var(--pp-amber-soft)!important;border-color:var(--pp-amber)!important;color:var(--pp-text)!important}
body.pp-legacy :is(.typecard,.quickvol,.petvol,.unitquick,.itemvol,.shotvol,.winevol,.articleitem) *{color:inherit}
body.pp-legacy :is(.smallhint,.emptybox){color:var(--pp-text-2)!important}
body.pp-legacy .loan-punchline{color:var(--pp-warn)!important;background:var(--pp-amber-soft)!important}
body.pp-legacy .statebadge{color:var(--pp-text-2)!important;background:var(--pp-surface-2)!important}
body.pp-legacy .statebadge.active{color:var(--pp-ok)!important}
body.pp-legacy .editdialog{background:var(--pp-surface)!important;color:var(--pp-text)!important;border:1px solid var(--pp-line)!important}
body.pp-legacy .manualbox a,body.pp-legacy a:is([href^='#']){background:var(--pp-surface-2)!important;color:var(--pp-text)!important}
body.pp-legacy .avatar-empty{background:var(--pp-amber)!important;color:var(--pp-amber-ink)!important}
body.pp-legacy summary{color:var(--pp-text)!important}
@media(max-width:700px){
  body.pp-legacy .wrap{padding:0 12px 24px}
  body.pp-legacy .top{margin:0 -12px 16px}
  body.pp-legacy h1{font-size:20px}body.pp-legacy h2{font-size:18px}
  body.pp-legacy .actions .smallbtn,body.pp-legacy .actions .btn,body.pp-legacy .actions button{width:100%}
}