/* Admin extensions CSS - v1.0.0 */

.bp-tabel-scroll {
  overflow-x: auto;
  margin: 12px 0;
  -webkit-overflow-scrolling: touch;
}
.bp-tabel {
  width: 100%; border-collapse: collapse;
  font-size: 0.88rem;
}
.bp-tabel th, .bp-tabel td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid rgba(252,248,239,0.08);
  white-space: nowrap;
}
.bp-tabel th {
  background: rgba(255,255,255,0.04);
  font-weight: 600;
  color: #d4910a;
  letter-spacing: 0.04em;
}
.bp-badge {
  display: inline-block;
  padding: 2px 10px; border-radius: 100px;
  font-size: 0.72rem; font-weight: 600;
  text-transform: capitalize;
}
.bp-badge-completed { background: rgba(76,175,80,0.18); color: #81c784; }
.bp-badge-pending   { background: rgba(212,145,10,0.18); color: #d4910a; }
.bp-badge-failed    { background: rgba(244,67,54,0.18); color: #ef9a9a; }
.bp-badge-refunded  { background: rgba(255,255,255,0.10); color: #fcf8ef; }

.bp-placement-lijst {
  display: flex; flex-direction: column; gap: 8px;
  margin-top: 16px;
}
.bp-placement-rij {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(252,248,239,0.08);
  border-radius: 12px;
}
.bp-placement-rij .bp-mini {
  font-size: 0.72rem;
  color: rgba(252,248,239,0.5);
  margin-top: 2px;
}
.bp-toggle {
  position: relative; display: inline-block; width: 50px; height: 28px;
  flex-shrink: 0;
}
.bp-toggle input { opacity: 0; width: 0; height: 0; }
.bp-toggle-slider {
  position: absolute; cursor: pointer; inset: 0;
  background: rgba(255,255,255,0.20);
  border-radius: 100px;
  transition: 0.2s;
}
.bp-toggle-slider::before {
  position: absolute; content: '';
  height: 22px; width: 22px;
  left: 3px; top: 3px;
  background: #fcf8ef;
  border-radius: 50%;
  transition: 0.2s;
}
.bp-toggle input:checked + .bp-toggle-slider { background: #d4910a; }
.bp-toggle input:checked + .bp-toggle-slider::before { transform: translateX(22px); }

/* Admin navigation bar (auto-injected) */
.pp-admin-nav {
  display: flex; gap: 6px; flex-wrap: wrap;
  margin: 0 0 18px;
}
.pp-admin-nav-btn {
  padding: 8px 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(252,248,239,0.10);
  border-radius: 100px;
  color: #fcf8ef;
  font-size: 0.85rem;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.pp-admin-nav-btn:hover {
  background: rgba(212,145,10,0.10);
  border-color: rgba(212,145,10,0.30);
}
.pp-admin-nav-btn.on {
  background: rgba(212,145,10,0.20);
  border-color: #d4910a;
  color: #d4910a;
  font-weight: 600;
}