/**
 * OAO V2 — Monochrome unify layer
 * Black / white only. Theme-aware contrast. Presentation only.
 */

/* ── Global filled / ghost buttons with B↔W wipe ── */
.oao-btn,
.oao-btn--primary,
#connectButton,
#oaoAskBtn,
.toolbar-btn,
.nav-search-btn,
.nav-submit-btn,
.toggle-btn.active,
#pageEns .ens-container .btn,
#pageTimeSlot .time-primary-btn,
#pageDecentraland .dcl-action-btn,
.share-btn,
.oao-v2-menu-btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition:
    color var(--oao-transition-base),
    background-color var(--oao-transition-base),
    border-color var(--oao-transition-base),
    transform var(--oao-transition-fast),
    box-shadow var(--oao-transition-base);
}

.oao-btn--primary {
  background: var(--oao-fill) !important;
  border: 1px solid var(--oao-color-accent, #ff5e00) !important;
  color: var(--oao-on-fill) !important;
  box-shadow: inset 0 -2px 0 var(--oao-color-accent, #ff5e00);
}

.oao-btn--primary:hover {
  background: #121212 !important;
  border-color: var(--oao-color-accent, #ff5e00) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
  opacity: 1 !important;
}

[data-theme="dark"] .oao-btn--primary:hover {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: var(--oao-color-accent, #ff9a44) !important;
}

#connectButton,
#oaoAskBtn,
.oao-btn:not(.oao-btn--primary),
.toolbar-btn,
.nav-search-btn,
.nav-submit-btn,
#pageEns .ens-container .btn,
#pageTimeSlot .time-primary-btn,
.share-btn,
.oao-v2-menu-btn,
.oao-desktop-app:not(:disabled),
.oao-v2-shell-tile:not(:disabled):not(.is-disabled),
.oao-v2-card {
  background: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(18, 18, 18, 0.12) !important;
  color: #121212 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="dark"] #connectButton,
[data-theme="dark"] #oaoAskBtn,
[data-theme="dark"] .oao-btn:not(.oao-btn--primary),
[data-theme="dark"] .toolbar-btn,
[data-theme="dark"] .nav-search-btn,
[data-theme="dark"] .nav-submit-btn,
[data-theme="dark"] #pageEns .ens-container .btn,
[data-theme="dark"] #pageTimeSlot .time-primary-btn,
[data-theme="dark"] .share-btn,
[data-theme="dark"] .oao-v2-menu-btn,
[data-theme="dark"] .oao-desktop-app:not(:disabled),
[data-theme="dark"] .oao-v2-shell-tile:not(:disabled):not(.is-disabled),
[data-theme="dark"] .oao-v2-card {
  background: rgba(18, 18, 18, 0.62) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #f2f2f2 !important;
}

#connectButton:hover,
#oaoAskBtn:hover,
.oao-btn:not(.oao-btn--primary):hover,
.toolbar-btn:hover,
.nav-search-btn:hover,
.nav-submit-btn:hover,
#pageEns .ens-container .btn:hover,
#pageTimeSlot .time-primary-btn:hover,
.share-btn:hover,
.oao-v2-menu-btn:hover,
.oao-desktop-app:not(:disabled):hover,
.oao-v2-shell-tile:not(:disabled):not(.is-disabled):hover,
.oao-v2-card:hover {
  background: #121212 !important;
  border-color: var(--oao-color-accent, #ff5e00) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
  opacity: 1 !important;
}

[data-theme="dark"] #connectButton:hover,
[data-theme="dark"] #oaoAskBtn:hover,
[data-theme="dark"] .oao-btn:not(.oao-btn--primary):hover,
[data-theme="dark"] .toolbar-btn:hover,
[data-theme="dark"] .nav-search-btn:hover,
[data-theme="dark"] .nav-submit-btn:hover,
[data-theme="dark"] #pageEns .ens-container .btn:hover,
[data-theme="dark"] #pageTimeSlot .time-primary-btn:hover,
[data-theme="dark"] .share-btn:hover,
[data-theme="dark"] .oao-v2-menu-btn:hover,
[data-theme="dark"] .oao-desktop-app:not(:disabled):hover,
[data-theme="dark"] .oao-v2-shell-tile:not(:disabled):not(.is-disabled):hover,
[data-theme="dark"] .oao-v2-card:hover {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: var(--oao-color-accent, #ff9a44) !important;
}

@keyframes oao-bw-sheen {
  from { background-position: 100% 0; }
  to { background-position: 0 0; }
}

@keyframes oao-bw-fade-up {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes oao-bw-row-in {
  from { opacity: 0; transform: translateX(-6px); }
  to { opacity: 1; transform: translateX(0); }
}

/* Status pills — contrast, not hue */
.oao-v2-card-status.is-live,
.oao-status--live {
  color: #ffffff !important;
  background: var(--oao-color-accent, #ff5e00) !important;
  border-color: var(--oao-color-accent, #ff5e00) !important;
}

.oao-v2-card-status.is-soon,
.oao-status--soon {
  color: var(--oao-status-soon-fg) !important;
  background: transparent !important;
  border: 1px solid var(--oao-color-border) !important;
}

.oao-v2-card-status.is-prototype,
.oao-status--prototype {
  color: var(--oao-status-prototype-fg) !important;
  background: var(--oao-status-prototype-bg) !important;
  border: 1px dashed var(--oao-color-border) !important;
}

.oao-v2-kicker,
.oao-v2-panel-kicker,
.oao-v2-module-kicker,
.oao-v2-shell-kicker,
#walletModal .oao-v2-login-kicker,
.kb-upload-header::before {
  color: var(--oao-color-accent, #ff5e00) !important;
}

/* Side panel titles: follow site type, no special treatment */
.oao-v2-panel-kicker,
#oaoAiPanelKicker,
#oaoAgentsPanelKicker {
  display: block;
  font-family: var(--oao-font-family) !important;
  font-size: var(--oao-text-xs) !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  margin-bottom: 2px;
}

#aiHomeSidePanelTitle,
#oaoToolbarTitle {
  font-family: var(--oao-font-family) !important;
  font-size: var(--oao-text-base) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--oao-color-text) !important;
}

.ai-home-toggle-rail {
  background: var(--oao-color-accent, #ff5e00) !important;
}

/* AI welcome copy must wrap fully inside panel — title treatment */
#aiHomeWelcome,
.ai-home-welcome {
  overflow: visible !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

#aiHomeWelcome #aiHomeWelcomeTag,
.ai-home-welcome .main-subtitle,
#aiHomeWelcome #aiHomeWelcomeTag.main-subtitle {
  white-space: normal !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-family: var(--oao-font-family-display) !important;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.35 !important;
  color: var(--oao-color-text) !important;
  opacity: 1 !important;
}

/* ── Module heads: Network-style editorial typography ── */
.oao-v2-module-head {
  width: min(var(--oao-home-max, 1080px), calc(100% - 32px)) !important;
  margin: 28px auto 20px !important;
  padding: 28px 8px 20px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--oao-color-border-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  animation: oao-bw-fade-up 0.45s var(--oao-ease-out);
}

.oao-v2-module-kicker {
  font-family: var(--oao-font-family-display) !important;
  font-size: var(--oao-text-xs) !important;
  font-weight: 600 !important;
  letter-spacing: var(--oao-tracking-wider) !important;
}

.oao-v2-module-title {
  font-family: var(--oao-font-family-display) !important;
  font-size: var(--oao-text-2xl) !important;
  font-weight: 700 !important;
  letter-spacing: var(--oao-tracking-tight) !important;
  line-height: 1.2 !important;
}

.oao-v2-module-desc {
  font-family: var(--oao-font-family) !important;
  font-size: var(--oao-text-base) !important;
  line-height: var(--oao-leading-relaxed) !important;
  max-width: 40em;
  color: var(--oao-color-text-muted) !important;
}

/* Discovery / Identity / Space content align to Network column */
#pageNav .nav-container.nav-layout-v3,
#pageEns .ens-container,
#pageDecentraland .dcl-container {
  width: min(var(--oao-container-max, 1280px), calc(100% - 28px)) !important;
}

#pageEns .ens-container {
  width: min(1440px, calc(100% - 16px)) !important;
  max-width: none !important;
}

#pageNav .nav-topbar-title,
#oaoDiscoverWeb3 .nav-topbar-title {
  font-size: var(--oao-text-base) !important;
  font-weight: 700 !important;
  letter-spacing: var(--oao-tracking-tight) !important;
}

#pageNav .nav-search-input,
.nav-search-input {
  font-size: var(--oao-text-base) !important;
}

#pageNav .site-card-title {
  font-size: var(--oao-text-lg) !important;
}

#pageNav .site-card-desc,
#pageNav .site-table td {
  font-size: var(--oao-text-base) !important;
  line-height: 1.55 !important;
}

#pageEns .ens-title {
  font-size: var(--oao-text-2xl) !important;
  font-weight: 700 !important;
  letter-spacing: var(--oao-tracking-tight) !important;
}

#pageEns .ens-subtitle {
  font-size: var(--oao-text-base) !important;
  line-height: var(--oao-leading-relaxed) !important;
}

#pageEns .ens-input,
#pageEns .ens-result {
  font-size: var(--oao-text-base) !important;
}

#pageDecentraland .dcl-logo {
  font-size: 1.55rem !important;
}

#pageDecentraland .dcl-subtitle {
  font-size: var(--oao-text-lg) !important;
}

#pageDecentraland .dcl-action-btn .btn-main-text {
  font-size: var(--oao-text-lg) !important;
}

/* ═══════════════════════════════════════════
   Discovery / Web3 Nav — align with Network
   ═══════════════════════════════════════════ */
#pageNav.active {
  background: var(--oao-color-bg);
}

#pageNav .nav-container.nav-layout-v3:not(.nav-layout-discover) {
  width: min(var(--oao-home-max, 1080px), calc(100% - 32px)) !important;
  margin: 0 auto 120px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#pageNav .nav-sidebar {
  width: 168px;
  padding: 0 20px 0 0 !important;
  border-right: 1px solid var(--oao-color-border-soft) !important;
  gap: 0 !important;
}

#pageNav .nav-tab {
  appearance: none;
  width: 100%;
  justify-content: flex-start;
  gap: 10px;
  padding: 14px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--oao-color-border-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--oao-color-text-muted) !important;
  font-family: var(--oao-font-family-display);
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: color var(--oao-transition-fast), background var(--oao-transition-fast), padding-left var(--oao-transition-fast);
}

