:root { color-scheme: light; }
html.android-dark { color-scheme: dark; }
html.android-dark body {
  background: #0a1220 !important;
  color: #eef4ff !important;
}
html.android-dark .tt-page-shell {
  background: radial-gradient(circle at top left, rgba(92,131,255,0.14), transparent 34%), linear-gradient(180deg, #091221 0%, #0c1729 100%) !important;
}
html.android-dark .glass,
html.android-dark .card,
html.android-dark .bg-white,
html.android-dark .bg-white\/70,
html.android-dark .bg-white\/78,
html.android-dark .bg-white\/86,
html.android-dark .bg-white\/88,
html.android-dark .bg-white\/90,
html.android-dark .bg-white\/97 {
  background: rgba(13, 24, 40, 0.92) !important;
  border-color: rgba(110,137,182,.24) !important;
  box-shadow: 0 18px 34px rgba(2,6,23,.36) !important;
}
html.android-dark .bg-background-light,
html.android-dark .bg-slate-50,
html.android-dark .bg-slate-50\/90,
html.android-dark .bg-slate-100,
html.android-dark .bg-soft {
  background-color: #132238 !important;
}
html.android-dark .border-line,
html.android-dark .border-white\/70,
html.android-dark .border-slate-300,
html.android-dark .border-slate-200 {
  border-color: rgba(110,137,182,.24) !important;
}
html.android-dark .text-slate-400 { color: #8194b2 !important; }
html.android-dark .text-slate-500 { color: #97a9c4 !important; }
html.android-dark .text-slate-600 { color: #bfd0e7 !important; }
html.android-dark .text-slate-700 { color: #d8e5f8 !important; }
html.android-dark .text-slate-800 { color: #e3ecfb !important; }
html.android-dark .text-slate-900 { color: #f5f8ff !important; }
html.android-dark input,
html.android-dark textarea,
html.android-dark select,
html.android-dark pre {
  background-color: #132238 !important;
  border-color: rgba(110,137,182,.24) !important;
  color: #f5f8ff !important;
}
html.android-dark input::placeholder,
html.android-dark textarea::placeholder { color: #8fa4c3 !important; }
html.android-dark .text-gradient {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  color: #d7e4ff !important;
  text-shadow: 0 0 20px rgba(92,131,255,.18);
}
html.android-dark .diag-chip {
  border-color: rgba(110,137,182,.24) !important;
  background: rgba(255,255,255,.05) !important;
  color: #bfd0e7 !important;
}
html.android-dark .diag-chip--ok { background: rgba(16,185,129,.16) !important; color:#8ef0c5 !important; }
html.android-dark .diag-chip--warn { background: rgba(245,158,11,.16) !important; color:#ffd68b !important; }
html.android-dark .diag-chip--bad { background: rgba(239,68,68,.16) !important; color:#ffb0b0 !important; }
html.android-dark #transcript [data-text] {
  background: rgba(13, 24, 40, 0.92) !important;
  border-color: rgba(110,137,182,.24) !important;
}
html.android-dark #transcript [data-text] .bg-slate-50\/90 {
  background: rgba(255,255,255,.09) !important;
}
html.android-dark #transcriptEmpty,
html.android-dark #transcriptHistoryControls,
html.android-dark #actionsEmpty,
html.android-dark #actionsHistoryControls,
html.android-dark #noteSheet,
html.android-dark #noteSheetBody,
html.android-dark #noteEditorWrap,
html.android-dark #notePreviewRow,
html.android-dark #statusHint,
html.android-dark #meetingContextCard,
html.android-dark #logSignalsCard,
html.android-dark details {
  background: rgba(19,34,56,.92) !important;
  border-color: rgba(110,137,182,.24) !important;
}
html.android-dark #transcript [data-text] .text-slate-500,
html.android-dark #transcript [data-text] .text-slate-600 { color: #aebfd8 !important; }
html.android-dark #transcript [data-text] .text-slate-900 { color: #f5f8ff !important; }
html.android-dark #actionsPane .bg-slate-50,
html.android-dark #recorderPane .bg-slate-50,
html.android-dark #recorderPane .bg-soft { background: rgba(255,255,255,.06) !important; }
html.android-dark #meetingHeaderQuickActions button,
html.android-dark #meetingHeaderActions button,
html.android-dark #backBtn,
html.android-dark #logoutBtn,
html.android-dark #adminBtn,
html.android-dark #openSettingsBtn,
html.android-dark #deviceCheckBtn,
html.android-dark #endMeetingBtn,
html.android-dark #endMeetingBtnDesktop {
  border-color: rgba(110,137,182,.24) !important;
}
html.android-dark #meetingHeaderQuickActions button,
html.android-dark #meetingHeaderActions button,
html.android-dark #backBtn,
html.android-dark #logoutBtn,
html.android-dark #adminBtn,
html.android-dark #deviceCheckBtn,
html.android-dark #endMeetingBtn,
html.android-dark #endMeetingBtnDesktop,
html.android-dark #loadOlderTranscriptBtn,
html.android-dark #loadOlderActionsBtn {
  background: rgba(16,30,50,.96) !important;
  color: #e8f0ff !important;
}
html.android-dark .bg-primary {
  background-color: #5c83ff !important;
}
html.android-dark .text-primary { color: #8eb0ff !important; }
html.android-dark #meetingHeader,
html.android-dark #recorderPane,
html.android-dark #transcriptPane,
html.android-dark #actionsPane {
  background: rgba(10, 22, 39, 0.96) !important;
}
html.android-dark #meetingHeader h1,
html.android-dark #recorderPane h2,
html.android-dark #transcriptPane h2,
html.android-dark #actionsPane h2 {
  color: #f5f8ff !important;
}
