.backend-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 24px;
  color: #154245;
  background: #dff5ef;
  border-bottom: 1px solid rgba(0, 122, 124, .22);
  font-size: .9rem;
}

.backend-status strong { font-weight: 700; }
.backend-status span { color: #49686a; }
.backend-status[data-state="loading"] { background: #fff2d9; }
.backend-status[data-state="error"] { color: #7b241e; background: #ffe5e1; }

html[data-database-mode="readonly"] .reset-demo,
html[data-database-mode="readonly"] [data-action="quick-session"] { display: none !important; }

html[data-database-mode="appointment-write"] .reset-demo,
html[data-database-mode="appointment-write"] [data-action="quick-session"] { display: none !important; }

html[data-database-mode="operations-write"] .reset-demo,
html[data-database-mode="operations-write"] [data-action="quick-session"] { display: none !important; }

html[data-database-mode="operations-write"] [data-action="postpone-followup"] { display: none !important; }

.backend-assignment-panel {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin: 16px 0;
  border-color: rgba(0, 122, 124, .28);
}

.backend-assignment-panel h3 { margin: 4px 0; }
.backend-assignment-panel p { margin: 0; color: #49686a; }
.backend-assignment-form { display: flex; align-items: end; gap: 12px; min-width: 360px; }
.backend-assignment-form label { flex: 1; }
.backend-assignment-form label > span { display: block; margin-bottom: 6px; font-weight: 700; }
.backend-assignment-form select { width: 100%; }

@media (max-width: 720px) {
  .backend-status { align-items: flex-start; flex-direction: column; padding: 9px 16px; gap: 2px; }
  .backend-assignment-panel,
  .backend-assignment-form { align-items: stretch; flex-direction: column; min-width: 0; }
}