#pageNav .nav-tab:hover {
  color: var(--oao-color-text) !important;
  background: var(--oao-color-surface-soft) !important;
  padding-left: 12px !important;
  transform: none !important;
}

#pageNav .nav-tab.active {
  color: var(--oao-color-text) !important;
  background: var(--oao-color-accent-soft, rgba(255, 94, 0, 0.12)) !important;
  box-shadow: inset 3px 0 0 var(--oao-color-accent, #ff5e00);
}

#pageNav .nav-tab-icon {
  opacity: 0.7;
  filter: grayscale(1);
}

/* Web3 顶栏：横排节省空间；嵌入生产力壳后仍生效 */
#pageNav .nav-topbar,
#oaoDiscoverWeb3 .nav-topbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 12px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--oao-color-border-soft);
  margin-bottom: 0;
  flex-shrink: 0;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
}

#pageNav .nav-engine-tabs,
#oaoDiscoverWeb3 .nav-engine-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

#pageNav .nav-engine-tab,
#oaoDiscoverWeb3 .nav-engine-tab {
  appearance: none;
  border: 1px solid var(--oao-color-border);
  background: var(--oao-color-surface);
  color: var(--oao-color-text-muted);
  border-radius: 999px;
  min-height: 34px;
  padding: 0 14px;
  font-family: var(--oao-font-family-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

#pageNav .nav-engine-tab:hover,
#oaoDiscoverWeb3 .nav-engine-tab:hover {
  color: var(--oao-color-text);
  border-color: var(--oao-color-accent, #ff5e00);
}

#pageNav .nav-engine-tab.active,
#oaoDiscoverWeb3 .nav-engine-tab.active {
  color: var(--oao-color-text);
  background: var(--oao-color-accent-soft, rgba(255, 94, 0, 0.14));
  border-color: var(--oao-color-accent, #ff5e00);
}

#pageNav .nav-topbar-meta,
#oaoDiscoverWeb3 .nav-topbar-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 0 1 auto;
}

#pageNav .nav-topbar-title,
#oaoDiscoverWeb3 .nav-topbar-title {
  margin: 0;
  font-family: var(--oao-font-family-display);
  font-size: var(--oao-text-base) !important;
  font-weight: 700 !important;
  letter-spacing: var(--oao-tracking-tight);
  color: var(--oao-color-text);
  white-space: nowrap;
}

#pageNav .nav-site-count,
#oaoDiscoverWeb3 .nav-site-count {
  color: var(--oao-color-text-muted) !important;
  font-family: var(--oao-font-family-mono);
  font-size: 12px !important;
  white-space: nowrap;
}

#pageNav .nav-topbar-actions.search-container,
#oaoDiscoverWeb3 .nav-topbar-actions.search-container,
#pageNav .search-container,
#oaoDiscoverWeb3 .search-container {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 260px;
  min-width: 0;
  width: auto;
  margin-left: auto;
}

#pageNav .nav-search-input,
#oaoDiscoverWeb3 .nav-search-input,
.nav-search-input {
  flex: 1 1 160px;
  min-width: 120px;
  max-width: 320px;
  background: var(--oao-color-surface) !important;
  border: 1px solid var(--oao-color-border) !important;
  color: var(--oao-color-text) !important;
  border-radius: var(--oao-radius-md) !important;
  font-size: var(--oao-text-sm) !important;
  height: 36px;
  padding: 0 12px;
  box-sizing: border-box;
}

#pageNav .nav-search-input:focus,
#oaoDiscoverWeb3 .nav-search-input:focus,
.nav-search-input:focus {
  border-color: var(--oao-fill) !important;
  box-shadow: var(--oao-focus-ring) !important;
}

#pageNav .nav-search-btn,
#oaoDiscoverWeb3 .nav-search-btn,
#pageNav .nav-submit-btn,
#oaoDiscoverWeb3 .nav-submit-btn {
  flex: 0 0 auto;
  white-space: nowrap;
  min-height: 36px;
}

#pageNav .view-toggle,
#oaoDiscoverWeb3 .view-toggle {
  flex: 0 0 auto;
  background: transparent !important;
  border: 1px solid var(--oao-color-border) !important;
  border-radius: var(--oao-radius-md) !important;
  padding: 2px !important;
  gap: 0 !important;
}

#pageNav .toggle-btn,
#oaoDiscoverWeb3 .toggle-btn {
  border-radius: var(--oao-radius-sm) !important;
  color: var(--oao-color-text-muted) !important;
  font-size: 11px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 6px 10px !important;
}

#pageNav .toggle-btn.active,
#oaoDiscoverWeb3 .toggle-btn.active {
  background: var(--oao-color-accent-soft, rgba(255, 94, 0, 0.14)) !important;
  color: var(--oao-color-text) !important;
  border: 1px solid var(--oao-color-accent, #ff5e00) !important;
  box-shadow: none !important;
}

#pageNav .nav-primary-data,
#pageNav .data-container,
#oaoDiscoverWeb3 .nav-primary-data,
#oaoDiscoverWeb3 .data-container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  min-height: 0;
}

/* 卡片：固定一行三列（窄屏降级） */
#pageNav .card-view,
#oaoDiscoverWeb3 .card-view {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  border-top: 0 !important;
  padding: 8px 4px 16px !important;
  counter-reset: none;
}

@media (max-width: 1100px) {
  #pageNav .card-view,
  #oaoDiscoverWeb3 .card-view {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  #pageNav .card-view,
  #oaoDiscoverWeb3 .card-view {
    grid-template-columns: 1fr !important;
  }

  #pageNav .nav-topbar,
  #oaoDiscoverWeb3 .nav-topbar {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #pageNav .nav-topbar-actions.search-container,
  #oaoDiscoverWeb3 .nav-topbar-actions.search-container {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
  }
}

/* 只保留站点列表一处纵向滚动 */
#pageNav .nav-sites-scroll,
#oaoDiscoverWeb3 .nav-sites-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

#pageNav .data-content,
#oaoDiscoverWeb3 .data-content,
#pageNav #dataContent,
#oaoDiscoverWeb3 #dataContent,
#pageNav .search-results-container,
#oaoDiscoverWeb3 .search-results-container {
  overflow: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 4px 4px 12px !important;
}

#pageNav .nav-body,
#oaoDiscoverWeb3 .nav-body,
#pageNav .nav-panel,
#oaoDiscoverWeb3 .nav-panel {
  overflow: hidden !important;
  min-height: 0;
}

#pageNav .site-card {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 20px 18px 18px !important;
  border: 1px solid var(--oao-color-border-soft) !important;
  border-radius: 12px !important;
  background: var(--oao-color-surface) !important;
  box-shadow: var(--oao-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05)) !important;
  overflow: hidden !important;
  animation: oao-bw-row-in 0.35s var(--oao-ease-out) both;
  transition:
    transform var(--oao-transition-fast),
    border-color var(--oao-transition-fast),
    box-shadow var(--oao-transition-fast),
    background var(--oao-transition-fast);
  grid-template-columns: none !important;
  grid-template-areas: none !important;
}

#pageNav .site-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: var(--oao-color-accent, #ff5e00) !important;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.25s var(--oao-ease-out);
  font-size: 0 !important;
  color: transparent !important;
  padding: 0 !important;
  grid-area: auto !important;
}

#pageNav .site-card:hover {
  background: var(--oao-color-surface) !important;
  color: var(--oao-color-text) !important;
  border-color: var(--oao-color-accent, #ff5e00) !important;
  transform: translateY(-3px) !important;
  padding-left: 18px !important;
  box-shadow: var(--oao-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.1)) !important;
}

#pageNav .site-card:hover::before {
  transform: scaleX(1) !important;
  color: transparent !important;
  background: var(--oao-color-accent, #ff5e00) !important;
}

#pageNav .site-card:hover .site-card-title {
  color: var(--oao-color-text) !important;
}

#pageNav .site-card:hover .site-card-url,
#pageNav .site-card:hover .site-card-desc {
  color: var(--oao-color-text-muted) !important;
}

#pageNav .site-card-title {
  position: relative;
  z-index: 1;
  font-family: var(--oao-font-family-display);
  font-size: var(--oao-text-lg) !important;
  font-weight: 700 !important;
  color: var(--oao-color-text) !important;
  margin: 0;
  line-height: 1.3;
}

#pageNav .site-card-url {
  position: relative;
  z-index: 1;
  font-family: var(--oao-font-family-mono);
  font-size: 12px !important;
  color: var(--oao-color-accent, #ff5e00) !important;
  word-break: break-all;
}

#pageNav .site-card-desc {
  position: relative;
  z-index: 1;
  font-size: var(--oao-text-sm) !important;
  line-height: 1.55 !important;
  color: var(--oao-color-text-muted) !important;
  margin: 0;
}

/* Table mode → dense editorial table (distinct from cards) */
#pageNav .table-view,
#pageNav .site-table-wrap {
  border-top: 1px solid var(--oao-color-border);
  padding-top: 0;
}

#pageNav .site-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--oao-text-sm);
}

#pageNav .site-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--oao-color-bg) !important;
  color: var(--oao-color-text) !important;
  font-family: var(--oao-font-family-display);
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: left;
  padding: 14px 12px !important;
  border-bottom: 2px solid var(--oao-color-text) !important;
}

#pageNav .site-table td {
  padding: 14px 12px !important;
  border-bottom: 1px solid var(--oao-color-border-soft) !important;
  color: var(--oao-color-text);
  vertical-align: top;
}

#pageNav .site-table tbody tr {
  transition: background var(--oao-transition-fast), color var(--oao-transition-fast);
}

#pageNav .site-table tbody tr:nth-child(even) {
  background: var(--oao-color-surface-soft);
}

#pageNav .site-table tbody tr:hover {
  background: var(--oao-color-accent-soft, rgba(255, 94, 0, 0.1)) !important;
  color: var(--oao-color-text) !important;
  box-shadow: inset 3px 0 0 var(--oao-color-accent, #ff5e00);
}

#pageNav .site-table tbody tr:hover td,
#pageNav .site-table tbody tr:hover a,
#pageNav .site-table tbody tr:hover .site-table-link {
  color: var(--oao-color-text) !important;
}

