/* Portal-specific overrides on top of Pico CSS */

.error-msg {
  color: var(--pico-del-color);
  background: color-mix(in srgb, var(--pico-del-color) 10%, transparent);
  padding: 0.75rem 1rem;
  border-radius: var(--pico-border-radius);
  border: 1px solid color-mix(in srgb, var(--pico-del-color) 30%, transparent);
}

.test-ok  { color: var(--pico-ins-color); font-weight: 600; }
.test-fail { color: var(--pico-del-color); font-weight: 600; }

.badge-api,
.badge-cred {
  font-size: 0.75rem;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
}
.badge-api  { background: #dbeafe; color: #1e40af; }
.badge-cred { background: #dcfce7; color: #166534; }

.new-key-banner {
  border: 2px solid var(--pico-ins-color);
}

.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline; }

footer {
  margin-top: 3rem;
  padding: 1rem 0;
  color: var(--pico-muted-color);
  border-top: 1px solid var(--pico-muted-border-color);
}