/* A VPS-kiadás belépő-rétege (a kereső felülete fölött). Pico-változókkal: világos és sötét módban is. */
#belepes { position: fixed; inset: 0; z-index: 50; background: var(--pico-background-color); overflow: auto;
           display: flex; align-items: flex-start; justify-content: center; padding: 8vh 16px 2rem; }
#belepes .doboz { width: 100%; max-width: 420px; }
#belepes h2 { font-size: 1.25rem; margin: 0 0 .2rem; }
#belepes .al { color: var(--pico-muted-color); font-size: .88rem; margin: 0 0 1.2rem; }
#belepes button { margin-bottom: .6rem; }
#belepes .vagy { text-align: center; color: var(--pico-muted-color); font-size: .8rem; margin: .8rem 0; }
#belepes .uzenet { min-height: 1.4em; font-size: .88rem; margin: .4rem 0; }
#belepes .uzenet.hiba { color: #d9534f; }
#belepes .qr { display: block; width: 220px; height: 220px; margin: .6rem auto; background: #fff; border-radius: 8px; padding: 6px;
               image-rendering: pixelated; }
#belepes .titok { font-family: ui-monospace, Menlo, monospace; font-size: .85rem; text-align: center; word-spacing: .3em;
                  user-select: all; color: var(--pico-muted-color); }
#belepes .kod { font-family: ui-monospace, Menlo, monospace; font-size: 1.3rem; letter-spacing: .25em; text-align: center; }
#belepes .kodok { font-family: ui-monospace, Menlo, monospace; columns: 2; font-size: .95rem; margin: .6rem 0; }
#belepes a.link { font-size: .85rem; cursor: pointer; display: inline-block; margin-top: .4rem; }
#fiok { display: flex; gap: .8rem; flex-wrap: wrap; align-items: center; justify-content: flex-end; font-size: .78rem;
        color: var(--pico-muted-color); margin: 0 0 .4rem; }
#fiok a { cursor: pointer; }
#fiok .pont { width: .55rem; height: .55rem; border-radius: 50%; background: #2e9e5b; display: inline-block; }
#fiok .pont.ki { background: #d9534f; }