/* Shared layout/theme contract for addon pages.  These screens are mounted at
   runtime, so keep them inside the same viewport and color system as the SPA. */
:root{--robo-surface:#fff;--robo-surface-soft:#f8fafc;--robo-text:#0f172a;--robo-muted:#64748b;--robo-border:rgba(148,163,184,.24)}
html.dark,body.dark,[data-theme="dark"]{--robo-surface:#111827;--robo-surface-soft:#1f2937;--robo-text:#f8fafc;--robo-muted:#cbd5e1;--robo-border:rgba(148,163,184,.35)}
body{overflow-x:hidden}
#root main,#root [role="main"]{min-width:0;max-width:100%;box-sizing:border-box;overflow-x:hidden}
#roboalert-ai-settings-live,#roboalert-webhook-automation-live,#roboalert-admin-ai-live,#robo-qr-single-send,#robo-qr-fresh,#robo-qr-logs,#robo-qr-import-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;color:var(--robo-text)!important}
#roboalert-ai-settings-live section,#roboalert-webhook-automation-live section,#roboalert-admin-ai-live section,#robo-qr-single-send section,#robo-qr-fresh section,#robo-qr-logs .ql-card{background:var(--robo-surface)!important;border-color:var(--robo-border)!important;color:var(--robo-text)!important}
#roboalert-ai-settings-live input,#roboalert-ai-settings-live textarea,#roboalert-ai-settings-live select,#roboalert-webhook-automation-live input,#roboalert-webhook-automation-live textarea,#roboalert-webhook-automation-live select,#roboalert-admin-ai-live input,#roboalert-admin-ai-live textarea,#roboalert-admin-ai-live select,#robo-qr-single-send input,#robo-qr-single-send textarea,#robo-qr-single-send select{max-width:100%;box-sizing:border-box;background:var(--robo-surface)!important;color:var(--robo-text)!important;border-color:var(--robo-border)!important}
#roboalert-ai-settings-live [style*="color: #64748b"],#roboalert-webhook-automation-live [style*="color: #64748b"],#roboalert-admin-ai-live [style*="color: #64748b"]{color:var(--robo-muted)!important}
.robo-qr-submenu{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;overflow:hidden!important}
.robo-qr-submenu a{display:block!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:900px){#roboalert-ai-settings-live,#roboalert-webhook-automation-live,#roboalert-admin-ai-live,#robo-qr-single-send,#robo-qr-fresh,#robo-qr-logs{padding-left:12px!important;padding-right:12px!important}.robo-qr-submenu{padding-left:18px!important}}