/* V0.29 · Conservar el tema violeta original y los asientos V0.28 */
.ol-v29-lobby{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;max-width:980px;margin:26px auto}
.ol-v29-create,.ol-v29-discover{background:linear-gradient(160deg,#291741,#160e27);border:1px solid #6a448f;border-radius:22px;padding:22px;min-width:0;box-shadow:0 16px 35px #0003}
.ol-v29-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f3e8ff;font-size:18px;font-weight:900;margin-bottom:18px}
.ol-v29-beta-pill{border:1px solid #a47ed8;background:#412166;color:#efdeff;border-radius:50px;padding:5px 9px;font-size:10px;font-weight:800}
.ol-v29-create-form{display:flex;flex-direction:column;gap:10px}
.ol-v29-create-form label{color:#d9c6f1;font-size:12px;font-weight:750}
.ol-v29-create-form input,.ol-v29-create-form select{background:#160c2b;border:1px solid #8758b1;border-radius:11px;color:#fff;padding:12px;font-size:15px;max-width:100%;min-width:0}
.ol-v29-create-form input:focus-visible,.ol-v29-create-form select:focus-visible{outline:2px solid #ce9cff;outline-offset:1px}
.ol-v29-create-btn,.ol-v29-room-card button{background:linear-gradient(130deg,#b644f2,#6520d0);color:white;border:1px solid #c177ff;border-radius:11px;padding:12px 15px;font-weight:850;cursor:pointer}
.ol-v29-create-btn:disabled,.ol-v29-room-card button:disabled{opacity:.5;cursor:not-allowed}
.ol-v29-note{font-size:12px;line-height:1.6;color:#cbb4e5;margin:12px 0 0}
.ol-v29-refresh{background:#302043;color:#e8d5ff;border:1px solid #8c65b4;border-radius:9px;padding:8px 10px;font-size:12px;cursor:pointer}
.ol-v29-room-list{display:flex;flex-direction:column;gap:11px;max-height:420px;overflow-y:auto}
.ol-v29-room-card{display:flex;gap:12px;align-items:center;background:#211436;border:1px solid #644389;border-radius:13px;padding:11px;min-width:0}
.ol-v29-room-icon{font-size:25px;background:#58318b;border-radius:13px;width:48px;height:48px;flex-shrink:0;display:grid;place-items:center}
.ol-v29-room-desc{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;color:#fff}
.ol-v29-room-desc strong{white-space:normal;overflow-wrap:anywhere;font-size:14px}
.ol-v29-room-desc small{color:#d0b4ed;font-size:11px;overflow-wrap:anywhere}
.ol-v29-room-card button{flex-shrink:0;padding:9px 11px;font-size:12px}
.ol-v29-empty{font-size:13px;color:#ceb7e8}
#olV29Lobby[hidden],#olV29Room[hidden],#olV29Requests[hidden],#olV29Request[hidden],#olV29Lower[hidden]{display:none!important}
#olV29Room{margin:22px auto;max-width:980px}
@media(max-width:750px){.ol-v29-lobby{grid-template-columns:1fr}.ol-v29-create,.ol-v29-discover{padding:15px}}

/* V0.29.1 · Host microphone moves (does not transfer room ownership) */
.ol-v29-move-btn{background:linear-gradient(135deg,#553085,#341c59);border:1px solid #b987e2;
  border-radius:9px;padding:7px 9px;color:#f5eaff;font-size:11px;font-weight:800;cursor:pointer;
  margin-top:9px;max-width:100%}
.ol-v29-move-btn:hover{background:#7844ad}
.ol-v29-move-btn:disabled{opacity:.45;cursor:not-allowed}

/* V0.29.2 · Whole vacant microphone tile is actionable, mobile and desktop. */
.ol-voice-live-seat.ol-v29-seat-tap{cursor:pointer;touch-action:manipulation;transition:border-color .16s,box-shadow .16s,background-color .16s}
.ol-voice-live-seat.ol-v29-seat-tap:hover{border-color:#cd9cf9;background:#38204f;box-shadow:0 0 0 2px #b373e335 inset}
.ol-voice-live-seat.ol-v29-seat-tap:focus-visible{outline:3px solid #f3c977;outline-offset:2px;border-color:#ebc57c}
.ol-v29-seat-tap .ol-voice-seat-status{color:#eccdff;font-weight:700}
@media(hover:none){.ol-voice-live-seat.ol-v29-seat-tap:active{background:#56307d}}

/* V0.29.6 — Panel de solicitudes junto al botón rojo "Cerrar sala". */
.ol-v296-host-actions{
  display:flex;align-items:flex-start;gap:10px;
  flex:1 1 470px;min-width:0;max-width:100%;
}
.ol-v296-host-actions #olV29Leave{
  flex:0 0 auto;max-width:100%;white-space:normal;
}
.ol-v296-host-actions #olV29Requests{
  flex:1 1 235px;min-width:220px;max-width:430px;
  margin:0;padding:10px;
  border:1px solid #c995ee;border-radius:13px;
  background:#241139;
  box-shadow:0 0 0 2px rgba(164,95,216,.12);
}
.ol-v296-host-actions #olV29Requests[hidden]{display:none!important}
.ol-v296-host-actions .ol-v296-request-heading{
  margin:0 0 9px;font-size:13px;font-weight:850;
  line-height:1.35;color:#f5d8ff;
}
.ol-v296-host-actions .ol-voice-request-row{
  margin:0 0 8px;padding:7px;gap:6px;
  background:#301a4c;border:1px solid #6f4996;
}
.ol-v296-host-actions .ol-voice-request-row:last-child{margin-bottom:0}
.ol-v296-host-actions .ol-voice-request-row .ol-voice-profile-action.listener{
  flex:1 1 140px;max-width:none;min-width:100px;
}
.ol-v296-host-actions .ol-voice-request-row select{
  font-size:12px;min-width:70px;max-width:100%;padding:8px 5px;
}
.ol-v296-host-actions .ol-voice-request-row>button{
  background:#8436d8;font-size:12px;padding:8px 11px;
  border-color:#c78bf8;
}
.ol-v296-host-actions #olV29Requests:focus-within{border-color:#f1bf82}
@media(max-width:650px){
  .ol-v296-host-actions{flex:1 1 100%;width:100%;flex-wrap:wrap;gap:8px}
  .ol-v296-host-actions #olV29Leave{flex:0 1 auto;min-width:0}
  .ol-v296-host-actions #olV29Requests{flex:1 1 100%;min-width:0;max-width:none}
}
/* Keep microphone/audio controls aligned to the top of the approval panel. */
.ol-voice-live-actions{align-items:flex-start}

/* V0.29.8: microphone permissions and ephemeral per-room chat */
.ol-v298-room-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:14px 0;padding:12px 14px;background:#231335;border:1px solid #79509d;border-radius:13px}
.ol-v298-room-options label{color:#f4e6ff;font-weight:800;font-size:13px}
.ol-v298-room-options select{padding:8px 10px;border:1px solid #ae79d6;border-radius:10px;background:#32174d;color:#fff;
  font-weight:700;max-width:100%;font-size:13px}
.ol-v298-room-options small{color:#dbbee9;font-size:12px;flex:1 1 230px}
.ol-v298-room-options select[hidden]{display:none!important}
.ol-v298-room-chat{margin:15px 0 16px;padding:14px;border:1px solid #8053a7;
  border-radius:15px;background:linear-gradient(150deg,#211237,#160b25);min-width:0}
.ol-v298-room-chat h3{margin:0 0 13px;color:#f6eaff;font-size:17px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ol-v298-room-chat h3 small{font-size:11px;color:#cab5e0;font-weight:500}
.ol-v298-chat-messages{height:240px;min-height:140px;overflow-y:auto;overscroll-behavior:contain;
  border-radius:12px;border:1px solid #583c72;padding:9px;background:#130b20;display:flex;flex-direction:column;gap:7px}
.ol-v298-chat-line{padding:7px 9px;border-radius:10px;background:#27163d;border:1px solid #3e2855;min-width:0}
.ol-v298-chat-header{display:flex;align-items:center;gap:8px;color:#bba9d4;font-size:11px}
.ol-v298-chat-user{border:0;background:none;color:#e5baff;font-weight:800;cursor:pointer;padding:0;font-size:12px}
.ol-v298-chat-header time{color:#a997bd}
.ol-v298-chat-delete{margin-left:auto;background:transparent;border:1px solid #806093;color:#f0cfde;border-radius:8px;
  padding:0 7px;cursor:pointer;font-size:17px}
.ol-v298-chat-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;font-size:13px;color:#f7ecff;margin:3px 0 0}
.ol-v298-empty-chat{color:#c8acd9;font-size:13px;margin:auto;text-align:center}
.ol-v298-chat-form{display:flex;align-items:stretch;gap:7px;margin:10px 0 0}
.ol-v298-chat-form input{flex:1;min-width:0;padding:11px 12px;background:#1b102b;color:#fff;border:1px solid #9464b9;
  border-radius:11px;font-size:14px}
.ol-v298-chat-form button{background:#7b2bd2;color:#fff;border-radius:11px;padding:10px 14px;border:1px solid #b787ed;font-weight:800;cursor:pointer}
.ol-v298-reject-request{background:#442536!important;color:#ffdce4!important;border:1px solid #b67d91!important}
.ol-v298-chat-form button:disabled{opacity:.5;cursor:default}
.ol-v298-chat-status{margin:5px 0 0;min-height:16px;font-size:11px;color:#cfa7e5}
.ol-v298-chat-status[data-error="true"]{color:#ffaebf}
@media(max-width:600px){.ol-v298-room-options{align-items:stretch;flex-direction:column}.ol-v298-room-options small{flex:auto}
  .ol-v298-chat-messages{height:210px}}