/* Sharkbot brand layer on top of Bootstrap 5's built-in light theme
   (html[data-bs-theme="light"], set on every page). Keep this file small -
   let Bootstrap do the heavy lifting for layout, forms, tables, and colors. */

:root {
  --bs-primary: #3b82f6;
  --bs-primary-rgb: 59, 130, 246;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #2563eb;
}

body { background: #f8f9fa; }

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

.card-header {
  font-weight: 600;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--bs-secondary-color);
}

.badge { font-weight: 600; }

.webhook-url {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  background: #f1f3f5;
  border: 1px solid var(--bs-border-color);
  border-radius: 6px;
  padding: 0.6rem 0.75rem;
  word-break: break-all;
  font-size: 0.85rem;
}

code.token { font-size: 0.75rem; }