/* Demo-only additions on top of the Costa Cuts admin styles. */
[hidden] { display: none !important; }
.notice-pill { background: var(--blue-tint); color: var(--blue-deep); }
.demo-login-note { background: var(--blue-tint); color: var(--blue-deep); border-radius: var(--radius-sm); padding: 10px 12px; margin: 16px 0 10px; text-align: left; }
.login-logo { border-radius: 16px; }
.demo-pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .95rem; }
.demo-empty { padding: 18px; margin: 0; }
.demo-bar-track { height: 8px; border-radius: 999px; background: var(--line); overflow: hidden; margin-top: 12px; }
.demo-bar-fill { display: block; height: 100%; background: var(--blue); transition: width .15s; }
.demo-w0 { width: 0; } .demo-w20 { width: 20%; } .demo-w40 { width: 40%; } .demo-w60 { width: 60%; } .demo-w80 { width: 80%; } .demo-w100 { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; }
.abrand img { width: 52px; }