/* Custom site-wide styles for DRCT app */
:root {
  --brand-accent: #0b6efd;
  --table-border: #e5e7eb;
  --row-zebra: #fafafa;
  --muted: #6b7280;
}

body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; padding: 1rem; }

@media (min-width: 992px) { /* lg and up */
  body { padding: 0; }
}

/* Links */
a { color: var(--brand-accent); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Navbar subtle border to match clean header */
.navbar { border-bottom: 1px solid var(--table-border); }

/* Page header with toolbar */
.page-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom: .75rem; }
.page-title { font-size: 1.25rem; font-weight: 600; margin: 0; }
.toolbar { display:flex; gap:.5rem; align-items:center; flex-wrap: wrap; }

/* Pills similar to Total/Warnings/Issues */
.pill {
  display: inline-block;
  padding: .25rem .5rem;
  border-radius: 999px;
  font-size: .8rem;
  border: 1px solid var(--table-border);
  background: #fff;
}

.pill.primary {
  color: #0d6efd;
  border-color: #bfdbfe;
  background: #eff6ff;
}

.pill.warning {
  color: #b45309;
  border-color: #fde68a;
  background: #fffbeb;
}

.pill.danger {
  color: #991b1b;
  border-color: #fecaca;
  background: #fef2f2;
}

/* New pill styles */
.pill.success {
  color: #166534;
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.pill.info {
  color: #0891b2;
  border-color: #a7f3d0;
  background: #ecfeff;
}

.pill.secondary {
  color: #374151;
  border-color: #d1d5db;
  background: #f9fafb;
}

.pill.purple {
  color: #7c3aed;
  border-color: #c4b5fd;
  background: #f5f3ff;
}

.pill.pink {
  color: #be185d;
  border-color: #f9a8d4;
  background: #fdf2f8;
}

.pill.indigo {
  color: #4338ca;
  border-color: #a5b4fc;
  background: #eef2ff;
}

.pill.teal {
  color: #0d9488;
  border-color: #99f6e4;
  background: #f0fdfa;
}

.pill.amber {
  color: #d97706;
  border-color: #fed7aa;
  background: #fffbeb;
}

.pill.lime {
  color: #65a30d;
  border-color: #d9f99d;
  background: #f7fee7;
}

.pill.rose {
  color: #e11d48;
  border-color: #fda4af;
  background: #fff1f2;
}

.pill.emerald {
  color: #059669;
  border-color: #a7f3d0;
  background: #ecfdf5;
}

.pill.sky {
  color: #0284c7;
  border-color: #7dd3fc;
  background: #f0f9ff;
}

.pill.violet {
  color: #7c2d92;
  border-color: #ddd6fe;
  background: #f5f3ff;
}

.pill.v {
  color: #ea580c;
  border-color: #fed7aa;
  background: #fff7ed;
}
/* Tables: compact and zebra */
.table { border-collapse: collapse; width: 100%; background:#fff; }
.table th, .table td { border: 1px solid var(--table-border); padding: 6px 8px; vertical-align: middle; }
.table th { background: #f8f9fa; text-align: left; font-weight:600; }
.table-compact tr:nth-child(even) { background: var(--row-zebra); }

/* Muted small text */
.meta { color: var(--muted); font-size: 0.9em; }

/* Status dot like green checks */
.status-dot { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; vertical-align:middle; }
.status-ok { background:#16a34a; }
.status-warn { background:#f59e0b; }
.status-err { background:#dc2626; }

/* Code block */
pre.code-block { white-space: pre-wrap; max-height: 500px; overflow: auto; background:#f7f7f7; padding:8px; border:1px solid var(--table-border); }

/* Hide any theme toggle remnants */
.theme-toggle { display: none !important; }