.demo-summary{display:flex;flex-shrink:0;align-items:center;gap:12px;height:42px;padding:0 14px;border:0;border-radius:12px;background:var(--eurion-surface-raised,#111);color:#e4edfc;font-size:13px;line-height:1.5;white-space:nowrap}
.demo-summary strong{padding:3px 9px;border:0;border-radius:999px;background:var(--eurion-blue,#008ee8);color:#fff;font-size:11px;letter-spacing:.08em}
.demo-summary>span{color:var(--client-neutral-muted, #8997aa)}
.demo-summary a{margin-left:12px;color:#fff;font-weight:700;text-decoration:none}
.demo-summary a:hover{text-decoration:underline}
.demo-indicator{display:none;flex-shrink:0}
.demo-badge{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 11px;border:0;border-radius:999px;background:var(--eurion-blue,#008ee8);color:#fff;font-size:10px;font-weight:700;line-height:16px;letter-spacing:.07em;cursor:pointer}
.demo-badge:hover,.demo-badge[aria-expanded=true]{background:var(--eurion-blue-hover,#24a6f5);color:#fff}
.demo-badge:focus-visible{outline:2px solid #88baff;outline-offset:3px}
.demo-badge i{font-size:10px}
.demo-details{width:260px;max-width:calc(100vw - 24px);padding:16px;font-size:13px;line-height:1.5}
.demo-details strong{display:block;color:#e4edfc;font-size:13px}
.demo-details p{margin:4px 0 12px;color:var(--client-neutral-muted, #9caec4);font-size:12px}
.demo-details a{color:#fff;font-weight:700;white-space:nowrap;text-decoration:none}
.demo-details a:hover{text-decoration:underline}
@media(min-width:1200px){
    .client-demo .client-topbar .demo-summary{position:absolute;left:50%;transform:translateX(-50%)}
    .client-demo .client-topbar__left{min-width:0;max-width:calc(50% - 280px)}
    .client-demo .client-topbar__context{min-width:0}
    .client-demo .client-topbar__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:1199.98px){.demo-summary{display:none}.demo-indicator{display:block}}
[data-demo-blocked] { opacity:.5; cursor:not-allowed; }