#pageNav .site-table a {
  color: var(--oao-color-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#pageNav .nav-engine-brand-bar {
  background: transparent !important;
  border-bottom: 1px solid var(--oao-color-border-soft);
  padding: 24px 8px 16px !important;
}

#pageNav .nav-engine-logo {
  filter: none;
  opacity: 1;
}

[data-theme="dark"] #pageNav .nav-engine-logo {
  filter: none;
  opacity: 0.95;
}

/* ═══════════════════════════════════════════
   Identity (ENS)
   ═══════════════════════════════════════════ */
#pageEns.active,
.oao-v2-ens-page.active,
#pageShellIdentity .oao-shell-panel.active #pageEns.oao-shell-inline-tool {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 4px 0 8px !important;
  box-sizing: border-box !important;
}

#pageEns .oao-v2-module-head {
  display: none !important;
}

#pageEns .ens-container {
  width: min(1440px, calc(100% - 16px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 10px 20px 12px !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid var(--oao-color-border-soft) !important;
  border-radius: var(--oao-radius-xl) !important;
  background: var(--oao-color-surface) !important;
  box-shadow: var(--oao-shadow-sm) !important;
}

#pageEns .ens-title {
  font-family: var(--oao-font-family-display);
  font-size: var(--oao-text-lg) !important;
  font-weight: 700 !important;
  letter-spacing: var(--oao-tracking-tight);
  border-bottom: 1px solid var(--oao-color-border-soft);
  padding-bottom: 8px;
  margin-bottom: 8px;
  flex-shrink: 0;
}

#pageEns .ens-subtitle {
  font-size: var(--oao-text-sm) !important;
  line-height: 1.4 !important;
  color: var(--oao-color-text-muted) !important;
  max-width: none !important;
  margin-bottom: 8px !important;
  flex-shrink: 0;
}

#pageEns .ens-input {
  border: 1px solid var(--oao-color-border) !important;
  background: var(--oao-color-surface) !important;
  color: var(--oao-color-text) !important;
  font-size: var(--oao-text-base) !important;
  min-height: 42px;
  flex: 1;
  min-width: 0;
}

#pageEns .ens-input-group {
  flex-shrink: 0;
  margin-bottom: 8px !important;
}

#pageEns .ens-input-group .btn {
  flex-shrink: 0;
  min-width: 148px;
  white-space: nowrap;
}

#pageEns .ens-input:focus {
  border-color: var(--oao-fill) !important;
  box-shadow: var(--oao-focus-ring) !important;
}

#pageEns .ens-result {
  border: 1px solid var(--oao-color-border-soft) !important;
  border-radius: var(--oao-radius-lg) !important;
  background: var(--oao-color-surface-soft) !important;
  color: var(--oao-color-text) !important;
  font-family: var(--oao-font-family-mono);
  font-size: var(--oao-text-sm) !important;
  line-height: 1.45 !important;
  padding: 12px 14px !important;
  flex: 1 1 auto !important;
  min-height: 120px !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  margin: 0 !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(18, 18, 18, 0.28) rgba(18, 18, 18, 0.06);
}

#pageEns .ens-result::-webkit-scrollbar {
  width: 8px;
}

#pageEns .ens-result::-webkit-scrollbar-track {
  margin: 4px 0;
  background: rgba(18, 18, 18, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 999px;
  border: 1px solid rgba(18, 18, 18, 0.06);
}

#pageEns .ens-result::-webkit-scrollbar-thumb {
  background: rgba(18, 18, 18, 0.22);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(18, 18, 18, 0.12);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 1px 4px rgba(0, 0, 0, 0.08);
}

#pageEns .ens-result::-webkit-scrollbar-thumb:hover {
  background: rgba(18, 18, 18, 0.34);
}

html[data-theme="dark"] #pageEns .ens-result {
  scrollbar-color: rgba(255, 255, 255, 0.32) rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] #pageEns .ens-result::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] #pageEns .ens-result::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.26);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 4px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] #pageEns .ens-result::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.38);
}

#pageEns .ens-scan-btn {
  margin-bottom: 8px !important;
  flex-shrink: 0;
}

#pageEns .ens-share-buttons {
  flex-shrink: 0;
  margin-top: 6px !important;
}

/* ═══════════════════════════════════════════
   Space (Decentraland) — left rail + What's On cards
   ═══════════════════════════════════════════ */
/* Full-bleed world background; content stage stays centered (pre-fill aesthetics) */
body:has(#pageDecentraland.active) .main-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#pageDecentraland.active {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#pageDecentraland .oao-v2-module-head,
#pageDecentraland .section-tag {
  display: none !important;
}

#pageDecentraland::before {
  opacity: 1 !important;
  filter: none !important;
}

#pageDecentraland::after {
  opacity: 1 !important;
  filter: none !important;
}

#pageDecentraland .dcl-stage {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  min-height: 0;
  width: min(1560px, calc(100% - 20px));
  margin: 16px auto 96px;
  display: grid;
  grid-template-columns: minmax(292px, 320px) minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
}

#pageDecentraland .dcl-rail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  padding: 8px 4px 16px;
  text-align: left;
}

#pageDecentraland .dcl-logo {
  font-family: var(--oao-font-family-display);
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: visible;
  color: var(--oao-color-text) !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.85), 0 8px 28px rgba(255, 255, 255, 0.25) !important;
  margin: 0 !important;
}

#pageDecentraland .dcl-subtitle {
  font-size: var(--oao-text-base) !important;
  color: var(--oao-color-text) !important;
  opacity: 0.86;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.75) !important;
  margin: 0 0 8px !important;
}

[data-theme="dark"] #pageDecentraland .dcl-logo,
[data-theme="dark"] #pageDecentraland .dcl-subtitle {
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.72) !important;
}

#pageDecentraland .dcl-buttons {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  max-width: none;
  margin: 0;
  border: 0 !important;
  text-align: center;
}

#pageDecentraland .dcl-action-btn .btn-main-text,
#pageDecentraland .dcl-action-btn .btn-sub-text {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
}

#pageDecentraland .dcl-action-btn .btn-main-text {
  font-family: var(--oao-font-family-display);
  font-size: var(--oao-text-md) !important;
  font-weight: 700;
  width: 4.2em;
  text-align: justify;
  text-align-last: justify;
  letter-spacing: 0;
}

#pageDecentraland .dcl-action-btn .btn-sub-text {
  font-family: var(--oao-font-family-mono);
  font-size: 12px;
  opacity: 1;
  width: 11em;
  text-align: center;
  letter-spacing: 0.04em;
  text-transform: none;
}

#pageDecentraland .dcl-action-btn {
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 72px;
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(18, 18, 18, 0.12) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: #121212 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  text-align: center;
  cursor: pointer;
  transition:
    transform var(--oao-transition-fast),
    background var(--oao-transition-fast),
    border-color var(--oao-transition-fast),
    box-shadow var(--oao-transition-fast);
}

#pageDecentraland .dcl-action-btn:hover {
  background: #121212 !important;
  border-color: var(--oao-color-accent, #ff5e00) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
}

[data-theme="dark"] #pageDecentraland .dcl-action-btn {
  background: rgba(18, 18, 18, 0.62) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #f2f2f2 !important;
}

[data-theme="dark"] #pageDecentraland .dcl-action-btn:hover {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: var(--oao-color-accent, #ff9a44) !important;
}

#pageDecentraland .dcl-action-btn .btn-main-text {
  font-family: var(--oao-font-family-display);
  font-size: var(--oao-text-md) !important;
  font-weight: 700;
}

#pageDecentraland .dcl-action-btn .btn-sub-text {
  font-family: var(--oao-font-family-mono);
  font-size: 12px;
  opacity: 1;
}

#pageDecentraland .dcl-events {
  min-width: 0;
  min-height: min(78vh, 860px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 4px 10px;
  overflow: hidden;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #121212;
}

#pageDecentraland .dcl-events-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

#pageDecentraland .dcl-events-kicker {
  margin: 0 0 6px;
  font-size: clamp(1.05rem, 1.55vw, 1.28rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.35;
  text-transform: none;
  color: #152033;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.75);
}

[data-theme="dark"] #pageDecentraland .dcl-events-kicker {
  color: #f3f6fb;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}

#pageDecentraland .dcl-events-title {
  margin: 0;
  font-family: var(--oao-font-family-display);
  font-size: clamp(1.55rem, 2.6vw, 2.15rem);
  font-weight: 700;
  line-height: 1.2;
  color: #121212;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] #pageDecentraland .dcl-events-title {
  color: #f5f0ff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] #pageDecentraland .dcl-events {
  color: #f5f0ff;
}

#pageDecentraland .dcl-events-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#pageDecentraland .dcl-events-actions .oao-btn {
  text-decoration: none;
  min-height: 42px;
  padding: 0 18px;
  font-size: 0.95rem;
  background: rgba(44, 22, 71, 0.92) !important;
  color: #f5f0ff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

#pageDecentraland .dcl-events-actions #dclEventsMore {
  border-color: #ff5e00 !important;
  color: #ffc9a8 !important;
}

#pageDecentraland .dcl-dates {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 4px;
  border-radius: 12px;
  background: rgba(12, 8, 22, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

#pageDecentraland .dcl-dates-nav {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  color: #e8dff8;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

#pageDecentraland .dcl-dates-nav:hover {
  background: rgba(255, 255, 255, 0.12);
}

#pageDecentraland .dcl-dates-track {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}

#pageDecentraland .dcl-date-tab {
  min-height: 36px;
  padding: 6px 4px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #b9a8d4;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

#pageDecentraland .dcl-date-tab:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #f3eaff;
}

#pageDecentraland .dcl-date-tab.is-active {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

#pageDecentraland .dcl-events-grid {
  flex: 1 1 auto;
  min-height: calc(300px * 2 + 18px);
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 18px;
  padding: 4px 2px 18px;
  align-content: start;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.38) rgba(255, 255, 255, 0.06);
}

#pageDecentraland .dcl-events-grid::-webkit-scrollbar {
  width: 10px;
}

#pageDecentraland .dcl-events-grid::-webkit-scrollbar-track {
  margin: 4px 0;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

#pageDecentraland .dcl-events-grid::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 2px 8px rgba(0, 0, 0, 0.22);
}

#pageDecentraland .dcl-events-grid::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.42);
  border-color: rgba(255, 255, 255, 0.36);
}

html:not([data-theme="dark"]) #pageDecentraland .dcl-events-grid {
  scrollbar-color: rgba(18, 18, 18, 0.28) rgba(18, 18, 18, 0.05);
}

