/* Demo: banda de sus și alegerea contului la intrare */
.demo-bar{position:sticky;top:0;z-index:900;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px;background:linear-gradient(90deg,#0e1014,#2a1013);color:#fff;font-size:13.5px;line-height:1.3}
.demo-bar b{color:#fff}
.demo-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:demopulse 1.8s infinite;flex:none}
@keyframes demopulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.demo-txt{color:rgba(255,255,255,.8)}
.demo-sws{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}
.demo-lbl{color:rgba(255,255,255,.6)}
.demo-sw{margin:0}
.demo-sw button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12.5px;padding:5px 10px;border-radius:999px;font-weight:700}
.demo-sw button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35);color:#fff}
.demo-buy{background:#e4141c;color:#fff!important;font-weight:800;padding:6px 12px;border-radius:999px;text-decoration:none!important;white-space:nowrap}
.demo-buy:hover{background:#b30f16}
.demo-bar .demo-sws + .demo-buy{margin-left:0}
.demo-bar:not(:has(.demo-sws)) .demo-buy{margin-left:auto}
.demo-pick{display:grid;gap:10px;margin:6px 0 4px}
.demo-pick-t{margin:0 0 4px;font-weight:600}
.demo-pick form{margin:0}
.demo-opt{width:100%;display:flex;align-items:center;gap:14px;text-align:left;justify-content:flex-start;padding:14px 16px;background:#fff;color:var(--ink,#0e1014);border:1px solid var(--line,#e7e9ee);border-radius:14px;font-weight:600;white-space:normal;line-height:1.35;transition:border-color .15s,box-shadow .15s,transform .15s}
.demo-opt:hover{background:#fff;color:var(--ink,#0e1014);border-color:var(--red,#e4141c);box-shadow:0 14px 30px -20px rgba(228,20,28,.6);transform:translateY(-1px)}
.demo-opt-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--red-t,#fdecee);color:var(--red,#e4141c)}
.demo-opt-ic svg{width:22px;height:22px}
.demo-opt b{display:block;font-size:15.5px}
.demo-opt small{display:block;color:var(--ink-3,#7a8191);font-weight:500;font-size:13px;margin-top:2px}
.demo-opt-go{margin-left:auto;font-size:20px;color:var(--ink-3,#7a8191)}
.demo-opt:hover .demo-opt-go{color:var(--red,#e4141c)}
@media(max-width:640px){.demo-sws{margin-left:0}.demo-txt{flex-basis:100%}}
.demo-opt-ic svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.demo-pick-f{display:grid;gap:10px}
.demo-cap{margin:0 0 4px;padding:12px 14px;border:1px dashed var(--line,#e7e9ee);border-radius:14px;background:#fafbfc}
.demo-cap input{max-width:120px}