/* Nabu Casa platform status indicator — footer and dashboard stat-card variants */

/* Footer variant: compact inline link that sits next to the copyright text */
.cloud-status-footer {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  line-height: 0.9rem;
  font-weight: 500;
  padding-bottom: 1px;
  color: var(--wa-color-success-60);
  text-decoration: none;
}

.cloud-status-footer:hover,
.cloud-status-footer:focus-visible {
  opacity: 0.85;
}

.cloud-status-footer wa-icon {
  font-size: 0.9rem;
}

.cloud-status-footer[data-variant='warning'] {
  color: var(--wa-color-warning-60);
}

.cloud-status-footer[data-variant='danger'] {
  color: var(--wa-color-danger-60);
}

.cloud-status-footer[data-variant='brand'] {
  color: var(--wa-color-text-link);
}

.cloud-status-footer[data-variant='neutral'] {
  color: var(--wa-color-text-quiet);
}

/* Dashboard stat-card variant — sits in .dashboard-stat-grid alongside Subscription/Storage/Instance */
.cloud-status-card__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  text-decoration: none;
  color: var(--wa-color-text-quiet);
  width: fit-content;
}

.cloud-status-card__link:hover,
.cloud-status-card__link:focus-visible {
  color: var(--wa-color-text-normal);
}

.cloud-status-card__link wa-icon {
  font-size: 0.8rem;
}

/* Extra dot variants not covered by dashboard.css (dashboard.css ships only --success and --neutral) */
.dashboard-status-dot--warning {
  color: var(--wa-color-warning-60);
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 22%, transparent);
}

.dashboard-status-dot--danger {
  color: var(--wa-color-danger-60);
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 22%, transparent);
}

.dashboard-status-dot--brand {
  color: var(--wa-color-brand-fill-loud);
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 22%, transparent);
}