html:not([data-theme="dark"]) #pageDecentraland .dcl-events-grid::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.45);
  border-color: rgba(18, 18, 18, 0.08);
}

html:not([data-theme="dark"]) #pageDecentraland .dcl-events-grid::-webkit-scrollbar-thumb {
  background: rgba(18, 18, 18, 0.22);
  border-color: rgba(18, 18, 18, 0.14);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 2px 8px rgba(0, 0, 0, 0.1);
}

html:not([data-theme="dark"]) #pageDecentraland .dcl-events-grid::-webkit-scrollbar-thumb:hover {
  background: rgba(18, 18, 18, 0.34);
}

#pageDecentraland .dcl-events-status {
  grid-column: 1 / -1;
  padding: 28px 16px;
  border: 1px dashed rgba(18, 18, 18, 0.22);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  color: #3a3a3a;
  text-align: center;
  font-size: var(--oao-text-sm);
}

[data-theme="dark"] #pageDecentraland .dcl-events-status {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(18, 18, 18, 0.55) !important;
  color: #cbbfe0;
}

[data-theme="dark"] #pageDecentraland .dcl-events-actions .oao-btn {
  background: rgba(44, 22, 71, 0.92) !important;
}

#pageDecentraland .dcl-event-card {
  display: grid;
  grid-template-rows: auto 1fr;
  align-self: start;
  height: auto;
  min-height: 300px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  background: #2c1647;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  color: #ffffff;
  text-decoration: none;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#pageDecentraland .dcl-event-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 94, 0, 0.55);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] #pageDecentraland .dcl-event-card {
  background: #2c1647;
  border-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

#pageDecentraland .dcl-event-media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  min-height: 140px;
  background: #1a1028;
  overflow: hidden;
}

#pageDecentraland .dcl-event-media img,
#pageDecentraland .dcl-event-media-fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#pageDecentraland .dcl-event-media-fallback {
  background: linear-gradient(145deg, #3a1d5f, #160f21 70%);
}

#pageDecentraland .dcl-event-media-tags {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

#pageDecentraland .dcl-event-badge {
  position: static;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: #ff2d55;
  color: #fff;
}

#pageDecentraland .dcl-event-crowd {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(12, 8, 22, 0.72);
  color: #f5f0ff;
  backdrop-filter: blur(6px);
}

#pageDecentraland .dcl-event-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 12px 14px;
}

#pageDecentraland .dcl-event-name {
  margin: 0;
  font-family: var(--oao-font-family-display);
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#pageDecentraland .dcl-event-by {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

#pageDecentraland .dcl-event-avatar {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  background: #4a2a72;
  color: #f3eaff;
}

#pageDecentraland .dcl-event-by-text {
  min-width: 0;
  font-size: 12px;
  line-height: 1.3;
  color: #b5a5d1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#pageDecentraland .dcl-event-time {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #cbbfe0;
}

#pageDecentraland .dcl-event-clock {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  opacity: 0.85;
}

#pageDecentraland .dcl-event-time-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  font-size: 12px;
  font-weight: 600;
  color: #f5f0ff;
}

#pageDecentraland .dcl-event-meta {
  display: none;
}

@media (max-width: 900px) {
  #pageDecentraland .dcl-stage {
    grid-template-columns: 1fr;
    margin-bottom: 110px;
  }

  #pageDecentraland .dcl-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }

  #pageDecentraland .dcl-dates-track {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #pageDecentraland .dcl-dates-track .dcl-date-tab:nth-child(n + 5) {
    display: none;
  }

  #pageDecentraland .dcl-events-grid {
    min-height: calc(260px * 2 + 16px);
    max-height: none;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}

/* ═══════════════════════════════════════════
   Genesis (Time Seat) — section switcher (JS show/hide)
   ═══════════════════════════════════════════ */
#pageTimeSlot.active {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

#pageTimeSlot .oao-v2-module-head {
  position: absolute !important;
  top: 12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 20 !important;
  width: min(640px, calc(100% - 24px)) !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  background: color-mix(in srgb, var(--oao-color-surface) 88%, transparent) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 0 !important;
  border-radius: var(--oao-radius-xl) !important;
  pointer-events: auto;
}

#pageTimeSlot .time-scroll-container {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
  position: relative;
}

/* JS toggles .is-active — do NOT force display:flex on all sections */
#pageTimeSlot .time-section {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 64px 24px 72px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-bottom: 0 !important;
}

#pageTimeSlot .time-section.is-active {
  display: flex !important;
}

#pageTimeSlot .time-content {
  --time-content-width: min(560px, 100%);
  width: var(--time-content-width) !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  gap: 0;
}

/* 标题克制：接近首页 lead，不压过正文 */
#pageTimeSlot .time-hero-title,
#pageTimeSlot .time-section:first-child .time-hero-title,
#pageTimeSlot .time-section:not(:first-child) .time-hero-title {
  width: 100%;
  font-family: var(--oao-font-family-display) !important;
  font-size: var(--oao-text-lg) !important;
  font-weight: 700 !important;
  line-height: var(--oao-leading-tight, 1.25) !important;
  letter-spacing: var(--oao-tracking-tight) !important;
  margin: 0 0 14px !important;
  color: var(--oao-color-text) !important;
  text-shadow: none !important;
  text-align: center !important;
  text-wrap: balance;
}

#pageTimeSlot .time-section:first-child .time-hero-title {
  font-size: var(--oao-text-xl) !important;
  margin-bottom: 16px !important;
}

/* 正文：对齐首页 explain / lead 的字号与行距 */
#pageTimeSlot .time-hero-desc,
#pageTimeSlot .time-section:first-child .time-hero-desc,
#pageTimeSlot .time-section:not(:first-child) .time-hero-desc {
  width: 100%;
  max-width: 34em;
  font-family: var(--oao-font-family) !important;
  font-size: var(--oao-text-base) !important;
  font-weight: 400 !important;
  line-height: var(--oao-leading-relaxed) !important;
  margin: 0 0 22px !important;
  color: var(--oao-color-text-muted) !important;
  text-shadow: none !important;
  text-align: center !important;
  white-space: pre-line;
}

#pageTimeSlot .time-primary-btn {
  min-height: 44px;
  padding: 0 20px !important;
  font-family: var(--oao-font-family-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
}

#pageTimeSlot .time-section:first-child .time-primary-btn {
  padding: 0 24px !important;
  font-size: var(--oao-text-sm) !important;
}

/* 箭头轨道：与 .time-content 同宽、同水平居中 */
#pageTimeSlot .time-scroll-chrome {
  position: absolute;
  inset: 0;
  z-index: 30;
  width: min(560px, calc(100% - 48px));
  max-width: 560px;
  margin: 0 auto;
  left: 0;
  right: 0;
  pointer-events: none;
}

#pageTimeSlot .scroll-indicator {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  transform: translateX(-50%) !important;
  z-index: 31 !important;
  opacity: 0.72;
  cursor: pointer;
  pointer-events: auto;
  transition: opacity 0.2s ease;
}

#pageTimeSlot .scroll-indicator:hover {
  opacity: 1;
}

#pageTimeSlot .scroll-up {
  top: 20px !important;
  bottom: auto !important;
}

#pageTimeSlot .scroll-down {
  top: auto !important;
  bottom: 28px !important;
}

#pageShellIdentity #pageTimeSlot.oao-shell-inline-tool .scroll-up {
  top: 12px !important;
}

#pageShellIdentity #pageTimeSlot.oao-shell-inline-tool .scroll-down {
  bottom: 20px !important;
}

/* Bottom nav — legacy (non four-module only). Four-nav is locked separately. */
.nav-menu:not(.nav-menu--four) {
  min-height: 76px !important;
  height: auto !important;
  gap: 14px !important;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
}

.nav-menu:not(.nav-menu--four) .nav-item {
  min-height: 46px !important;
  min-width: 112px !important;
  padding: 10px 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--oao-font-family-display) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  background: transparent !important;
  border: 1px solid var(--oao-color-border) !important;
  color: var(--oao-color-text) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  border-radius: var(--oao-radius-md) !important;
}

.nav-menu:not(.nav-menu--four) .nav-item:hover {
  color: var(--oao-color-text) !important;
  background: var(--oao-color-accent-soft, rgba(255, 94, 0, 0.1)) !important;
  border-color: var(--oao-color-accent, #ff5e00) !important;
  box-shadow: none !important;
}

.nav-menu:not(.nav-menu--four) .nav-item.active {
  color: var(--oao-color-text) !important;
  background: var(--oao-color-accent-soft, rgba(255, 94, 0, 0.12)) !important;
  border-color: var(--oao-color-accent, #ff5e00) !important;
  box-shadow: inset 0 -2px 0 var(--oao-color-accent, #ff5e00) !important;
  text-shadow: none !important;
}

[data-theme="dark"] .nav-menu:not(.nav-menu--four) .nav-item.active {
  color: var(--oao-color-text) !important;
  background: var(--oao-color-accent-soft, rgba(255, 154, 68, 0.16)) !important;
  border-color: var(--oao-color-accent, #ff9a44) !important;
  box-shadow: inset 0 -2px 0 var(--oao-color-accent, #ff9a44) !important;
}

.nav-menu--four .nav-item {
  text-shadow: none !important;
  transition:
    background var(--oao-transition-fast),
    color var(--oao-transition-fast),
    border-color var(--oao-transition-fast),
    box-shadow var(--oao-transition-fast);
}

/* Shells — DCL glass tiles */
.oao-v2-shell-hero {
  background: transparent !important;
  border-color: var(--oao-color-border-soft) !important;
  box-shadow: none !important;
}

/* Quiet glow leftovers from home chrome */
#pageHome.active .section-tag,
#pageHome.active .oao-side-panel-header,
#pageHome.active .oao-side-panel-shell,
#pageHome.active .ai-home-input-area,
#pageHome.active .ai-chat-msg {
  text-shadow: none !important;
}

/* Network home: one viewport, no scrollbar (task panel may scroll) */
body:has(#pageHome.active) .main-content {
  overflow: hidden !important;
  height: calc(100dvh - 60px - var(--oao-bottomnav-height, 76px)) !important;
  max-height: calc(100dvh - 60px - var(--oao-bottomnav-height, 76px)) !important;
  min-height: 0 !important;
}

#pageHome.active {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  padding-bottom: 20px !important;
  box-sizing: border-box !important;
}

#pageHome.active:has(.oao-v2-task-panel.open) {
  overflow-y: hidden !important;
  padding-bottom: 12px !important;
}

#pageHome.active .home-layout.oao-v2-home {
  margin-bottom: 0 !important;
  padding-bottom: 8px !important;
}

#pageHome.active #oaoV2More {
  padding-bottom: 32px !important;
}

