/* Keep password masking glyphs in a font that contains the bullet character. */
input[type="password"] {
  font-family: Arial, Helvetica, sans-serif !important;
  -webkit-text-security: disc;
}

/* Club tiers are retired here; catalogue items remain priced and credit-gated. */
.octane-catalog-grid-club-level {
  display: none !important;
}

.octane-room-creator-air__thumbnail-club,
.octane-room-creator-air__vip-promo {
  display: none !important;
}

/* Clearer category cues where the upstream catalogue pages reuse icon_1. */
.octane-catalog-section-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: #526b3d;
  image-rendering: auto;
}
.octane-catalog-tab-icon { width: 16px; height: 16px; }
.octane-catalog-navigation-icon .octane-catalog-section-icon {
  width: 16px;
  height: 16px;
}
.octane-catalog-window .octane-catalog-tabs-shell .octane-card-tab-item {
  gap: 6px;
  transition: filter 120ms ease, background-color 120ms ease;
}
.octane-catalog-window .octane-catalog-tabs-shell .octane-card-tab-item:hover {
  filter: brightness(1.06);
}
.octane-catalog-window .octane-catalog-tabs-shell .octane-card-tab-item-active {
  filter: saturate(1.15);
}
.octane-catalog-window .octane-catalog-selection-required {
  width: 190px !important;
  min-width: 190px !important;
  font-size: 10px !important;
  letter-spacing: 0.1px;
}

/* Keep the collection banner on its own shop artwork; reception artwork belongs to the login/reception screens. */
.octane-catalog-standard-header.sewers-catalog-banner {
  flex-basis: 114px;
  height: 114px;
  border: 1px solid #658f86;
  border-radius: 8px;
  margin: 6px 8px;
  background: linear-gradient(115deg, #143b3e 0%, #246457 72%, #386f57 100%);
  box-shadow: inset 0 1px 0 #ffffff18, 0 2px 5px #00000020;
}
.sewers-catalog-banner .octane-catalog-standard-header-icon { display: none; }
.sewers-catalog-banner .octane-catalog-standard-header-copy {
  left: 20px;
  top: 16px;
  width: calc(100% - 180px);
  text-shadow: none;
}
.sewers-catalog-banner-label {
  color: #e8cf98;
  font: 700 10px/16px Arial, sans-serif;
  letter-spacing: 1.7px;
  margin-bottom: 4px;
}
.sewers-catalog-banner .octane-catalog-standard-header-title { color: #fff5e3; }
.sewers-catalog-banner .octane-catalog-standard-header-description {
  color: #d9ece3;
  margin-top: 5px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  max-height: 34px;
}
.octane-catalog-spaces-browser {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 6px;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.octane-catalog-spaces-navigation {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 2px 0;
}
.octane-catalog-spaces-navigation-item {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-height: 32px;
  padding: 4px 6px;
  border: 1px solid #a3a39b;
  border-radius: 3px;
  background: linear-gradient(180deg, #f7f7f2 0%, #e5e5dc 100%);
  color: #55564f;
  font: 700 10px/12px UbuntuRegular, Ubuntu, sans-serif;
  text-align: left;
  cursor: pointer;
}
.octane-catalog-spaces-navigation-item svg { flex: 0 0 14px; width: 14px; height: 14px; color: #4e7966; }
.octane-catalog-spaces-navigation-item:hover { border-color: #52819a; color: #16465a; }
.octane-catalog-spaces-navigation-item.is-active {
  border-color: #3d7e93;
  background: linear-gradient(180deg, #d9f2f4 0%, #b9e3e7 100%);
  color: #123e4d;
  box-shadow: inset 0 1px 0 #fff9;
}
.octane-catalog-spaces-offers { min-width: 0; min-height: 0; overflow: auto; }
.octane-catalog-spaces-offers .layout-grid { align-content: start; }
.octane-catalog-sidebar {
  background: #edf3ee;
  border-right: 1px solid #becfc5;
}
.octane-catalog-navigation-node { margin-bottom: 3px; }
.octane-catalog-grid-shell { border-radius: 6px; }
.octane-catalog-layout-container > .octane-catalog-default-layout {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
}
.octane-catalog-window .octane-catalog-default-layout > .octane-catalog-purchase-row {
  top: auto !important;
  bottom: 0 !important;
  z-index: 20 !important;
  display: flex !important;
  min-height: 30px !important;
  overflow: visible !important;
  background: var(--catalog-standard-bg, #ecece4);
}
.octane-catalog-window .octane-catalog-default-layout > .octane-catalog-purchase-row .octane-catalog-offer-actions {
  width: 100% !important;
  margin: 3px 5px 0 !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}
.octane-catalog-window .octane-catalog-default-layout > .octane-catalog-purchase-row .octane-catalog-standard-button {
  flex: 0 0 170px;
}
.sewers-dj-player-stage {
  position: relative;
  flex: 1 1 0;
  width: 100%;
  min-height: 180px;
  overflow: hidden;
  background: #000;
}
.sewers-dj-player-stage > div,
.sewers-dj-player-stage iframe,
.sewers-dj-player-stage video {
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 600px) {
  .sewers-catalog-banner .octane-catalog-standard-header-copy { width: calc(100% - 128px); left: 12px; }
  .sewers-catalog-banner-label { font-size: 9px; letter-spacing: 1px; }
  .octane-catalog-spaces-browser { grid-template-columns: 88px minmax(0, 1fr); gap: 4px; }
  .octane-catalog-spaces-navigation-item { gap: 4px; padding: 4px; font-size: 9px; }
}