/* Non-production API debug panel: pinned to the bottom of the viewport so testers always see it */
#api-debug-panel {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 99990; margin: 0;
    border: 0; border-top: 3px solid #ff9800; border-radius: 0;
    box-shadow: 0 -3px 12px rgba(0, 0, 0, .35); background: #fff;
}
#api-debug-panel .panel-heading { background: #263238; padding: 6px 15px; }
#api-debug-panel .panel-title, #api-debug-panel .panel-title small { color: #fff !important; }
#api-debug-panel .panel-title .fa-bug { color: #ffb74d; }
/* Header colour escalates: orange when OLD (unmigrated) calls exist, red when any call failed */
#api-debug-panel.has-old { border-top-color: #ff5722; }
#api-debug-panel.has-old .panel-heading { background: #bf360c; }
#api-debug-panel.has-errors { border-top-color: #d50000; }
#api-debug-panel.has-errors .panel-heading { background: #b71c1c; animation: api-debug-pulse 1.5s ease-in-out 3; }
#api-debug-panel #api-debug-body { max-height: 40vh; overflow-y: auto; }
#api-debug-panel .table { margin-bottom: 0; }
body.api-debug-on { padding-bottom: 46px; }
@keyframes api-debug-pulse { 50% { filter: brightness(1.5); } }