#pageHome.active #oaoV2More .oao-v2-card:last-child {
  margin-bottom: 24px !important;
  scroll-margin-bottom: calc(var(--oao-bottomnav-height, 76px) + 48px);
}

.oao-toolbar-toggle {
  color: var(--oao-fill) !important;
  text-shadow: none !important;
}

/* Dark surfaces */
[data-theme="dark"] .oao-v2-module-head,
[data-theme="dark"] #pageEns .ens-container,
[data-theme="dark"] #pageNav .nav-container.nav-layout-v3,
[data-theme="dark"] #pageDecentraland .dcl-container {
  background-color: transparent !important;
}

[data-theme="dark"] #pageNav .site-table thead th {
  background: var(--oao-color-bg) !important;
}

/* Responsive */
@media (max-width: 900px) {
  #pageNav .nav-container.nav-layout-v3 {
    flex-direction: column !important;
  }

  #pageNav .nav-sidebar {
    width: 100% !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    border-right: 0 !important;
    border-bottom: 1px solid var(--oao-color-border-soft) !important;
    padding: 0 0 12px !important;
    gap: 0 !important;
  }

  #pageNav .nav-tab {
    flex: 1 1 auto;
    border-bottom: 0 !important;
    border-right: 1px solid var(--oao-color-border-soft) !important;
  }

  #pageDecentraland .dcl-stage {
    grid-template-columns: 1fr;
  }

  #pageDecentraland .dcl-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Four-module bottom nav — overrides generic .nav-menu .nav-item above */
.nav-menu.nav-menu--four {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 5px !important;
  min-height: 54px !important;
  height: auto !important;
  left: 50% !important;
  right: auto !important;
  width: 50% !important;
  max-width: 50vw !important;
  transform: translateX(-50%) !important;
  padding: 6px 10px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
}

.nav-menu--four .nav-item {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-width: 0 !important;
  min-height: 32px !important;
  width: 100% !important;
  padding: 3px 4px !important;
  gap: 0 !important;
  font-size: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  border-radius: 12px !important;
  /* Opaque fill — translucent + backdrop looks different over home vs shell */
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(18, 18, 18, 0.18) !important;
  color: #121212 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}

[data-theme="dark"] .nav-menu--four .nav-item {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #f2f2f2 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.nav-menu--four .nav-item:hover {
  background: #121212 !important;
  border-color: #ff5e00 !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

[data-theme="dark"] .nav-menu--four .nav-item:hover {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: #ff9a44 !important;
}

.nav-menu--four .nav-item.active,
.nav-menu--four .nav-item.active:hover {
  background: #121212 !important;
  border-color: #ff5e00 !important;
  color: #ffffff !important;
  /* Top accent bar — matches selected reference style */
  box-shadow: inset 0 2px 0 #ff5e00 !important;
  transform: none !important;
  text-shadow: none !important;
}

[data-theme="dark"] .nav-menu--four .nav-item.active,
[data-theme="dark"] .nav-menu--four .nav-item.active:hover {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: #ff9a44 !important;
  box-shadow: inset 0 2px 0 #ff9a44 !important;
}

.nav-menu--four .nav-item-primary {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-family: var(--oao-font-family-display) !important;
  font-size: var(--oao-text-sm) !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
  color: inherit !important;
  opacity: 1 !important;
}

.nav-menu--four .nav-item-sub {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-family: var(--oao-font-family-display) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  line-height: 1.1 !important;
  color: inherit !important;
}

/* ── Topbar actions — same glass tile interaction as site buttons ── */
#connectButton,
#oaoAskBtn {
  font-family: var(--oao-font-family) !important;
  font-weight: 600 !important;
  font-size: var(--oao-text-sm) !important;
  letter-spacing: 0.02em !important;
  min-height: var(--oao-btn-height, 40px) !important;
  min-width: 120px !important;
  padding: 0 18px !important;
  border-radius: var(--oao-radius-md) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}

/* Logged-in: must beat display:inline-flex !important above */
body.oao-authed #connectButton,
#connectButton[hidden] {
  display: none !important;
}

#connectButton::after {
  display: none !important;
  content: none !important;
}

/* ── Button text legibility across themes ── */
.oao-btn--primary {
  color: var(--oao-on-fill, #ffffff) !important;
  -webkit-text-fill-color: currentColor;
  font-weight: 700 !important;
}

html:not([data-theme="dark"]) .oao-btn--primary:not(:hover) {
  color: #ffffff !important;
}

html[data-theme="dark"] .oao-btn--primary:not(:hover) {
  color: #121212 !important;
}

.oao-btn--primary * {
  color: inherit !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor;
}

#connectButton,
#oaoAskBtn,
.toolbar-btn,
.nav-search-btn,
.nav-submit-btn,
.share-btn,
.oao-v2-menu-btn,
.oao-desktop-app:not(:disabled),
.oao-v2-shell-tile:not(:disabled):not(.is-disabled),
.oao-v2-card,
.nav-menu--four .nav-item,
#pageEns .ens-container .btn,
#pageTimeSlot .time-primary-btn,
#pageDecentraland .dcl-action-btn,
.toggle-btn.active {
  -webkit-font-smoothing: antialiased;
  font-weight: 600 !important;
}

html:not([data-theme="dark"]) #connectButton:not(:hover),
html:not([data-theme="dark"]) #oaoAskBtn:not(:hover),
html:not([data-theme="dark"]) .oao-btn:not(.oao-btn--primary):not(:hover):not(:disabled),
html:not([data-theme="dark"]) .toolbar-btn:not(:hover),
html:not([data-theme="dark"]) .oao-v2-shell-tile:not(:disabled):not(.is-disabled):not(:hover),
html:not([data-theme="dark"]) .oao-desktop-app:not(:disabled):not(:hover),
html:not([data-theme="dark"]) #pageDecentraland .dcl-action-btn:not(:hover),
html:not([data-theme="dark"]) #pageEns .ens-container .btn:not(:hover),
html:not([data-theme="dark"]) #pageTimeSlot .time-primary-btn:not(:hover),
html:not([data-theme="dark"]) .share-btn:not(:hover),
html:not([data-theme="dark"]) .nav-search-btn:not(:hover),
html:not([data-theme="dark"]) .nav-submit-btn:not(:hover),
html:not([data-theme="dark"]) .toggle-btn.active:not(:hover) {
  color: #121212 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
}

html[data-theme="dark"] #connectButton:not(:hover),
html[data-theme="dark"] #oaoAskBtn:not(:hover),
html[data-theme="dark"] .oao-btn:not(.oao-btn--primary):not(:hover):not(:disabled),
html[data-theme="dark"] .toolbar-btn:not(:hover),
html[data-theme="dark"] .oao-v2-shell-tile:not(:disabled):not(.is-disabled):not(:hover),
html[data-theme="dark"] .oao-desktop-app:not(:disabled):not(:hover),
html[data-theme="dark"] #pageDecentraland .dcl-action-btn:not(:hover),
html[data-theme="dark"] #pageEns .ens-container .btn:not(:hover),
html[data-theme="dark"] #pageTimeSlot .time-primary-btn:not(:hover),
html[data-theme="dark"] .share-btn:not(:hover),
html[data-theme="dark"] .nav-search-btn:not(:hover),
html[data-theme="dark"] .nav-submit-btn:not(:hover),
html[data-theme="dark"] .toggle-btn.active:not(:hover) {
  color: #f5f5f5 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

/* Bottom four-nav: never pick up page/theme text-shadow (keeps look identical) */
html .nav-menu--four .nav-item,
html .nav-menu--four .nav-item:hover,
html .nav-menu--four .nav-item.active,
html .nav-menu--four .nav-item * {
  text-shadow: none !important;
}

.oao-btn:not(.oao-btn--primary):hover,
.toolbar-btn:hover,
.nav-search-btn:hover,
.nav-submit-btn:hover,
.share-btn:hover,
.oao-v2-menu-btn:hover,
.oao-desktop-app:not(:disabled):hover,
.oao-v2-shell-tile:not(:disabled):not(.is-disabled):hover,
.oao-v2-card:hover,
.nav-menu--four .nav-item:hover,
.nav-menu--four .nav-item.active,
#pageEns .ens-container .btn:hover,
#pageTimeSlot .time-primary-btn:hover,
#pageDecentraland .dcl-action-btn:hover,
#connectButton:hover,
.oao-btn--primary:hover,
#oaoAskBtn:hover {
  text-shadow: none !important;
}

.oao-btn:not(.oao-btn--primary) *,
#connectButton *,
#oaoAskBtn *,
.toolbar-btn *,
.nav-search-btn *,
.nav-submit-btn *,
.share-btn *,
.oao-v2-menu-btn *,
.oao-desktop-app:not(:disabled) *,
.oao-v2-shell-tile:not(:disabled):not(.is-disabled) *,
.oao-v2-card *,
.nav-menu--four .nav-item *,
#pageEns .ens-container .btn *,
#pageTimeSlot .time-primary-btn *,
#pageDecentraland .dcl-action-btn *,
.toggle-btn.active * {
  color: inherit !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor;
}

.oao-v2-shell-tile-title,
.oao-desktop-label,
#pageDecentraland .dcl-action-btn .btn-main-text,
.nav-menu--four .nav-item-primary {
  font-weight: 600 !important;
}

.oao-v2-shell-tile-desc,
.oao-v2-shell-tile-label,
#pageDecentraland .dcl-action-btn .btn-sub-text,
.nav-menu--four .nav-item-sub {
  font-weight: 600 !important;
}

#pageDecentraland .dcl-action-btn .btn-sub-text {
  opacity: 1 !important;
}

#pageEns .ens-title {
  font-size: var(--oao-text-lg) !important;
}

#pageEns .ens-subtitle {
  font-size: var(--oao-text-sm) !important;
}

/* Module shells + space — home-aligned typography */
.page-section.oao-v2-shell .oao-v2-shell-title {
  font-family: var(--oao-font-family-display) !important;
  font-size: var(--oao-text-xl) !important;
  font-weight: 700 !important;
  letter-spacing: var(--oao-tracking-tight) !important;
  line-height: var(--oao-leading-tight) !important;
}

