/* BystaBabcia — wspólny system projektowy */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --pink:#C94B73;--pink-bg:#FFF0F5;--pink-light:#F7C5D4;
  --navy:#042C53;--amber:#EF9F27;--cream:#FDF8F2;
  --gray:#888780;--border:#E8E0D8;--white:#fff;
  --success:#2e9e6b;--success-bg:#f0fff8;--success-bdr:#A8DBBF;
  --danger:#C0392B;--danger-bg:#FFF0F0;--danger-bdr:#F5C0C0;
  --warn:#854d0e;--warn-bg:#fef9c3;
  --r:12px;
}

body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--navy)}

/* ── Pasek nawigacji ── */
.bb-nav{
  background:rgba(4,44,83,.97);
  backdrop-filter:blur(6px);
  padding:.42rem 1rem;
  display:flex;align-items:center;gap:.5rem;
  font-size:.77rem;font-weight:500;
  position:sticky;top:0;z-index:50;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.bb-nav a{color:rgba(255,255,255,.58);text-decoration:none;padding:.2rem .3rem;border-radius:5px;transition:color .15s,background .15s;white-space:nowrap}
.bb-nav a:hover{color:#fff;background:rgba(255,255,255,.1)}
.bb-nav .bb-cur{color:#fff;font-weight:600;background:rgba(255,255,255,.12)}
.bb-nav .bb-sep{color:rgba(255,255,255,.2);margin:0 .1rem;user-select:none}
.bb-nav .bb-home{display:flex;align-items:center;gap:.3rem}
.bb-nav .bb-spacer{flex:1}

/* ── Wspólne przyciski ── */
.bb-btn{
  padding:.38rem .75rem;border-radius:var(--r);
  font-family:inherit;font-size:.82rem;font-weight:500;
  cursor:pointer;border:1.5px solid var(--border);
  background:var(--white);color:var(--navy);
  transition:all .15s;white-space:nowrap;line-height:1.3;
}
.bb-btn:hover{border-color:var(--pink);color:var(--pink)}
.bb-btn:active{transform:scale(.97)}
.bb-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}
.bb-btn.on,.bb-btn.primary{background:var(--pink);color:#fff;border-color:var(--pink)}
.bb-btn.on:hover,.bb-btn.primary:hover{opacity:.88;color:#fff;border-color:var(--pink)}
.bb-btn.ghost{color:var(--gray)}
.bb-btn.success{background:var(--success-bg);color:var(--success);border-color:var(--success-bdr)}
.bb-btn.success:not(:disabled):hover{background:var(--success);color:#fff;border-color:var(--success)}
.bb-btn.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-bdr)}
.bb-btn.danger:not(:disabled):hover{background:var(--danger);color:#fff;border-color:var(--danger)}
.bb-btn.warn{background:var(--warn-bg);color:var(--warn);border-color:#a16207}
.bb-btn.warn:not(:disabled):hover{background:#fef08a}
.bb-btn.muted{background:var(--cream);color:var(--gray);border-color:var(--border)}
.bb-btn.muted:hover{color:var(--navy);border-color:#888}

/* ── Toast ── */
.bb-toast{
  position:fixed;bottom:1rem;left:50%;
  transform:translateX(-50%) translateY(60px);
  background:var(--navy);color:#fff;
  padding:.55rem 1.1rem;border-radius:var(--r);
  font-size:.82rem;box-shadow:0 4px 18px rgba(0,0,0,.2);
  opacity:0;transition:all .28s cubic-bezier(.34,1.56,.64,1);
  z-index:999;white-space:nowrap;pointer-events:none;
}
.bb-toast.show{transform:translateX(-50%) translateY(0);opacity:1}
@media(max-width:699px){
  .bb-toast{width:calc(100% - 2rem);text-align:center;white-space:normal;bottom:calc(1rem + env(safe-area-inset-bottom))}
}

/* ── Stopka ── */
.bb-footer{
  text-align:center;padding:1.2rem;
  font-size:.75rem;color:var(--gray);
  border-top:1px solid var(--border);
  margin-top:auto;
}
.bb-footer a{color:var(--gray);text-decoration:none}
.bb-footer a:hover{color:var(--pink)}