#demo-note {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 24px;
    padding: 10px 20px;
    background: #ffffff;
    border-top: 1px solid #d5dbe5;
    font: 14px/1.5 Inter, "Segoe UI", Arial, sans-serif;
    color: #1e293b;
}

#demo-note a { color: #2563eb; text-decoration: none; }
#demo-note a:hover { text-decoration: underline; }
#demo-note .demo-note-text { flex: 1 1 320px; }
#demo-note.demo-note-loud { background: #eff6ff; }

body { padding-bottom: 56px; }

@media (max-width: 767px) {
    #demo-note { padding: 8px 12px; font-size: 13px; }
    body { padding-bottom: 92px; }
    body.hide-sidebar #menu, #menu.demo-menu-open { display: block; }
}