.page-section.oao-v2-shell .oao-v2-shell-kicker {
  font-family: var(--oao-font-family-display) !important;
  font-size: var(--oao-text-xs) !important;
  font-weight: 600 !important;
  letter-spacing: var(--oao-tracking-wider) !important;
  color: var(--oao-color-text) !important;
}

.page-section.oao-v2-shell .oao-v2-shell-lead {
  font-size: var(--oao-text-base) !important;
  line-height: var(--oao-leading-relaxed) !important;
}

.page-section.oao-v2-shell .oao-v2-shell-question {
  font-size: var(--oao-text-sm) !important;
  font-weight: 600 !important;
  opacity: 0.85;
}

.page-section.oao-v2-shell .oao-v2-shell-tile-title {
  font-size: var(--oao-text-base) !important;
  font-weight: 600 !important;
}

.page-section.oao-v2-shell .oao-v2-shell-tile-desc {
  font-size: var(--oao-text-sm) !important;
  line-height: 1.5 !important;
}

.page-section.oao-v2-shell .oao-v2-shell-tile-label {
  font-size: var(--oao-text-xs) !important;
}

.page-section.oao-v2-shell .oao-v2-shell-hero {
  padding: 18px 20px 16px !important;
}

#pageDecentraland .dcl-logo {
  font-size: var(--oao-text-xl) !important;
}

#pageDecentraland .dcl-subtitle {
  font-size: var(--oao-text-base) !important;
}

#pageDecentraland .dcl-events-title {
  font-size: var(--oao-text-lg) !important;
}

#pageDecentraland .dcl-events-kicker {
  font-size: clamp(1.05rem, 1.55vw, 1.28rem) !important;
  color: #152033 !important;
}

[data-theme="dark"] #pageDecentraland .dcl-events-kicker {
  color: #f3f6fb !important;
}

/* ── Topbar logo — persistent home navigation affordance ── */
.oao-v2-logo-btn.topbar-logo,
button.oao-v2-logo-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 5px 12px !important;
  margin: 0 !important;
  border: 1px solid var(--oao-color-border-soft) !important;
  border-radius: var(--oao-radius-md) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: var(--oao-shadow-xs) !important;
  cursor: pointer !important;
  transition:
    border-color var(--oao-transition-fast),
    background-color var(--oao-transition-fast),
    transform var(--oao-transition-fast),
    box-shadow var(--oao-transition-base) !important;
}

[data-theme="dark"] .oao-v2-logo-btn.topbar-logo,
[data-theme="dark"] button.oao-v2-logo-btn {
  background: rgba(18, 18, 18, 0.55) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

.oao-v2-logo-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  gap: 2px;
}

.oao-v2-logo-word {
  font-family: var(--oao-font-family-display) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--oao-color-text) !important;
}

.oao-v2-logo-hint {
  font-family: var(--oao-font-family-display) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase;
  color: var(--oao-color-text-muted) !important;
}

.oao-v2-logo-btn:not(.is-at-home) .oao-v2-logo-hint {
  color: var(--oao-color-accent, #ff5e00) !important;
}

.oao-v2-logo-btn:not(.is-at-home):hover {
  border-color: var(--oao-color-accent, #ff5e00) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1) !important;
}

.oao-v2-logo-btn:not(.is-at-home):hover .oao-v2-logo-word {
  color: var(--oao-color-text) !important;
}

.oao-v2-logo-btn.is-at-home {
  border-color: var(--oao-color-border-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.oao-v2-logo-btn.is-at-home .oao-v2-logo-hint {
  opacity: 0.72;
}

.oao-v2-logo-btn:focus-visible {
  outline: none;
  box-shadow: var(--oao-focus-ring) !important;
}

/* ── Productivity shell — hub layout (see .oao-shell-hub) ── */
#pageShellAgents.active,
#pageShellIdentity.active,
#pageShellSettlement.active {
  overflow: hidden !important;
}

#pageShellAgents .oao-v2-flow-rail {
  margin-top: 10px !important;
  font-size: 9px !important;
  gap: 4px 3px !important;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .nav-menu.nav-menu--four {
    width: min(92%, 50vw) !important;
    max-width: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .oao-v2-module-head,
  #pageEns .ens-container,
  #pageDecentraland .dcl-container,
  #pageNav .site-card {
    animation: none !important;
  }

  .oao-btn:not(.oao-btn--primary):hover,
  .toolbar-btn:hover,
  .nav-menu--four .nav-item:hover,
  .oao-v2-shell-tile:not(:disabled):not(.is-disabled):hover,
  .oao-desktop-app:not(:disabled):hover,
  .oao-v2-card:hover,
  #connectButton:hover,
  .oao-btn--primary:hover,
  #oaoAskBtn:hover,
  #pageDecentraland .dcl-action-btn:hover {
    transform: none !important;
    animation: none !important;
  }
}

/* ═══════════════════════════════════════════
   Discover Hub — left rail + right workspace
   ═══════════════════════════════════════════ */
#pageNav.oao-discover-hub.active {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden !important;
  min-height: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 4px 0 calc(54px + env(safe-area-inset-bottom, 0px));
  background: var(--oao-color-bg);
}

#pageNav .oao-discover-stage {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(220px, 272px) minmax(0, 1fr);
  gap: 14px;
  width: min(1560px, calc(100% - 16px));
  margin: 0 auto;
  padding: 0 4px;
  align-items: stretch;
}

#pageNav .oao-discover-rail {
  display: flex;
  flex-direction: column;
  min-height: 0;
  gap: 8px;
  padding: 6px 2px 8px;
}

#pageNav .oao-discover-rail-head {
  flex-shrink: 0;
  padding: 0 4px 6px;
}

#pageNav .oao-discover-kicker {
  margin: 0;
  font-size: var(--oao-text-sm);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--oao-color-text-muted);
}

#pageNav .oao-discover-title {
  margin: 4px 0 0;
  font-family: var(--oao-font-family-display);
  font-size: var(--oao-text-xl);
  font-weight: 700;
  letter-spacing: var(--oao-tracking-tight);
  line-height: 1.2;
  color: var(--oao-color-text);
}

#pageNav .oao-discover-desc {
  margin: 6px 0 0;
  font-size: var(--oao-text-sm);
  line-height: 1.45;
  color: var(--oao-color-text-muted);
}

#pageNav .oao-discover-nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 2px;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--oao-color-text) 28%, transparent) transparent;
}

#pageNav .oao-discover-nav::-webkit-scrollbar {
  width: 6px;
}

#pageNav .oao-discover-nav::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--oao-color-text) 22%, transparent);
}

#pageNav .oao-discover-group {
  margin-bottom: 10px;
}

#pageNav .oao-discover-group-label {
  margin: 0 4px 6px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--oao-color-text-muted);
  opacity: 0.85;
}

#pageNav .oao-discover-item {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0 0 6px;
  padding: 10px 12px;
  border: 1px solid var(--oao-color-border-soft);
  border-radius: 10px;
  background: color-mix(in srgb, var(--oao-color-surface) 82%, transparent);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--oao-color-text);
  font-family: var(--oao-font-family);
  font-size: var(--oao-text-sm);
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  transition: border-color var(--oao-transition-fast), background var(--oao-transition-fast), color var(--oao-transition-fast);
}

#pageNav .oao-discover-item:hover {
  border-color: color-mix(in srgb, var(--oao-color-accent, #ff6a00) 45%, var(--oao-color-border-soft));
  background: var(--oao-color-surface-soft);
}

#pageNav .oao-discover-item.active {
  border-color: color-mix(in srgb, var(--oao-color-accent, #ff6a00) 55%, var(--oao-color-border-soft));
  background: color-mix(in srgb, var(--oao-color-accent, #ff6a00) 8%, var(--oao-color-surface));
  color: var(--oao-color-text);
}

#pageNav .oao-discover-item-icon {
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1;
  opacity: 0.9;
}

#pageNav .oao-discover-item-label {
  flex: 1 1 auto;
  min-width: 0;
}

#pageNav .oao-discover-rail-foot {
  flex-shrink: 0;
  padding: 4px 2px 0;
}

#pageNav .oao-discover-workspace {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#pageNav .oao-discover-web3,
#pageNav .oao-discover-feature {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#pageNav .nav-container.nav-layout-discover,
#oaoDiscoverWeb3 .nav-container.nav-layout-discover,
.oao-shell-embed-panel #oaoDiscoverWeb3 .nav-layout-discover {
  flex: 1 1 auto;
  min-height: 0;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column;
  border: 1px solid var(--oao-color-border-soft) !important;
  border-radius: var(--oao-radius-xl, 16px) !important;
  background: color-mix(in srgb, var(--oao-color-surface) 90%, transparent) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--oao-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.08)) !important;
  overflow: hidden !important;
}

#pageNav .nav-layout-discover .nav-main,
#oaoDiscoverWeb3 .nav-layout-discover .nav-main {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#pageNav .nav-layout-discover .nav-body,
#oaoDiscoverWeb3 .nav-layout-discover .nav-body {
  flex: 1 1 auto;
  min-height: 0;
}

#pageNav .nav-layout-discover .nav-panel,
#oaoDiscoverWeb3 .nav-layout-discover .nav-panel {
  flex: 1 1 auto;
  min-height: 0;
}

#pageNav .nav-layout-discover .nav-sites-scroll,
#oaoDiscoverWeb3 .nav-layout-discover .nav-sites-scroll {
  max-height: none;
  height: 100%;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

#pageNav .oao-discover-feature-card {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 28px 32px;
  border: 1px solid var(--oao-color-border-soft);
  border-radius: var(--oao-radius-xl, 16px);
  background: color-mix(in srgb, var(--oao-color-surface) 90%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--oao-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.08));
}

#pageNav .oao-discover-feature-label {
  margin: 0;
  font-size: var(--oao-text-sm);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--oao-color-text-muted);
}

#pageNav .oao-discover-feature-title {
  margin: 0;
  font-family: var(--oao-font-family-display);
  font-size: var(--oao-text-2xl);
  font-weight: 700;
  letter-spacing: var(--oao-tracking-tight);
  line-height: 1.2;
  color: var(--oao-color-text);
}

#pageNav .oao-discover-feature-desc {
  margin: 0;
  max-width: 42em;
  font-size: var(--oao-text-base);
  line-height: var(--oao-leading-relaxed);
  color: var(--oao-color-text-muted);
}

