#settings-panel-ai.active {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#settings-panel-ai > .se-ai-callout-card,
#settings-panel-ai > .se-codex-auth-card {
  margin: 0;
}

.se-provider-card {
  position: relative;
  gap: 16px;
}

.se-codex-auth-card.se-provider-card {
  gap: 16px;
}

.se-provider-card .se-field,
.se-provider-card .se-hint-text,
.se-provider-card .se-account-row,
.se-provider-card .se-codex-auth-row,
.se-provider-card .se-provider-help {
  margin: 0;
}

.se-provider-card .se-field label {
  margin-bottom: 8px;
}

.se-provider-card .se-hint-text {
  line-height: 1.5;
}

.se-provider-card .se-account-row,
.se-provider-card .se-codex-auth-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.se-provider-card .se-account-row {
  justify-content: flex-start;
}

.se-provider-card .se-account-row > .se-codex-auth-actions,
.se-provider-card .se-account-row > .se-disconnect-btn,
.se-provider-card .se-codex-auth-row > .se-codex-auth-actions {
  margin-left: auto;
}

#se-oc-connected .se-account-row {
  justify-content: flex-end;
}

.se-provider-card .se-ai-sub-panel,
.se-provider-card .se-codex-settings-fields,
.se-provider-card .se-codex-auth-body {
  gap: 16px;
}

.se-provider-card-loading {
  display: none;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 8px 0;
}

.se-provider-card--loading .se-provider-card-loading {
  display: flex;
}

.se-provider-card--loading .se-provider-card-loading .loading-spinner {
  margin: 0;
}

.se-provider-card--loading .se-status-badge {
  visibility: hidden;
}

.se-provider-card--loading > :not(.se-ai-card-header):not(.se-codex-auth-header):not(.se-provider-card-loading) {
  display: none !important;
}