/* === Jitsi welcome — BRANCO, centralizado === */
.welcome, body.welcome-page, .header { background:#F6F7F9 !important; background-color:#F6F7F9 !important; }
.header-image { display:none !important; }
.header-text-title, .header-text-subtitle { display:none !important; }
.welcome-footer { display:none !important; }

/* Centraliza TODO o conteudo no meio da tela (resolve sobreposicao + vazio embaixo) */
.header {
  min-height:100vh !important; display:flex !important;
  align-items:center !important; justify-content:center !important;
}
.header-container {
  display:flex !important; flex-direction:column !important; align-items:center !important;
  justify-content:center !important; gap:80px !important; margin:0 auto !important;
  padding:40px 16px !important; position:relative !important;
  width:100% !important; max-width:760px !important;
}

/* LOGO (.leftwatermark) — fica em cima, com respiro do campo via gap */
.header-watermark-container { position:static !important; order:-1 !important; margin:0 auto !important; }
.leftwatermark, .watermark.leftwatermark {
  position:static !important; left:auto !important; top:auto !important; margin:0 auto !important;
  width:260px !important; height:72px !important; max-width:260px !important; max-height:72px !important;
  background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important;
}

.welcome-page-settings { position:absolute !important; top:16px !important; right:16px !important; }

/* Campo + botao, centralizado e largo */
#enter_room { width:100% !important; max-width:620px !important; display:flex !important; justify-content:center !important; margin:0 auto !important; }
.join-meeting-container { display:flex !important; flex-direction:row !important; align-items:stretch !important; width:100% !important; }
.enter-room-input-container { flex:1 !important; border:2px solid #16284F !important; border-right:none !important; border-radius:10px 0 0 10px !important; overflow:hidden !important; }
.enter-room-input, #enter_room_field { border:none !important; background:#fff !important; color:#1A1A1A !important; width:100% !important; }
#enter_room_button, .welcome-page-button {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  background:#0b66c2 !important; color:#fff !important; border:none !important;
  border-radius:0 10px 10px 0 !important; padding:0 28px !important; white-space:nowrap !important;
}
.welcome, .welcome span, .welcome p { color:#1A1A1A !important; }