#pageNav .oao-discover-feature-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

/* ── Pure Web3 Directory (no full-site Discover catalog) ── */
#pageNav.oao-web3-pure .oao-discover-stage {
  grid-template-columns: minmax(148px, 168px) minmax(0, 1fr);
  width: min(1680px, calc(100% - 20px));
  gap: 12px;
  height: 100%;
  min-height: 0;
  align-items: stretch;
}

#pageNav.oao-web3-pure .oao-discover-rail,
#pageNav.oao-web3-pure .oao-discover-workspace {
  min-height: 0;
  height: 100%;
  max-height: 100%;
}

#pageNav.oao-web3-pure .oao-discover-workspace {
  overflow: hidden;
}

#pageNav.oao-web3-pure #oaoDiscoverWeb3 {
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: 100%;
}

#pageNav.oao-web3-pure .oao-discover-rail-head {
  padding-bottom: 4px;
}

#pageNav.oao-web3-pure .oao-discover-title {
  font-size: clamp(1.15rem, 1.6vw, 1.45rem);
}

#pageNav.oao-web3-pure .oao-discover-desc {
  font-size: 12px;
  line-height: 1.4;
}

#pageNav.oao-web3-pure .oao-discover-item {
  padding: 11px 12px;
  margin-bottom: 4px;
}

#pageNav.oao-web3-pure .nav-container.nav-layout-discover {
  border-radius: 14px !important;
}

#pageNav.oao-web3-pure .nav-topbar {
  padding: 10px 14px !important;
  gap: 10px 14px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

#pageNav.oao-web3-pure .nav-topbar-actions.search-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 auto;
  min-width: 0;
}

#pageNav.oao-web3-pure .nav-search-input {
  flex: 1 1 auto;
  min-width: 140px;
  max-width: 420px;
}

#pageNav.oao-web3-pure .nav-topbar-title {
  font-size: 15px !important;
}

#pageNav.oao-web3-pure .nav-primary-data {
  border: 0;
  box-shadow: none;
  background: transparent;
}

#pageNav.oao-web3-pure .nav-sites-scroll {
  padding: 10px 12px 16px;
}

#pageNav.oao-web3-pure .card-view,
#pageNav.oao-web3-pure #oaoDiscoverWeb3 .card-view {
  grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)) !important;
  gap: 10px !important;
  padding-bottom: 8px;
}

#pageNav.oao-web3-pure .site-card {
  padding: 12px 13px !important;
  border-radius: 10px !important;
  min-height: 0;
}

#pageNav.oao-web3-pure .site-card:hover {
  transform: translateY(-1px) !important;
}

#pageNav.oao-web3-pure .site-card-title {
  font-size: 13.5px !important;
  margin-bottom: 4px !important;
  line-height: 1.3;
}

#pageNav.oao-web3-pure .site-card-url {
  font-size: 11px !important;
  margin-bottom: 6px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal;
}

#pageNav.oao-web3-pure .site-card-desc {
  font-size: 12px !important;
  line-height: 1.4 !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 900px) {
  #pageNav .oao-discover-stage {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }

  #pageNav .oao-discover-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    overflow-y: visible;
    max-height: none;
  }

  #pageNav .oao-discover-group {
    display: contents;
  }

  #pageNav .oao-discover-group-label {
    width: 100%;
    margin-top: 4px;
  }

  #pageNav .oao-discover-item {
    flex: 1 1 calc(50% - 6px);
    margin: 0;
  }

  #pageNav.oao-web3-pure .oao-discover-item {
    flex: 1 1 calc(33.33% - 6px);
    min-width: 88px;
    justify-content: center;
    text-align: center;
  }

  #pageNav.oao-web3-pure .card-view,
  #pageNav.oao-web3-pure #oaoDiscoverWeb3 .card-view {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  }
}

/* ═══════════════════════════════════════════
   Shell Hub — Productivity / Identity / Value
   ═══════════════════════════════════════════ */
.page-section.oao-shell-hub.active {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden !important;
  min-height: 0;
  height: 100%;
  padding:
    clamp(40px, 7vh, 88px)
    clamp(16px, 3vw, 40px)
    calc(var(--oao-bottomnav-height, 76px) + 28px + env(safe-area-inset-bottom, 0px))
    !important;
  box-sizing: border-box;
  background: var(--oao-color-bg);
}

.oao-shell-stage {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(220px, 272px) minmax(0, 1fr);
  gap: 18px;
  width: min(1280px, 100%);
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  align-items: stretch;
  align-self: center;
}

.oao-shell-rail {
  display: flex;
  flex-direction: column;
  min-height: 0;
  gap: 8px;
  padding: 12px 4px 12px;
}

.oao-shell-rail-head {
  flex-shrink: 0;
  padding: 0 4px 6px;
}

.oao-shell-kicker {
  margin: 0;
  font-size: var(--oao-text-sm);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--oao-color-primary, #ff5e00);
}

.oao-shell-title {
  margin: 4px 0 0;
  font-family: var(--oao-font-family-display);
  font-size: var(--oao-text-xl);
  font-weight: 700;
  letter-spacing: var(--oao-tracking-tight);
  line-height: 1.2;
  color: var(--oao-color-text);
}

.oao-shell-desc {
  margin: 6px 0 0;
  font-size: var(--oao-text-sm);
  line-height: 1.45;
  color: var(--oao-color-text-muted);
}

.oao-shell-rail-nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 8px;
  border: 1px solid rgba(18, 18, 18, 0.28);
  border-radius: var(--oao-radius-lg, 12px);
  background: color-mix(in srgb, var(--oao-color-surface, #fff) 88%, transparent);
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--oao-color-text) 28%, transparent) transparent;
}

.oao-shell-rail-nav::-webkit-scrollbar {
  width: 6px;
}

.oao-shell-rail-nav::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--oao-color-text) 22%, transparent);
}

.oao-shell-rail-item {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0 0 6px;
  padding: 10px 12px;
  border: 1px solid var(--oao-color-border-soft);
  border-radius: 10px;
  background: color-mix(in srgb, var(--oao-color-surface) 82%, transparent);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--oao-color-text);
  font-family: var(--oao-font-family);
  font-size: var(--oao-text-sm);
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  transition: border-color var(--oao-transition-fast), background var(--oao-transition-fast);
}

#pageShellAgents .oao-shell-rail-nav .oao-shell-rail-item {
  justify-content: center;
  text-align: center;
}

/* 侧栏标签同宽：短文案两端对齐到最长四字宽度 */
#pageShellAgents .oao-shell-rail-nav .oao-shell-rail-item > span {
  display: inline-block;
  width: 4.2em;
  max-width: 100%;
  text-align: justify;
  text-align-last: justify;
  letter-spacing: 0;
  line-height: 1.3;
  white-space: nowrap;
}

#pageShellIdentity .oao-shell-rail-nav .oao-shell-rail-item {
  justify-content: center;
  text-align: center;
}

/* 身份侧栏：最长约七字，短标签同宽对齐 */
#pageShellIdentity .oao-shell-rail-nav .oao-shell-rail-item > span {
  display: inline-block;
  width: 7.2em;
  max-width: 100%;
  text-align: justify;
  text-align-last: justify;
  letter-spacing: 0;
  line-height: 1.3;
  white-space: nowrap;
}

#pageShellSettlement .oao-shell-rail-nav .oao-shell-rail-item {
  justify-content: center;
  text-align: center;
}

/* 合约侧栏：最长四字同宽居中 */
#pageShellSettlement .oao-shell-rail-nav .oao-shell-rail-item > span {
  display: inline-block;
  width: 4.2em;
  max-width: 100%;
  text-align: justify;
  text-align-last: justify;
  letter-spacing: 0;
  line-height: 1.3;
  white-space: nowrap;
}

