/* Square-like, clean portal skin (override layer) */
.sbcr3-portal, .sbcr3-owner {
  --card-bg: rgba(10,16,28,0.78);
  --card-border: rgba(255,255,255,0.10);
  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.68);
  --accent: #22c55e;
  --danger: #ef4444;
}

.sbcr3-portal .sbcr-card, .sbcr3-owner .sbcr-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.35);
}

.sbcr3-portal .sbcr-btn, .sbcr3-owner .sbcr-btn {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: var(--text);
}

.sbcr3-portal .sbcr-btn.primary { background: rgba(34,197,94,0.18); border-color: rgba(34,197,94,0.45); }
.sbcr3-portal .sbcr-btn.danger, .sbcr3-owner .sbcr-btn.danger { background: rgba(239,68,68,0.18); border-color: rgba(239,68,68,0.45); }

.sbcr3-portal .sbcr-muted, .sbcr3-owner .sbcr-muted { color: var(--muted); }

/* Make tables feel like lists */
.sbcr3-portal table, .sbcr3-owner table { border-collapse: separate; border-spacing: 0 10px; }
.sbcr3-portal table tr, .sbcr3-owner table tr { background: rgba(255,255,255,0.04); }
.sbcr3-portal table td, .sbcr3-owner table td { padding: 10px 12px; }

/* Pending slider/card */
.sbcr3-portal .pending-slider, .sbcr3-owner .pending-slider {
  border-radius: 14px;
  border: 1px solid var(--card-border);
  background: rgba(255,255,255,0.03);
  padding: 12px;
}