/* Badges */
.badge        { font-size: .75rem; font-weight: 500; padding: .125rem .5rem; border-radius: .25rem; }
.badge-gray   { background: #e5e7eb; color: #4b5563; }
.badge-blue   { background: #dbeafe; color: #1d4ed8; }
.badge-green  { background: #dcfce7; color: #15803d; }
.badge-red    { background: #fee2e2; color: #b91c1c; }

/* Page chrome */
.app-header   { width: 100%; background: linear-gradient(to right, #1e293b, #1e3a8a); color: white; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1); }
.app-footer   { width: 100%; background: #1e293b; color: #94a3b8; font-size: .75rem; padding: .75rem 0; margin-top: 1rem; }

/* Typography */
.field-label  { font-weight: 600; color: #6b7280; }
.card-title   { font-size: 1.125rem; font-weight: 700; margin-bottom: .5rem; }

/* Links */
.nav-link           { color: #cbd5e1; font-size: .875rem; font-weight: 500; transition: color .15s; text-decoration: none; }
.nav-link:hover     { color: white; }
.api-link           { color: #1d4ed8; font-size: .875rem; font-weight: 500; }
.api-link:hover     { color: #1e3a8a; }
.footer-link        { color: #94a3b8; transition: color .15s; }
.footer-link:hover  { color: #e2e8f0; }