/* Golf Segurança — Design System */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --green:      #22c55e;
  --green-dim:  rgba(34,197,94,.12);
  --yellow:     #f59e0b;
  --yellow-dim: rgba(245,158,11,.12);
  --red:        #ef4444;
  --red-dim:    rgba(239,68,68,.12);
  --blue:       #60a5fa;
  --blue-dim:   rgba(96,165,250,.12);
  --font: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
}

body { font-family: var(--font); -webkit-font-smoothing: antialiased; }

.screen { display: none !important; }
.screen.active { display: flex !important; }

.badge {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 10px; border-radius: 20px;
  font-size: 11px; font-weight: 600; letter-spacing: .3px;
  white-space: nowrap;
}
.badge-green  { background: var(--green-dim);  color: var(--green); }
.badge-yellow { background: var(--yellow-dim); color: var(--yellow); }
.badge-red    { background: var(--red-dim);    color: var(--red); }
.badge-blue   { background: var(--blue-dim);   color: var(--blue); }
.badge-gray   { background: rgba(255,255,255,.06); color: #888; }

.dot {
  width: 8px; height: 8px; border-radius: 50%; display: inline-block;
}
.dot-green  { background: var(--green); }
.dot-yellow { background: var(--yellow); }
.dot-red    { background: var(--red); }
.dot-blue   { background: var(--blue); }
.dot-gray   { background: #555; }