.oao-shell-rail-item:hover:not(:disabled):not(.is-disabled) {
  border-color: color-mix(in srgb, var(--oao-color-accent, #ff6a00) 45%, var(--oao-color-border-soft));
  background: var(--oao-color-surface-soft);
}

.oao-shell-rail-item.active {
  border-color: color-mix(in srgb, var(--oao-color-accent, #ff6a00) 55%, var(--oao-color-border-soft));
  background: color-mix(in srgb, var(--oao-color-accent, #ff6a00) 8%, var(--oao-color-surface));
}

.oao-shell-rail-item.is-disabled,
.oao-shell-rail-item:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.oao-shell-rail-foot {
  flex-shrink: 0;
  padding: 4px 2px 0;
}

.oao-shell-workspace {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 12px 10px;
  box-sizing: border-box;
  border: 1px solid var(--oao-color-border-soft, rgba(18, 18, 18, 0.16));
  border-radius: var(--oao-radius-xl, 16px);
  background: color-mix(in srgb, var(--oao-color-surface, #fff) 92%, transparent);
}

.oao-shell-panel {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#shellIdentityPanelOverview.oao-shell-panel.active,
#shellSettlementPanelOverview.oao-shell-panel.active {
  padding: 12px;
  border: 1px solid rgba(18, 18, 18, 0.28);
  border-radius: var(--oao-radius-xl, 16px);
  background: color-mix(in srgb, var(--oao-color-surface, #fff) 94%, transparent);
  box-sizing: border-box;
}

#pageShellSettlement .oao-shell-rail-nav,
#pageShellIdentity .oao-shell-rail-nav,
#pageShellAgents .oao-shell-rail-nav {
  border: 1px solid rgba(18, 18, 18, 0.28);
  border-radius: var(--oao-radius-lg, 12px);
  background: color-mix(in srgb, var(--oao-color-surface, #fff) 92%, transparent);
  box-sizing: border-box;
}

[data-theme="dark"] #shellIdentityPanelOverview.oao-shell-panel.active,
[data-theme="dark"] #shellSettlementPanelOverview.oao-shell-panel.active,
[data-theme="dark"] #pageShellSettlement .oao-shell-rail-nav,
[data-theme="dark"] #pageShellIdentity .oao-shell-rail-nav,
[data-theme="dark"] #pageShellAgents .oao-shell-rail-nav {
  border-color: rgba(255, 255, 255, 0.28);
}

.oao-shell-panel-card {
  flex: 1 1 auto;
  min-height: 0;
  border: 1px solid var(--oao-color-border-soft);
  border-radius: var(--oao-radius-xl, 16px);
  background: color-mix(in srgb, var(--oao-color-surface) 90%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--oao-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.08));
}

.oao-shell-panel-card.oao-v2-shell-hero {
  padding: 20px 22px;
  flex-shrink: 0;
}

.oao-shell-feature-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 28px 32px;
}

.oao-shell-feature-label {
  margin: 0;
  font-size: var(--oao-text-sm);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--oao-color-text-muted);
}

.oao-shell-feature-title {
  margin: 0;
  font-family: var(--oao-font-family-display);
  font-size: var(--oao-text-2xl);
  font-weight: 700;
  letter-spacing: var(--oao-tracking-tight);
  line-height: 1.2;
  color: var(--oao-color-text);
}

.oao-shell-feature-desc {
  margin: 0;
  max-width: 42em;
  font-size: var(--oao-text-base);
  line-height: var(--oao-leading-relaxed);
  color: var(--oao-color-text-muted);
}

.oao-shell-feature-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.oao-shell-tasks-panel {
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
}

.oao-shell-tasks-head {
  flex-shrink: 0;
}

#pageShellAgents .oao-shell-tasks-panel .oao-v2-task-workspace {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
}

.oao-shell-soon-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  width: 100%;
}

.oao-shell-soon-item {
  padding: 12px 14px;
  border: 1px solid var(--oao-color-border-soft);
  border-radius: 10px;
  background: var(--oao-color-surface-soft);
}

.oao-shell-soon-item-title {
  margin: 4px 0 0;
  font-size: var(--oao-text-lg);
  font-weight: 600;
}

.oao-shell-soon-item-desc {
  margin: 6px 0 0;
  font-size: var(--oao-text-sm);
  color: var(--oao-color-text-muted);
  line-height: 1.45;
}

@media (max-width: 900px) {
  .oao-shell-stage {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }

  .oao-shell-rail-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    overflow-y: visible;
    max-height: none;
  }

  .oao-shell-rail-item {
    flex: 1 1 calc(50% - 6px);
    margin: 0;
  }
}

/* Shell workspace embeds — keep tools inside the right panel (two-layer UX) */
.oao-shell-embed-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
  padding: 0;
  overflow: hidden;
}

.oao-embed-host {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}

.oao-embed-stash {
  display: none !important;
}

[data-oao-embed-hidden] {
  display: none !important;
}

/* Inline tools inside shell (discover-style): visible when parent panel is active */
#pageShellIdentity .oao-shell-panel.active > #pageEns.oao-shell-inline-tool,
#pageShellIdentity .oao-shell-panel.active > #pageTimeSlot.oao-shell-inline-tool,
.oao-shell-panel.active > .oao-shell-inline-tool {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: 100% !important;
  min-height: min(72vh, 680px) !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  position: relative !important;
  inset: auto !important;
}

#pageShellIdentity .oao-shell-panel[data-shell-panel="open-ens"],
#pageShellIdentity .oao-shell-panel[data-shell-panel="open-genesis"] {
  min-height: min(72vh, 680px);
  padding: 0;
  overflow: hidden;
}

#pageShellIdentity #pageEns.oao-shell-inline-tool .ens-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

#pageShellIdentity #pageTimeSlot.oao-shell-inline-tool .oao-v2-module-head {
  display: none !important;
}

#pageShellIdentity #pageTimeSlot.oao-shell-inline-tool .time-scroll-container {
  flex: 1 1 auto;
  min-height: 0;
}

/* Inline modals (meeting / translate / audit / wallet / kb) inside shell workspace */
.oao-shell-panel.active > .oao-shell-inline-modal,
.oao-shell-panel.active .oao-shell-inline-modal {
  display: flex !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

#shellAgentsPanelMeeting.oao-shell-panel.active > .oao-shell-inline-modal,
#shellAgentsPanelMeeting .oao-meeting-modal.oao-shell-inline-modal {
  min-height: 0 !important;
  height: 100% !important;
}

#shellAgentsPanelMeeting .oao-meeting-content {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}

.oao-shell-inline-modal .modal-overlay,
.oao-shell-inline-modal > .close-btn,
.oao-shell-inline-kb .kb-upload-backdrop,
.oao-shell-inline-kb .kb-upload-close {
  display: none !important;
}

.oao-shell-inline-modal .modal-content,
.oao-shell-inline-modal .oao-meeting-content,
.oao-shell-inline-modal .oao-translate-content,
.oao-shell-inline-modal .login-modal-content {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

#shellAgentsPanelTranslate .oao-translate-fullscreen-btn,
#shellAgentsPanelTranslate .oao-translate-content > .close-btn,
#shellAgentsPanelAudit .oao-translate-fullscreen-btn,
#shellAgentsPanelAudit .oao-translate-content > .close-btn {
  display: none !important;
}

#shellAgentsPanelTranslate .oao-translate-frame-wrap,
#shellAgentsPanelAudit .oao-translate-frame-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

#shellAgentsPanelTranslate #oaoTranslateFrame,
#shellAgentsPanelAudit #oaoAuditFrame {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

.oao-shell-inline-kb {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  position: relative !important;
  overflow: hidden;
}

.oao-shell-inline-kb .kb-upload-panel {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  inset: auto !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#shellAgentsPanelKnowledge .kb-dropzone {
  flex: 0 1 auto !important;
  min-height: 100px !important;
  max-height: 160px !important;
}

#shellAgentsPanelKnowledge .kb-upload-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
}

#shellAgentsPanelKnowledge .kb-upload-footer {
  flex-shrink: 0 !important;
}

.oao-shell-embed-panel .ai-home-side-panel.oao-embedded {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: min(68vh, 560px);
  max-width: none !important;
  z-index: 1 !important;
}

.oao-shell-embed-panel .ai-home-side-panel.oao-embedded .oao-side-panel-shell {
  height: 100%;
  min-height: 0;
  border: 1px solid var(--oao-color-border-soft);
  border-radius: 10px;
}

.oao-shell-embed-panel .oao-v2-ask.oao-embedded {
  width: 100%;
  margin: 0;
  padding: 16px 18px;
}

.oao-shell-embed-panel #oaoDiscoverWeb3.oao-embedded {
  flex: 1 1 auto;
  min-height: min(72vh, 640px);
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.oao-shell-embed-panel #oaoDiscoverWeb3.oao-embedded .nav-layout-discover {
  min-height: 0;
  height: 100%;
  flex: 1 1 auto;
}

/* 嵌入壳内：外层不滚动，只让站点列表滚动 */
.oao-shell-embed-panel:has(#oaoDiscoverWeb3.oao-embedded) {
  overflow: hidden;
}

.oao-shell-workspace:has(#oaoDiscoverWeb3.oao-embedded) {
  overflow: hidden;
}

.oao-shell-embed-panel #kbUploadPanel.oao-embedded {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: 100%;
}

/* ═══════════════════════════════════════════════════════════
   Four-module bottom nav — ONE style on every page (home/AI/身份/空间/合约)
   No body.oao-home-active / page-specific forks.
   ═══════════════════════════════════════════════════════════ */
.nav-menu.nav-menu--four {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top: 1px solid rgba(18, 18, 18, 0.12) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .nav-menu.nav-menu--four,
[data-theme="dark"] .nav-menu.nav-menu--four {
  background: #121212 !important;
  border-top-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

body.oao-home-active .nav-menu.nav-menu--four,
body:not(.oao-home-active) .nav-menu.nav-menu--four {
  /* force same chrome whether home or shell */
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.oao-home-active .nav-menu.nav-menu--four,
html[data-theme="dark"] body:not(.oao-home-active) .nav-menu.nav-menu--four,
[data-theme="dark"] body.oao-home-active .nav-menu.nav-menu--four,
[data-theme="dark"] body:not(.oao-home-active) .nav-menu.nav-menu--four {
  background: #121212 !important;
  box-shadow: none !important;
}

.nav-menu.nav-menu--four .nav-item,
body.oao-home-active .nav-menu.nav-menu--four .nav-item,
body:not(.oao-home-active) .nav-menu.nav-menu--four .nav-item {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(18, 18, 18, 0.18) !important;
  color: #121212 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}

.nav-menu.nav-menu--four .nav-item:hover,
body.oao-home-active .nav-menu.nav-menu--four .nav-item:hover,
body:not(.oao-home-active) .nav-menu.nav-menu--four .nav-item:hover {
  background: #121212 !important;
  border-color: #ff5e00 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}

.nav-menu.nav-menu--four .nav-item.active,
.nav-menu.nav-menu--four .nav-item.active:hover,
body.oao-home-active .nav-menu.nav-menu--four .nav-item.active,
body.oao-home-active .nav-menu.nav-menu--four .nav-item.active:hover,
body:not(.oao-home-active) .nav-menu.nav-menu--four .nav-item.active,
body:not(.oao-home-active) .nav-menu.nav-menu--four .nav-item.active:hover {
  background: #121212 !important;
  border-color: #ff5e00 !important;
  color: #ffffff !important;
  box-shadow: inset 0 2px 0 #ff5e00 !important;
  text-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] .nav-menu.nav-menu--four .nav-item,
[data-theme="dark"] .nav-menu.nav-menu--four .nav-item,
html[data-theme="dark"] body.oao-home-active .nav-menu.nav-menu--four .nav-item,
[data-theme="dark"] body.oao-home-active .nav-menu.nav-menu--four .nav-item {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #f2f2f2 !important;
}

html[data-theme="dark"] .nav-menu.nav-menu--four .nav-item:hover,
[data-theme="dark"] .nav-menu.nav-menu--four .nav-item:hover {
  background: #ffffff !important;
  border-color: #ff9a44 !important;
  color: #121212 !important;
}

html[data-theme="dark"] .nav-menu.nav-menu--four .nav-item.active,
html[data-theme="dark"] .nav-menu.nav-menu--four .nav-item.active:hover,
[data-theme="dark"] .nav-menu.nav-menu--four .nav-item.active,
[data-theme="dark"] .nav-menu.nav-menu--four .nav-item.active:hover {
  background: #ffffff !important;
  border-color: #ff9a44 !important;
  color: #121212 !important;
  box-shadow: inset 0 2px 0 #ff9a44 !important;
}

.nav-menu.nav-menu--four .nav-item *,
body.oao-home-active .nav-menu.nav-menu--four .nav-item * {
  color: inherit !important;
  text-shadow: none !important;
  opacity: 1 !important;
  text-align: center !important;
}