/* Lobby CoveredLink26 : reprend la carte épaisse et les variables des apparences applicatives. */
#covered-link26-lobby[hidden],#covered-link26-lobby [hidden]{display:none!important}
.cl26-backdrop{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:18px;background:rgba(9,16,14,.72);backdrop-filter:blur(8px);overflow:auto;overscroll-behavior:contain;color:var(--ink);font-family:inherit}
.cl26-card{box-sizing:border-box;position:relative;width:min(100%,640px);max-height:94dvh;overflow:auto;overflow-wrap:anywhere;padding:clamp(22px,5vw,36px);border:3px solid var(--ui22-edge,#111);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:6px 6px 0 var(--ui22-shadow,#111)}
.cl26-card h2{margin:8px 44px 14px 0;color:var(--ink);font-size:clamp(1.6rem,5vw,2.15rem);line-height:1.12}
.cl26-kicker{margin:0 54px 4px 0;color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.5;letter-spacing:.12em}
.cl26-intro,.cl26-note{color:var(--muted);line-height:1.6}
.cl26-card .cl26-x{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border:2px solid var(--ui22-edge,#111);border-radius:50%;background:var(--paper);color:var(--ink);font-size:1.7rem}
.cl26-card label{display:block;margin:18px 0 9px;font-weight:750;color:var(--ink);line-height:1.5}
.cl26-card select,.cl26-card textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:48px;border:2px solid var(--ui22-edge,#111);border-radius:6px;background:var(--paper);padding:12px;color:var(--ink);font:inherit}
.cl26-card textarea{resize:vertical;overflow-wrap:anywhere;word-break:break-all;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.5}
.cl26-card button{min-height:48px;max-width:100%;padding:12px 14px;border:2px solid var(--ui22-edge,#111);border-radius:7px;background:var(--paper);color:var(--ink);box-shadow:4px 5px 0 var(--ui22-shadow,#111);font:inherit;font-weight:800;line-height:1.4;white-space:normal;cursor:pointer}
.cl26-card button:hover{filter:brightness(.97)}
.cl26-card button:active{transform:translateY(4px);box-shadow:1px 1px 0 var(--ui22-shadow,#111)}
.cl26-card button:disabled{opacity:.55;cursor:default}
.cl26-roles,.cl26-actions{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}
.cl26-roles button{flex:1;min-width:120px}
.cl26-card .cl26-primary{display:block;width:100%;margin:18px 0;background:var(--green);color:#fff;border-color:var(--ui22-edge,#111)}
.cl26-card details{margin-top:24px;padding:16px;border:2px solid var(--ui22-edge,#111);border-radius:8px;background:var(--paper)}
.cl26-card summary{font-weight:800;color:var(--ink);cursor:pointer;line-height:1.5}
.cl26-card details p{color:var(--muted);font-size:.9rem;line-height:1.6}
.cl26-qrbox{display:flex;flex-direction:column;align-items:center;min-height:20px;margin:20px auto;text-align:center}
.cl26-qrbox canvas{max-width:100%;width:min(100%,360px);height:auto;border:8px solid #fff;border-radius:4px;background:#fff;box-sizing:border-box}
#cl26-qr-count{max-width:100%;font-size:.85rem;color:var(--muted);line-height:1.5}
#cl26-scan{margin:18px 0;padding:12px;border:2px solid var(--ui22-edge,#111);border-radius:8px;background:var(--paper)}
#cl26-video{width:100%;max-height:44dvh;object-fit:cover;border-radius:6px;background:#111}
.cl26-peers{padding:14px;border:2px solid var(--ui22-edge,#111);border-radius:8px;background:var(--paper);color:var(--ink);font-weight:750;line-height:1.6}
#cl26-status{min-height:1.5em;color:var(--ink);font-weight:750;line-height:1.6}
#cl26-status[data-error="true"]{border-left:4px solid var(--gold);padding-left:12px}
.cl26-note{font-size:.82rem}
.cl26-card :focus-visible{outline:3px solid var(--gold);outline-offset:4px}
html[data-appearance="brutal"] .cl26-card .cl26-primary{background:#fff59b;color:#111}
@media(max-width:500px){.cl26-backdrop{padding:10px;align-items:start}.cl26-card{margin:6px 0;padding:22px 16px;max-height:calc(100dvh - 32px)}.cl26-roles,.cl26-actions{flex-direction:column}.cl26-roles button,.cl26-actions button{width:100%}}

/* Édition 27 : contraste de la commande QR, sans modifier les autres boutons. */
html[data-appearance="dark"] .cl26-card .cl26-primary{color:#fff}
html[data-appearance="glass"] .cl26-card .cl26-primary{color:#103b2f}
html[data-appearance="glass"] #cl26-qr-count{color:#f0fff8;background:#123e31}
