/* ===== PresPoint Modern Theme — minimal cosmetic overlay ===== */
/* Kept intentionally light-touch so it never conflicts with the
   existing header.css / style.css / responsive.css layout rules
   (which already handle the navbar, sidebar and mobile breakpoints). */

:root {
  --pp-primary: #1a6b3a;
  --pp-primary-dark: #145830;
  --pp-primary-light: #e6f7ec;
  --pp-radius: 10px;
  --pp-shadow: 0 2px 12px rgba(0,0,0,.06);
}

/* Cards & panels */
.card, .billing-card {
  border: none;
  border-radius: var(--pp-radius);
  box-shadow: var(--pp-shadow);
}

/* Buttons */
.btn-primary, .btn-confirm, .btn-success, .btn-pay {
  background-color: var(--pp-primary);
  border-color: var(--pp-primary);
}
.btn-primary:hover, .btn-confirm:hover, .btn-success:hover, .btn-pay:hover {
  background-color: var(--pp-primary-dark);
  border-color: var(--pp-primary-dark);
}

/* Forms */
.form-control, select.form-control, textarea.form-control {
  border-radius: 8px;
}
.form-control:focus {
  border-color: var(--pp-primary);
  box-shadow: 0 0 0 3px var(--pp-primary-light);
}

/* Appointments list */
.appointment-row {
  padding: 12px;
  margin-bottom: 8px;
  border-radius: var(--pp-radius);
  background: #fff;
  box-shadow: var(--pp-shadow);
}

/* Tables */
.table thead th {
  background: var(--pp-primary-light);
  color: var(--pp-primary-dark);
}

/* Status text */
.appt-status { font-weight: 700; color: var(--pp-primary); }