/* Native Resident Vault mount: the MUBU World shell remains authoritative. */
.resident-vault .view-inner,
.mubu-resident-vault-native-app,
.mubu-resident-vault-native-app .utility-live-shell,
#resident-vault-root { width: 100%; min-width: 0; }

/* This room is a native dark utility space, not a second cream landing page. */
.resident-vault { background: #07131b; }
.resident-vault .view-inner { padding: 0 0 52px; }
.mubu-resident-vault-native-app .utility-live-intro {
  position: relative;
  justify-content: flex-start;
  padding: 16px 28px 13px;
}
.mubu-resident-vault-native-app .utility-live-badge { display: none; }
.mubu-resident-vault-native-app .utility-live-intro::after {
  position: static;
  margin-left: clamp(28px, 19vw, 220px);
  content: 'Mainnet Infrastructure Live · Rewards Preparing';
}

/* The V3 tab UI stays inside the room instead of replacing the host shell. */
#resident-vault-root .app-shell { min-height: auto; overflow: visible; }
#resident-vault-root .app-shell::after,
#resident-vault-root .village-sky { position: absolute; }
#resident-vault-root .topbar { display: none; }
#resident-vault-root .sidebar { position: absolute; top: 76px; bottom: auto; min-height: 720px; }

/* Rendered by the native React session into the existing MUBU header. */
#resident-vault-wallet-control { position: relative; flex: 0 0 auto; }
.mubu-host-wallet-control { position: relative; }
.mubu-host-wallet-button {
  border: 2px solid rgba(255,255,255,.55); background: rgba(205,233,155,.12); color: #fff;
  border-radius: 99px; padding: 10px 13px; font: 900 11px inherit; white-space: nowrap;
}
.mubu-host-wallet-button.connected { border-color: #cde99b; color: #edf8d5; }
.mubu-host-wallet-menu {
  position: absolute; z-index: 200; right: 0; top: calc(100% + 9px); width: 272px;
  display: grid; gap: 8px; padding: 13px; border: 1px solid rgba(255,255,255,.22);
  border-radius: 14px; background: #0b2025; color: #eef4df; box-shadow: 0 18px 42px rgba(0,0,0,.35);
}
.mubu-host-wallet-menu strong { overflow-wrap: anywhere; font-size: 11px; }
.mubu-host-wallet-menu small { color: #b9d2c7; font-size: 10px; }
.mubu-host-wallet-menu button, .mubu-host-wallet-menu a {
  border: 1px solid rgba(255,255,255,.18); border-radius: 9px; background: rgba(255,255,255,.05);
  color: inherit; padding: 9px 10px; text-align: left; text-decoration: none; font: 700 10px inherit;
}
.mubu-host-wallet-menu button:hover, .mubu-host-wallet-menu a:hover { background: rgba(205,233,155,.13); }

@media (max-width: 900px) {
  /* Keep the compact utility navigation in normal flow so it cannot cover the page heading. */
  #resident-vault-root .sidebar { position: sticky; top: 74px; bottom: auto; min-height: auto; }
}

@media (max-width: 600px) {
  .resident-vault .view-inner { padding-bottom: 34px; }
  .mubu-resident-vault-native-app .utility-live-intro { display: grid; padding: 12px 14px 10px; }
  .mubu-resident-vault-native-app .utility-live-intro::after { margin-left: 0; }
  #resident-vault-root .topbar { display: none; }
  #resident-vault-wallet-control { order: 3; }
  .mubu-host-wallet-button { padding: 8px 10px; font-size: 9px; }
  .mubu-host-wallet-menu { right: -8px; width: min(272px, calc(100vw - 20px)); }
}