/*
 * app/static/css/main.css
 * -------------------------
 * Custom styles for ParcelFSI.
 * Built on top of Bootstrap 5.3 – only overrides and additions here.
 */

/* ── Root / brand colours ── */
:root {
  --pf-primary:   #0d6efd;
  --pf-dark:      #1a1a2e;
  --pf-sidebar:   #16213e;
  --pf-card-bg:   #ffffff;
  --pf-text:      #212529;
}

/* ── Body ── */
body {
  background-color: #f4f6fb;
  color: var(--pf-text);
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ── Navbar brand ── */
.navbar-brand {
  letter-spacing: .05em;
  font-size: 1.25rem;
}

/* ── Card tweaks ── */
.card {
  border-radius: .75rem;
}
.card-header {
  border-radius: .75rem .75rem 0 0 !important;
  border-bottom: 1px solid #e9ecef;
  padding: .85rem 1.25rem;
}

/* ── Stat card number ── */
.display-6 { font-weight: 700; }

/* ── Table ── */
.table > thead { font-size: .82rem; text-transform: uppercase; letter-spacing: .04em; }
.table td, .table th { vertical-align: middle; }

/* ── Tracking timeline ── */
.timeline-item {
  position: relative;
}
.timeline-item::before {
  content: '';
  position: absolute;
  left: -6px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--pf-primary);
}

/* ── Badge sizing ── */
.badge { font-size: .78em; font-weight: 600; }

/* ── Footer ── */
footer {
  font-size: .85rem;
  letter-spacing: .04em;
}

/* ── Statement content (rendered HTML from admin) ── */
.statement-content h1,
.statement-content h2,
.statement-content h3 { color: var(--pf-primary); }
.statement-content table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
.statement-content table th,
.statement-content table td {
  border: 1px solid #dee2e6;
  padding: .5rem .75rem;
  text-align: left;
}
.statement-content table thead { background: #f8f9fa; }

/* ── Responsive tweaks ── */
@media (max-width: 576px) {
  .display-6 { font-size: 1.5rem; }
}