/* A demó saját, az éles appban nem létező elemei (minden más: style.css, az
   éles app változatlan másolata). Csak ennyi: a vékony DEMÓ sáv (T-07), benne
   a HU/EN nyelvváltó, és a magyarázó ablak (T-06). */
.demo-bar{
  position:sticky;top:0;z-index:40;
  display:flex;justify-content:center;align-items:center;gap:12px;
  height:22px;padding:0 10px;
  background:var(--accent);color:#1a1006;
  font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;
}
.demo-bar .lang-switch{position:absolute;right:8px;display:flex;gap:2px;}
.demo-bar .lang-switch a{color:#1a1006;opacity:.55;text-decoration:none;font-size:10.5px;letter-spacing:.04em;padding:0 4px;}
.demo-bar .lang-switch a.active{opacity:1;text-decoration:underline;}
#app{min-height:calc(100vh - 22px);}

.dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50;}
.dialog{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);max-width:500px;width:100%;padding:18px 20px;font-family:'Inter',sans-serif;}
.dialog .eyebrow{margin:0;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;}
.dialog h2{margin:4px 0 10px;font-family:'Rajdhani',sans-serif;font-size:21px;}
.dialog p{color:var(--text);font-size:14px;line-height:1.5;}
.dialog-actions{display:flex;justify-content:flex-end;}
.dialog-actions button{background:var(--accent);color:#1a1006;border:0;border-radius:7px;padding:9px 16px;font-family:'Inter',sans-serif;font-weight:700;cursor:pointer;}
.dialog-backdrop[hidden]{display:none;}