/* ============================================================
   Elven Assessment — Brand Colors
   Primary: #5847C9 / #4533B5 (violet-indigo gradient)
   Accent:  #3b82f6 (blue)
   ============================================================ */

/* Light mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #5847C9;
  --md-primary-fg-color--light: #6E5BD4;
  --md-primary-fg-color--dark:  #4533B5;
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         #3b82f6;
  --md-accent-fg-color--transparent: rgba(59,130,246,.1);
}

/* Dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #6E5BD4;
  --md-primary-fg-color--light: #8b78e0;
  --md-primary-fg-color--dark:  #5847C9;
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         #3b82f6;
  --md-accent-fg-color--transparent: rgba(59,130,246,.1);
  --md-default-bg-color:        #0f1117;
  --md-default-fg-color:        #e2e8f0;
  --md-default-fg-color--light: #94a3b8;
  --md-default-fg-color--lighter: #64748b;
  --md-code-bg-color:           #1a1f2e;
}

/* Header com gradiente da marca */
.md-header {
  background: linear-gradient(90deg, #5847C9 0%, #4533B5 100%);
}

.md-tabs {
  background: linear-gradient(90deg, #4533B5 0%, #38299E 100%);
}

/* Logo no header */
.md-header__button.md-logo img {
  height: 32px;
  width: auto;
}

/* ============================================================
   Provider grid
   ============================================================ */
.provider-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}

.provider-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  padding: 1.2rem 1rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 10px;
  text-decoration: none !important;
  color: var(--md-default-fg-color) !important;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

.provider-card:hover {
  border-color: #5847C9;
  box-shadow: 0 4px 16px rgba(88,71,201,0.18);
  transform: translateY(-2px);
}

.provider-card img {
  height: 38px;
  width: auto;
  object-fit: contain;
}

.provider-card span {
  font-size: 0.82rem;
  font-weight: 600;
  text-align: center;
}

/* ============================================================
   Severity badges — mesmas cores do frontend
   ============================================================ */
.badge-critical {
  background: rgba(220,38,38,.2);
  color: #fca5a5;
  border: 1px solid rgba(220,38,38,.3);
  padding: 2px 8px; border-radius: 4px; font-size: .8rem; font-weight: 600;
}
.badge-high {
  background: rgba(234,88,12,.2);
  color: #fdba74;
  border: 1px solid rgba(234,88,12,.3);
  padding: 2px 8px; border-radius: 4px; font-size: .8rem; font-weight: 600;
}
.badge-medium {
  background: rgba(202,138,4,.2);
  color: #fde047;
  border: 1px solid rgba(202,138,4,.3);
  padding: 2px 8px; border-radius: 4px; font-size: .8rem; font-weight: 600;
}
.badge-low {
  background: rgba(22,163,74,.2);
  color: #86efac;
  border: 1px solid rgba(22,163,74,.3);
  padding: 2px 8px; border-radius: 4px; font-size: .8rem; font-weight: 600;
}
.badge-info {
  background: rgba(37,99,235,.2);
  color: #93c5fd;
  border: 1px solid rgba(37,99,235,.3);
  padding: 2px 8px; border-radius: 4px; font-size: .8rem; font-weight: 600;
}