.demo-notice { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 24px; padding: 14px 24px; background: #233e30; color: #f3f2e7; font: 13px/1.5 "Segoe UI", Arial, sans-serif; }
.demo-notice a { color: inherit; text-decoration: underline; text-underline-offset: 4px; font-weight: 600; }
.demo-notice p { margin: 0; }
.demo-brand { font: 700 25px/1.3 "Segoe UI", Arial, sans-serif; color: #233e30; }
.demo-brand span { font-size: 12px; font-weight: 400; }
body > nav { flex-wrap: wrap; gap: 16px; }
.demo-chat-icon { width: 18px; height: 18px; }
.demo-status { margin: 0; background: #fef3c7; color: #713f12; font: 13px/1.5 "Segoe UI", Arial, sans-serif; }
.demo-status:not(:empty) { padding: 10px 24px; }