/* Demo-listen överst. Bara för demon – används inte i kundernas portaler. */
.demobar{background:#0b0c0f;color:#e9ebef;font:13px/1.4 "Inter","Segoe UI",system-ui,sans-serif;position:relative;z-index:40}
.demobar-in{max-width:1240px;margin:0 auto;padding:8px 24px;display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap}
.demobar b.d{background:#ffcf33;color:#111;padding:2px 8px;border-radius:4px;font-size:11px;letter-spacing:.08em}
.demobar .grp{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.demobar .grp span{color:#8d93a0;margin-right:4px}
.demobar a{color:#e9ebef;text-decoration:none;padding:4px 10px;border-radius:999px;border:1px solid #2b2f38}
.demobar a:hover{background:#1c1f26}
.demobar a[aria-current="true"]{background:#e9ebef;color:#0b0c0f;border-color:#e9ebef;font-weight:700}
.demobar .feat{color:#a9afbb;flex-basis:100%;font-size:12.5px}
.demobar .feat i{font-style:normal;color:#fff;background:#1c1f26;border:1px solid #2b2f38;border-radius:4px;padding:1px 7px;margin:2px 3px 2px 0;display:inline-block}
.demobar button{margin-left:auto;background:none;border:1px solid #2b2f38;color:#a9afbb;border-radius:999px;padding:4px 10px;cursor:pointer;font:inherit}
.demobar button:hover{color:#fff}
.top{top:0}
@media (max-width:760px){.demobar-in{padding:8px 14px}.demobar .feat{display:none}.demobar button{margin-left:0}}