#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-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;
}

/* Scheduler rows must keep the action menu reachable in a narrow side panel. */
#panel-schedules .schedule-workspace-row {
  grid-template-columns: 70px minmax(0, 1.5fr) minmax(0, 1.2fr) minmax(0, .7fr) minmax(0, .9fr) 22px;
}
/* Narrow panel: how-often folds away (the expanded row says it in words) so the next run stays visible; the menu stays last. */
@media (max-width: 900px) {
  #panel-schedules .schedule-workspace-row {
    grid-template-columns: 70px minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, .9fr) 22px;
  }
  #panel-schedules .schedule-row-frequency { display: none; }
  #panel-schedules .schedule-row-when { display: flex; }
}
/* Phone: the agent shows as its avatar (full name on hover and in the expanded row) and the toolbar fits the screen. */
@media (max-width: 520px) {
  #panel-schedules .schedule-workspace-row {
    grid-template-columns: 62px minmax(0, 1fr) 24px minmax(0, .85fr) 22px;
    gap: 6px;
  }
  #panel-schedules .schedule-row-when span { white-space: normal; overflow-wrap: anywhere; }
  #panel-schedules .schedule-row-agent > span:last-child { display: none; }
  #panel-schedules .schedule-row-detail-agent { display: block; }
  #panel-schedules .schedules-workspace-toolbar { gap: 10px; }
  #panel-schedules .schedules-search-box { min-width: 0; }
  #panel-schedules .schedules-new-btn { min-width: 0; padding: 0 14px; white-space: nowrap; }
  #panel-schedules .schedule-workspace-filters label { min-width: 0; flex: 1; }
}
/* The expanded row is one sentence and the actions. */
#panel-schedules .schedule-row-detail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
}
#panel-schedules .schedule-row-detail-text { flex: 1 1 220px; min-width: 0; overflow-wrap: anywhere; }
#panel-schedules .schedule-row-detail-agent { display: none; flex: 1 1 100%; min-width: 0; overflow-wrap: anywhere; }
#panel-schedules .schedule-row-when span { overflow: hidden; text-overflow: ellipsis; }
#panel-schedules .schedule-later-heading { margin-top: 16px; }
#panel-schedules .schedule-row-when .schedule-row-zone { color: var(--text-dim); font-size: 11px; }

/* NLC Maintainer: hide controls it must not have (backend unchanged). Kept: talk, stop a reply, choose its model. */
body.maintainer-open #btn-slash,
body.maintainer-open #btn-attach,
body.maintainer-open #btn-compact,
body.maintainer-open #btn-restart,
body.maintainer-open #mention-menu,
body.maintainer-open #slash-command-menu,
body.maintainer-open #effort-pill,
body.maintainer-open #workspace-context-toggle,
body.maintainer-open #workspace-context-panel,
body.maintainer-open #right-rail,
body.maintainer-open [data-workspace-manage],
body.maintainer-open .session-menu-btn,
body.maintainer-open .contact-menu-btn { display: none !important; }
#member-editor-modal.me-maintainer #me-avatar-preview,
#member-editor-modal.me-maintainer .me-avatar-col,
#member-editor-modal.me-maintainer .me-left-col .me-field,
#member-editor-modal.me-maintainer #me-name,
#member-editor-modal.me-maintainer #me-role-type,
#member-editor-modal.me-maintainer .me-left-actions,
#member-editor-modal.me-maintainer #me-retire-btn,
#member-editor-modal.me-maintainer #me-delete-btn,
#member-editor-modal.me-maintainer [data-me-tab="prompt"],
#member-editor-modal.me-maintainer [data-me-tab="style"],
#member-editor-modal.me-maintainer [data-me-tab="voice"],
#member-editor-modal.me-maintainer [data-me-tab="channels"],
#member-editor-modal.me-maintainer #me-panel-prompt,
#member-editor-modal.me-maintainer #me-panel-style,
#member-editor-modal.me-maintainer #me-panel-voice,
#member-editor-modal.me-maintainer #me-panel-channels,
#member-editor-modal.me-maintainer #me-ai-runtime-row,
#member-editor-modal.me-maintainer #me-ai-connect-account,
#member-editor-modal.me-maintainer #me-ai-restore-original { display: none !important; }
#member-editor-modal.me-maintainer .me-left-col { display: none !important; }

/* Repair tab exists only in the Maintainer's Agent Settings. */
#member-editor-modal .me-tab-btn[data-me-tab="repair"] { display: none; }
#member-editor-modal.me-maintainer .me-tab-btn[data-me-tab="repair"] { display: inline-block; }

/* Repair tab text reads at the size of the AI tab beside it, and its caption has a gap from the switch. */
#member-editor-modal #me-panel-repair .se-hint { font-size: 13px; line-height: 1.5; }
#member-editor-modal #me-panel-repair .se-toggle-row .se-hint { margin: 0 0 0 10px; }