:root {
  --navy: #0a1628;
  --navy-mid: #112240;
}

body {
  background-color: #f4f6f8;
  color: #1a1a2e;
}

.bg-navy { background-color: var(--navy) !important; }

.navbar-brand { letter-spacing: 0.05em; }

/* Summary cards */
.stat-card {
  border-left: 4px solid #0d6efd;
  background: #fff;
  border-radius: 6px;
  padding: 1rem 1.25rem;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}
.stat-card.danger  { border-left-color: #dc3545; }
.stat-card.warning { border-left-color: #ffc107; }
.stat-card.success { border-left-color: #198754; }
.stat-card.info    { border-left-color: #0dcaf0; }

.stat-value { font-size: 2rem; font-weight: 700; line-height: 1; }
.stat-label { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; color: #6c757d; margin-top: 0.25rem; }

/* Tables */
.table th { background-color: #e9edf2; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; }
.table-hover tbody tr:hover { background-color: #eef2ff; }

/* Badges / status pills */
.badge-readiness { font-size: 0.72rem; }

/* Priority cells */
.priority-1 { color: #dc3545; font-weight: 700; }
.priority-2 { color: #fd7e14; font-weight: 600; }
.priority-3 { color: #ffc107; font-weight: 600; }

/* Stale row highlight */
tr.row-stale { background-color: #fff8e1 !important; }

/* Impact badge colors */
.impact-critical { background-color: #dc3545; color: #fff; }
.impact-high     { background-color: #fd7e14; color: #fff; }
.impact-medium   { background-color: #ffc107; color: #000; }
.impact-low      { background-color: #adb5bd; color: #000; }

/* Shovel ready highlight */
.shovel-can-execute { background-color: #d1fae5 !important; }
.shovel-paperwork   { background-color: #e0f2fe !important; }

/* Filter sidebar */
.filter-panel { background: #fff; border-radius: 6px; padding: 1rem; box-shadow: 0 1px 4px rgba(0,0,0,0.07); }
.filter-panel label { font-size: 0.8rem; font-weight: 600; }

/* HQ form */
.hq-input { font-size: 0.85rem; padding: 0.2rem 0.4rem; }

/* Section headings */
.section-header {
  border-left: 4px solid #0d6efd;
  padding-left: 0.75rem;
  margin-bottom: 1rem;
}

/* Responsive table scroll */
.table-scroll { overflow-x: auto; }

a { color: #0d6efd; }
a:hover { color: #0a58ca; }