/* ============================================================
   Project Perfect – Admin & Page Polish
   Works with existing markup (no PHP changes)
   ============================================================ */

/* Put all main sections inside a centered container */
.pp-main .form-section > .pp-container,
.pp-main .users-section > .pp-container,
.pp-main .pp-section > .pp-container,
.pp-main .tab-content > .pp-container,
.pp-main .card > .pp-container {
  padding: 0; /* container exists already via base; keep clean */
}

/* Section titles inside cards */
.form-section h2, .users-section h2, .pp-section h2, .tab-content h2 {
  margin: 0 0 8px;
}

/* Counters / info bars */
.counter-bar{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;border:1px dashed #e5e7eb;border-radius:8px;background:#fbfdff;margin:8px 0 12px
}

/* Filter row */
.pp-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.pp-filters select{max-width:260px}

/* Login card ensure consistent padding even if page had inline styles */
.pp-login-card{padding:16px}