/* Ensure JSON textarea respects dark mode (Unfold theme) */ .dark .gateway-config-json, html.dark .gateway-config-json, [data-theme="dark"] .gateway-config-json { background-color: #1e293b !important; color: #f1f5f9 !important; border-color: #475569 !important; } /* ── Batch SMS form fields ────────────────────────────────────────────── * Unfold ships a precompiled Tailwind build, so `dark:bg-*` utilities on * ad-hoc templates aren't guaranteed to exist (they silently no-op, leaving * native inputs white in dark mode). Style the fields explicitly for both * themes instead — Unfold toggles `.dark` on . `color-scheme` keeps the * native date/time picker glyphs and value text legible per theme. */ .sms-batch-field { background-color: #ffffff; color: rgb(17 24 39); border: 1px solid rgb(209 213 219); color-scheme: light; } .sms-batch-field:focus { outline: none; border-color: rgb(59 130 246); box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2); } .dark .sms-batch-field, html.dark .sms-batch-field, [data-theme="dark"] .sms-batch-field { background-color: #1e293b; color: #f1f5f9; border-color: #475569; color-scheme: dark; } .dark .sms-batch-field:focus, html.dark .sms-batch-field:focus, [data-theme="dark"] .sms-batch-field:focus { border-color: rgb(96 165 250); box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.25); }