/* ==========================================================================
   ManaSentry Oracle Suite — Native Mobile App Shell & 9-Tool Responsive CSS
   Aesthetic: Deep Glass & Cyan Neon | Full Light Mode Parity | Zero Emojis
   ========================================================================== */

/* Desktop "Simula App" Header Button (Visible on Desktop, Hidden in App Mode) */
.os-btn-app-preview-desktop {
  color: #00f2fe;
  text-decoration: none;
  border: 1px solid rgba(0, 242, 254, 0.45);
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, rgba(0, 242, 254, 0.14) 0%, rgba(2, 132, 199, 0.06) 100%);
  box-shadow: 0 0 14px rgba(0, 242, 254, 0.14);
  transition: all 0.2s ease;
  letter-spacing: 0.3px;
}

.os-btn-app-preview-desktop:hover {
  background: rgba(0, 242, 254, 0.22);
  border-color: #00f2fe;
  box-shadow: 0 0 18px rgba(0, 242, 254, 0.32);
  transform: translateY(-1px);
}

:root[data-theme="light"] .os-btn-app-preview-desktop {
  color: #0284c7;
  border-color: rgba(2, 132, 199, 0.45);
  background: rgba(2, 132, 199, 0.08);
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.12);
}

/* By default on Desktop (when not in ?app=1 mode), hide mobile-only App Shell elements */
.ms-app-bottom-nav,
.ms-app-sheet-backdrop,
.ms-app-bottom-sheet,
.ms-app-tool-pill {
  display: none;
}

/* ==========================================================================
   APP SHELL ACTIVATION & NATIVE TOUCH VIEWPORT (html[data-ms-app="1"])
   ========================================================================== */
html[data-ms-app="1"],
html[data-ms-app="1"] body.oracle-suite-body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
  width: 100% !important;
  -webkit-tap-highlight-color: transparent;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html[data-ms-app="1"]::-webkit-scrollbar,
html[data-ms-app="1"] body::-webkit-scrollbar,
html[data-ms-app="1"] *::-webkit-scrollbar {
  width: 0px !important;
  height: 0px !important;
  display: none !important;
}

html[data-ms-app="1"] body.oracle-suite-body {
  padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Hide Desktop-Only Navigation, Command Center, Pro/Sorcerer Macro Tabs & Announcement Ticker */
html[data-ms-app="1"] .os-btn-command-center,
html[data-ms-app="1"] .os-btn-app-preview-desktop,
html[data-ms-app="1"] .os-macro-nav,
html[data-ms-app="1"] .os-tools-subnav,
html[data-ms-app="1"] .os-brand-version,
html[data-ms-app="1"] #ms-announcement-bar,
html[data-ms-app="1"] .ms-announcement-bar {
  display: none !important;
}

/* ==========================================================================
   1. ULTRA-SLEEK SINGLE-ROW FROSTED GLASS TOP APP BAR
   Overrides dashboard.css @media (max-width: 768px) { header { flex-direction: column } }
   ========================================================================== */
html[data-ms-app="1"] header.os-header,
html[data-ms-app="1"] .os-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9100 !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  padding: 0 10px !important;
  background: rgba(8, 12, 24, 0.92) !important;
  backdrop-filter: blur(22px) saturate(185%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(185%) !important;
  border-bottom: 1px solid rgba(0, 242, 254, 0.24) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.55) !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

:root[data-theme="light"][data-ms-app="1"] header.os-header,
:root[data-theme="light"][data-ms-app="1"] .os-header {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom: 1px solid rgba(2, 132, 199, 0.28) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

html[data-ms-app="1"] .os-brand-wrap {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  flex-shrink: 1 !important;
}

html[data-ms-app="1"] .os-header-logo {
  height: 22px !important;
  width: auto !important;
  flex-shrink: 0 !important;
}

html[data-ms-app="1"] .os-brand-title {
  font-size: 0.90rem !important;
  white-space: nowrap !important;
}

/* Active Tool Pill in Top Bar (shown only when viewport >= 480px so phone header never truncates) */
html[data-ms-app="1"] .ms-app-tool-pill {
  display: none !important;
}

@media (min-width: 480px) {
  html[data-ms-app="1"] .ms-app-tool-pill {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #00f2fe;
    background: rgba(0, 242, 254, 0.1);
    border: 1px solid rgba(0, 242, 254, 0.32);
    box-shadow: 0 0 10px rgba(0, 242, 254, 0.12);
    white-space: nowrap;
  }
}

:root[data-theme="light"][data-ms-app="1"] .ms-app-tool-pill {
  color: #0284c7;
  background: rgba(2, 132, 199, 0.1);
  border-color: rgba(2, 132, 199, 0.35);
  box-shadow: none;
}

/* Compact Top Bar Right Actions */
html[data-ms-app="1"] .os-header-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 5px !important;
  flex-shrink: 0 !important;
}

html[data-ms-app="1"] .os-header-actions .lang-btn,
html[data-ms-app="1"] .os-header-actions .os-btn-theme-toggle,
html[data-ms-app="1"] .os-header-actions .os-btn-action {
  padding: 3px 6px !important;
  font-size: 0.68rem !important;
  border-radius: 6px !important;
  min-height: 26px !important;
  height: 26px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-ms-app="1"] #theme-btn-label,
html[data-ms-app="1"] .os-header-actions [data-i18n="nav_profile"],
html[data-ms-app="1"] .os-header-actions [data-i18n="btn_register"],
html[data-ms-app="1"] .os-header-actions .os-logout-text {
  display: none !important;
}

html[data-ms-app="1"] .os-header-actions .os-logout-svg {
  margin-left: 0 !important;
}

/* ==========================================================================
   2. COMPACT SINGLE-LINE MULTI-TCG GAME SELECTOR BAR
   ========================================================================== */
html[data-ms-app="1"] .os-macro-bar {
  padding: 3px 8px 1px 8px !important;
  margin-bottom: 0 !important;
  justify-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] #oracle-global-game-selector-container {
  width: 100% !important;
  margin-left: 0 !important;
  justify-content: center !important;
}

html[data-ms-app="1"] .custom-game-dropdown-container {
  width: 100% !important;
}

html[data-ms-app="1"] #oracle-game-dropdown-trigger {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  min-height: 26px !important;
  border-radius: 8px !important;
  background: rgba(13, 21, 39, 0.78) !important;
  border: 1px solid rgba(0, 242, 254, 0.25) !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] #oracle-game-dropdown-trigger [data-i18n="tcg_filter_label"] {
  font-size: 0.65rem !important;
  white-space: nowrap !important;
}

html[data-ms-app="1"] #oracle-selected-game-label {
  font-size: 0.75rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

:root[data-theme="light"][data-ms-app="1"] #oracle-game-dropdown-trigger {
  background: #ffffff !important;
  border-color: rgba(2, 132, 199, 0.3) !important;
}

/* ==========================================================================
   3. MAIN VIEWPORT CONTAINER & COMPACT PROPORTIONAL SIZING IN APP MODE
   ========================================================================== */
html[data-ms-app="1"] .os-hero-viewport {
  padding: 2px 8px 10px 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] .os-hero-viewport > div:first-child:not(.modal-overlay) {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Compact margins & paddings on all 12 tool cards */
html[data-ms-app="1"] .glass-card,
html[data-ms-app="1"] #oracle-main-glass-card,
html[data-ms-app="1"] #oracle-main-card,
html[data-ms-app="1"] #oracle-featured-card,
html[data-ms-app="1"] #oracle-featured-container,
html[data-ms-app="1"] #oracle-featured-section,
html[data-ms-app="1"] #oracle-trade-card,
html[data-ms-app="1"] #oracle-trade-calculator-card,
html[data-ms-app="1"] #totem-vendita-section,
html[data-ms-app="1"] #totem-vendita-module,
html[data-ms-app="1"] #deck-composer-section,
html[data-ms-app="1"] #oracle-goldfish-card,
html[data-ms-app="1"] #metagame-module,
html[data-ms-app="1"] #scarcity-radar-card,
html[data-ms-app="1"] #scarcity-section,
html[data-ms-app="1"] #wishlist-card,
html[data-ms-app="1"] #deal-wishlist-card,
html[data-ms-app="1"] #oracle-news-container,
html[data-ms-app="1"] #oracle-historic-container,
html[data-ms-app="1"] .composer-grid-2 > .glass-card {
  margin-top: 4px !important;
  margin-bottom: 8px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Global Compact Headers & Subtitles for Native Mobile Density */
html[data-ms-app="1"] .card-header {
  gap: 5px !important;
  margin-bottom: 6px !important;
  padding-bottom: 5px !important;
}

html[data-ms-app="1"] .card-header h2,
html[data-ms-app="1"] .section-title,
html[data-ms-app="1"] #oracle-main-header-title,
html[data-ms-app="1"] #wishlist-card h2,
html[data-ms-app="1"] #deal-wishlist-card h2,
html[data-ms-app="1"] #scarcity-radar-card h2,
html[data-ms-app="1"] #scarcity-section h2,
html[data-ms-app="1"] #totem-vendita-section h2,
html[data-ms-app="1"] #totem-vendita-module h2,
html[data-ms-app="1"] #oracle-historic-container h3 {
  font-size: 0.86rem !important;
  line-height: 1.2 !important;
}

html[data-ms-app="1"] #oracle-main-header-title {
  white-space: normal !important;
}

html[data-ms-app="1"] [data-i18n="totem_description"],
html[data-ms-app="1"] [data-i18n="scarcity_desc"],
html[data-ms-app="1"] [data-i18n="wishlist_subtitle"],
html[data-ms-app="1"] [data-i18n="oracle_historic_subtitle"] {
  font-size: 0.65rem !important;
  line-height: 1.2 !important;
  margin-top: 2px !important;
}

/* Global Compact Inputs, Selects & Buttons (16px mandatory to prevent iOS WKWebView auto-zoom on focus) */
html[data-ms-app="1"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
html[data-ms-app="1"] input[type="text"],
html[data-ms-app="1"] input[type="search"],
html[data-ms-app="1"] input[type="number"],
html[data-ms-app="1"] input[type="email"],
html[data-ms-app="1"] input[type="password"],
html[data-ms-app="1"] input[type="date"],
html[data-ms-app="1"] select,
html[data-ms-app="1"] textarea {
  font-size: 16px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  touch-action: manipulation;
}

/* Global Compact Tables across all tools */
html[data-ms-app="1"] table th {
  font-size: 0.62rem !important;
  padding: 4px 5px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.2px !important;
}

html[data-ms-app="1"] table td {
  font-size: 0.68rem !important;
  padding: 4px 5px !important;
  line-height: 1.2 !important;
  font-variant-numeric: tabular-nums;
}

/* Tabular Numbers for Financial Grade Price Display */
html[data-ms-app="1"] .kpi-card,
html[data-ms-app="1"] #oracle-card-price,
html[data-ms-app="1"] #oracle-card-real-value,
html[data-ms-app="1"] #oracle-card-cheapest-price {
  font-variant-numeric: tabular-nums;
}

/* ==========================================================================
   4. NATIVE BOTTOM NAVIGATION BAR (5 TABS + CYAN LED INDICATOR)
   ========================================================================== */
html[data-ms-app="1"] .ms-app-bottom-nav {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  height: calc(64px + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: rgba(8, 12, 24, 0.95);
  backdrop-filter: blur(24px) saturate(190%);
  -webkit-backdrop-filter: blur(24px) saturate(190%);
  border-top: 1px solid rgba(0, 242, 254, 0.28);
  box-shadow: 0 -10px 32px rgba(0, 0, 0, 0.75), 0 -1px 12px rgba(0, 242, 254, 0.12);
  z-index: 9200;
  user-select: none;
}

:root[data-theme="light"][data-ms-app="1"] .ms-app-bottom-nav {
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid rgba(2, 132, 199, 0.28);
  box-shadow: 0 -8px 25px rgba(15, 23, 42, 0.08);
}

.ms-app-nav-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-decoration: none;
  text-align: center;
  color: #94a3b8;
  font-family: 'Outfit', sans-serif;
  font-size: 0.62rem;
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: 0.1px;
  background: transparent;
  border: none;
  padding: 4px 2px;
  cursor: pointer;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  transition: color 0.2s ease, transform 0.15s cubic-bezier(0.22, 1, 0.36, 1);
}

.ms-app-nav-item > span:not(.ms-app-nav-icon-wrap) {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  min-height: 20px;
  line-height: 1.06;
  word-break: break-word;
}

:root[data-theme="light"] .ms-app-nav-item {
  color: #64748b;
}

.ms-app-nav-item:active {
  transform: scale(0.92);
}

.ms-app-nav-icon-wrap {
  position: relative;
  width: 34px;
  height: 24px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.22s ease;
}

.ms-app-nav-item svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: all 0.22s ease;
}

/* Top Glowing Cyan Pill Indicator on Active Tab */
.ms-app-nav-item.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 3px;
  border-radius: 0 0 4px 4px;
  background: #00f2fe;
  box-shadow: 0 0 12px #00f2fe, 0 2px 8px rgba(0, 242, 254, 0.65);
}

:root[data-theme="light"] .ms-app-nav-item.active::before {
  background: #0284c7;
  box-shadow: 0 0 8px rgba(2, 132, 199, 0.45);
}

.ms-app-nav-item.active {
  color: #00f2fe;
  font-weight: 700;
}

:root[data-theme="light"] .ms-app-nav-item.active {
  color: #0284c7;
}

.ms-app-nav-item.active .ms-app-nav-icon-wrap {
  background: rgba(0, 242, 254, 0.14);
  box-shadow: inset 0 0 8px rgba(0, 242, 254, 0.18);
}

:root[data-theme="light"] .ms-app-nav-item.active .ms-app-nav-icon-wrap {
  background: rgba(2, 132, 199, 0.12);
  box-shadow: none;
}

.ms-app-nav-item.active svg {
  filter: drop-shadow(0 0 6px rgba(0, 242, 254, 0.55));
}

:root[data-theme="light"] .ms-app-nav-item.active svg {
  filter: none;
}

/* Small Lock Badge on Guest-Restricted Tools (Totem / Mazzi / Wishlist) */
.ms-app-lock-dot {
  position: absolute;
  top: -1px;
  right: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f59e0b;
  box-shadow: 0 0 6px rgba(245, 158, 11, 0.8);
}

/* ==========================================================================
   5. NATIVE BOTTOM SHEET DRAWER ("ALTRO" & GUEST LOGIN PROMPT)
   ========================================================================== */
html[data-ms-app="1"] .ms-app-sheet-backdrop {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(3, 7, 18, 0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 9300;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

html[data-ms-app="1"] .ms-app-sheet-backdrop.open {
  opacity: 1;
  pointer-events: auto;
}

html[data-ms-app="1"] .ms-app-bottom-sheet {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 84vh;
  background: linear-gradient(180deg, rgba(13, 21, 39, 0.98) 0%, rgba(7, 11, 22, 0.99) 100%);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-top: 1px solid rgba(0, 242, 254, 0.4);
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -16px 48px rgba(0, 0, 0, 0.85), 0 0 24px rgba(0, 242, 254, 0.18);
  padding: 10px 16px calc(82px + env(safe-area-inset-bottom, 0px)) 16px;
  z-index: 9350;
  transform: translateY(105%);
  transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
  overflow-y: auto;
}

:root[data-theme="light"][data-ms-app="1"] .ms-app-bottom-sheet {
  background: #ffffff;
  border-top: 1px solid rgba(2, 132, 199, 0.35);
  box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.15);
}

html[data-ms-app="1"] .ms-app-bottom-sheet.open {
  transform: translateY(0);
}

.ms-app-sheet-handle {
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.35);
  margin: 2px auto 12px auto;
  flex-shrink: 0;
}

.ms-app-sheet-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 242, 254, 0.15);
}

:root[data-theme="light"] .ms-app-sheet-header {
  border-bottom-color: #e2e8f0;
}

.ms-app-sheet-title {
  font-size: 0.96rem;
  font-weight: 800;
  color: #f8fafc;
  letter-spacing: 0.4px;
  display: flex;
  align-items: center;
  gap: 8px;
}

:root[data-theme="light"] .ms-app-sheet-title {
  color: #0f172a;
}

.ms-app-sheet-close {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  flex: 0 0 30px !important;
  padding: 0 !important;
  border-radius: 8px;
  border: 1px solid rgba(0, 242, 254, 0.25);
  background: rgba(0, 242, 254, 0.08);
  color: #00f2fe;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
}

:root[data-theme="light"] .ms-app-sheet-close {
  border-color: rgba(2, 132, 199, 0.3);
  background: rgba(2, 132, 199, 0.08);
  color: #0284c7;
}

.ms-app-sheet-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  width: 100%;
  box-sizing: border-box;
}

html[data-ms-app="1"] #ms-app-install-banner,
html[data-ms-app="1"] #ms-app-ios-install-hint {
  display: none !important;
}

.ms-app-sheet-tile {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.72);
  border: 1px solid rgba(0, 242, 254, 0.2);
  text-decoration: none;
  color: #f8fafc;
  transition: all 0.2s ease;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

:root[data-theme="light"] .ms-app-sheet-tile {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}

.ms-app-sheet-tile.active,
.ms-app-sheet-tile:active {
  border-color: #00f2fe;
  background: rgba(0, 242, 254, 0.12);
  box-shadow: 0 0 16px rgba(0, 242, 254, 0.15);
}

:root[data-theme="light"] .ms-app-sheet-tile.active,
:root[data-theme="light"] .ms-app-sheet-tile:active {
  border-color: #0284c7;
  background: rgba(2, 132, 199, 0.1);
}

.ms-app-tile-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(0, 242, 254, 0.1);
  border: 1px solid rgba(0, 242, 254, 0.3);
  color: #00f2fe;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

:root[data-theme="light"] .ms-app-tile-icon {
  background: rgba(2, 132, 199, 0.1);
  border-color: rgba(2, 132, 199, 0.3);
  color: #0284c7;
}

.ms-app-tile-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ms-app-tile-body {
  flex: 1;
  min-width: 0;
  text-align: left;
}

.ms-app-tile-name {
  font-size: 0.82rem;
  font-weight: 700;
  color: inherit;
  margin-bottom: 1px;
}

.ms-app-tile-desc {
  font-size: 0.68rem;
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:root[data-theme="light"] .ms-app-tile-desc {
  color: #64748b;
}

/* ==========================================================================
   6. NATIVE MOBILE OVERRIDES FOR ALL 12 ORACLE SUITE TOOLS
   Applied directly under html[data-ms-app="1"] for 100% Simulator & Mobile parity
   ========================================================================== */

/* --- TOOL 1: ORACOLO CARTE SINGOLE & SET (oracle_singles_sets_core.html) --- */
html[data-ms-app="1"] #oracle-main-glass-card,
html[data-ms-app="1"] #oracle-main-card {
  position: relative !important;
  z-index: 500 !important;
  overflow: visible !important;
  padding: 14px 14px 16px 14px !important;
  margin-top: 4px !important;
  margin-bottom: 12px !important;
  border-radius: 14px !important;
  border: 1.5px solid rgba(0, 242, 254, 0.35);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.6), 0 0 18px rgba(0, 242, 254, 0.10);
}

html[data-ms-app="1"] #oracle-main-glass-card.oracle-mana-active,
html[data-ms-app="1"] #oracle-main-card.oracle-mana-active {
  border-color: var(--mana-pinline) !important;
  box-shadow:
    inset 0 0 0 1.5px var(--mana-pinline),
    inset 28px 22px 64px -16px var(--mana-c1),
    inset -28px -22px 64px -16px var(--mana-c2),
    inset 0 0 36px -8px var(--mana-c3),
    0 10px 28px rgba(0, 0, 0, 0.6),
    0 0 22px var(--mana-outer-glow) !important;
  transition: box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.45s ease !important;
}

html[data-ms-app="1"] .glass-card:focus-within,
html[data-ms-app="1"] .trade-panel:focus-within {
  position: relative !important;
  z-index: 600 !important;
  overflow: visible !important;
}

html[data-ms-app="1"] #oracle-main-glass-card > .card-header,
html[data-ms-app="1"] #oracle-main-card > .card-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-bottom: 8px !important;
  margin-bottom: 10px !important;
}

html[data-ms-app="1"] #oracle-main-glass-card > .card-header > div:first-child,
html[data-ms-app="1"] #oracle-main-card > .card-header > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 6px !important;
}

html[data-ms-app="1"] #oracle-main-glass-card > .card-header > div:first-child > div:first-child {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 6px !important;
}

html[data-ms-app="1"] #oracle-main-glass-card > .card-header > div:first-child > div:first-child > svg:first-child {
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0 !important;
}

html[data-ms-app="1"] #oracle-main-header-title {
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-ms-app="1"] #btn-oracle-info-toggle,
html[data-ms-app="1"] #oracle-info-toggle-btn {
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  flex: 0 0 22px !important;
  margin-left: 2px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  gap: 0 !important;
}

html[data-ms-app="1"] #btn-oracle-info-toggle span[data-i18n="oracle_what_is"],
html[data-ms-app="1"] #btn-oracle-info-toggle #oracle-info-toggle-chevron,
html[data-ms-app="1"] #oracle-info-toggle-btn span,
html[data-ms-app="1"] #oracle-info-toggle-btn #oracle-info-toggle-chevron {
  display: none !important;
}

html[data-ms-app="1"] #btn-oracle-info-toggle svg:first-child,
html[data-ms-app="1"] #oracle-info-toggle-btn svg:first-child {
  width: 13px !important;
  height: 13px !important;
  margin: 0 !important;
}

html[data-ms-app="1"] #oracle-info-drawer,
#oracle-info-drawer {
  padding: 10px 12px !important;
  margin-top: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] #oracle-info-drawer > div,
#oracle-info-drawer > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
}

html[data-ms-app="1"] #oracle-info-drawer > div > div:first-child,
#oracle-info-drawer > div > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

html[data-ms-app="1"] #oracle-info-drawer button,
html[data-ms-app="1"] #btn-oracle-info-close,
.card-header #oracle-info-drawer button,
#btn-oracle-info-close {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  flex: 0 0 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
}

html[data-ms-app="1"] #oracle-main-header-subtitle,
#oracle-info-drawer #oracle-main-header-subtitle {
  font-size: 0.72rem !important;
  line-height: 1.4 !important;
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

html[data-ms-app="1"] #oracle-main-glass-card > .card-header > div:last-child,
html[data-ms-app="1"] #oracle-main-card > .card-header > div:last-child {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  gap: 5px !important;
  padding: 3px !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] #btn-oracle-mode-singles,
html[data-ms-app="1"] #btn-oracle-mode-sets,
html[data-ms-app="1"] #btn-mode-singles,
html[data-ms-app="1"] #btn-mode-sets {
  width: 100% !important;
  justify-content: center !important;
  padding: 7px 10px !important;
  font-size: 0.78rem !important;
  min-height: 34px !important;
  white-space: nowrap !important;
  border-radius: 7px !important;
}

/* Prominent Full-Width Spotlight Search Bar with Integrated Icon Submit Button inside Oracolo */
html[data-ms-app="1"] .oracle-spotlight-search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0 !important;
}

html[data-ms-app="1"] .oracle-spotlight-search .oracle-spotlight-icon {
  display: none !important;
}

html[data-ms-app="1"] .oracle-spotlight-search #oracle-search-input {
  width: 100% !important;
  flex: 1 1 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  font-size: 16px !important;
  padding: 8px 46px 8px 14px !important;
  border-radius: 10px !important;
  border: 1.5px solid rgba(0, 242, 254, 0.45) !important;
}

html[data-ms-app="1"] #oracle-set-search-input {
  height: 44px !important;
  min-height: 44px !important;
  font-size: 16px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  border: 1.5px solid rgba(0, 242, 254, 0.42) !important;
}

html[data-ms-app="1"] #oracle-search-submit-btn {
  position: absolute !important;
  right: 5px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  z-index: 5 !important;
}

html[data-ms-app="1"] #oracle-search-submit-btn span[data-i18n="btn_search"] {
  display: none !important;
}

html[data-ms-app="1"] #oracle-search-submit-btn svg {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

html[data-ms-app="1"] #oracle-autocomplete-dropdown,
html[data-ms-app="1"] #oracle-set-autocomplete-dropdown {
  z-index: 99999 !important;
  max-height: 225px;
  border: 1.5px solid rgba(0, 242, 254, 0.55) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.92), 0 0 20px rgba(0, 242, 254, 0.18) !important;
}

/* Mobile Virtual Keyboard Safe Viewport Mode */
html[data-ms-app="1"][data-search-focused="1"] body {
  padding-bottom: 55vh !important;
}

html[data-ms-app="1"][data-search-focused="1"] .ms-app-bottom-nav,
html[data-ms-app="1"][data-kb-open="1"] .ms-app-bottom-nav {
  display: none !important;
}

/* Prominent Hero Stage for Oracolo Singles & Sets Placeholders (No Dashed Border) */
html[data-ms-app="1"] #oracle-card-placeholder,
html[data-ms-app="1"] #oracle-sets-placeholder {
  padding: 14px 12px 10px 12px !important;
  min-height: 0 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
}

html[data-ms-app="1"] #oracle-card-placeholder svg,
html[data-ms-app="1"] #oracle-sets-placeholder svg {
  width: 56px !important;
  height: 56px !important;
  margin-bottom: 2px !important;
  flex-shrink: 0 !important;
  filter: drop-shadow(0 0 10px rgba(0, 242, 254, 0.35)) !important;
}

html[data-ms-app="1"] #oracle-card-placeholder p,
html[data-ms-app="1"] #oracle-card-placeholder > div:nth-child(2),
html[data-ms-app="1"] #oracle-sets-placeholder > div:nth-child(2) {
  font-size: 0.84rem !important;
  line-height: 1.42 !important;
  margin: 0 auto !important;
  text-align: center !important;
  max-width: 310px !important;
  color: #cbd5e1 !important;
}

html[data-ms-app="1"] #oracle-sets-placeholder > div:nth-child(3) {
  font-size: 0.74rem !important;
  line-height: 1.35 !important;
  text-align: center !important;
  max-width: 300px !important;
  margin: 0 auto !important;
  display: block !important;
}

html[data-ms-app="1"] #oracle-card-skeleton > div {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

html[data-ms-app="1"] #oracle-card-skeleton .skeleton-shimmer[style*="width: 280px"] {
  width: 110px !important;
  height: 154px !important;
  margin: 0 auto !important;
}

/* Single Card Result Panel: Reordered via display:contents so Watchlist, Rulings & Legalities go at the END */
html[data-ms-app="1"] #oracle-card-content > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

html[data-ms-app="1"] #oracle-card-content > div > div:first-child,
html[data-ms-app="1"] #oracle-card-content > div > div:last-child {
  display: contents !important;
}

/* 1. Card Name, Edition & Stock Header (First) */
html[data-ms-app="1"] #oracle-card-content > div > div:last-child > div:first-child {
  order: 1 !important;
  padding-bottom: 5px !important;
  margin-bottom: 0 !important;
  gap: 6px !important;
}

html[data-ms-app="1"] #oracle-card-name-en {
  font-size: 0.96rem !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

html[data-ms-app="1"] #oracle-card-name-it {
  font-size: 0.72rem !important;
}

html[data-ms-app="1"] #oracle-pill-set,
html[data-ms-app="1"] #oracle-pill-version {
  font-size: 0.60rem !important;
  padding: 1px 5px !important;
}

/* 2. Compact Card Artwork (Second) */
html[data-ms-app="1"] #oracle-card-image-wrapper {
  order: 2 !important;
  width: 116px !important;
  height: 162px !important;
  max-width: 42vw !important;
  margin: 0 auto !important;
  border-radius: 8px !important;
}

html[data-ms-app="1"] #oracle-card-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.7), 0 0 12px rgba(0, 242, 254, 0.2) !important;
}

/* 3. Compact Segmented Filter Bar (Third: Finish + Condition on Row 1, Language on Row 2) */
html[data-ms-app="1"] .segmented-filter-bar {
  order: 3 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4px 6px !important;
  padding: 5px 8px !important;
  margin-bottom: 0 !important;
}

html[data-ms-app="1"] .segmented-filter-bar .oracle-filter-label {
  font-size: 0.58rem !important;
}

html[data-ms-app="1"] .segmented-filter-bar .oracle-sets-pill {
  padding: 2px 5px !important;
  font-size: 0.62rem !important;
}

html[data-ms-app="1"] .segmented-filter-bar > div:nth-child(3) {
  width: 100% !important;
  justify-content: space-between !important;
}

/* 4. Compact 3-Column Price KPIs on a Single Row (Fourth) */
html[data-ms-app="1"] .price-liquidity-grid {
  order: 4 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin-bottom: 0 !important;
}

html[data-ms-app="1"] .price-liquidity-grid .kpi-card {
  padding: 6px 6px !important;
  border-radius: 8px !important;
  min-height: 0 !important;
}

html[data-ms-app="1"] .price-liquidity-grid .kpi-card [data-i18n="oracle_price_title"],
html[data-ms-app="1"] .price-liquidity-grid .kpi-card [data-i18n="oracle_quick_sale"],
html[data-ms-app="1"] .price-liquidity-grid .kpi-card [data-i18n="oracle_cheapest_label"] {
  font-size: 0.54rem !important;
  letter-spacing: 0.1px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-ms-app="1"] #oracle-price-badge,
html[data-ms-app="1"] [data-i18n="oracle_cheapest_view_print"] {
  display: none !important;
}

html[data-ms-app="1"] #oracle-card-price,
html[data-ms-app="1"] #oracle-card-real-value,
html[data-ms-app="1"] #oracle-card-cheapest-price {
  font-size: 0.90rem !important;
  line-height: 1.1 !important;
}

html[data-ms-app="1"] .price-liquidity-grid .kpi-card > div:last-child {
  font-size: 0.52rem !important;
  padding-top: 2px !important;
  min-height: 10px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 5. Compact Price History Chart (Fifth) */
html[data-ms-app="1"] .oracle-history-panel {
  order: 5 !important;
  padding: 6px 8px !important;
  margin-bottom: 0 !important;
}

html[data-ms-app="1"] .oracle-history-title {
  font-size: 0.74rem !important;
}

html[data-ms-app="1"] .ema-hud-card {
  padding: 2px 6px !important;
}

html[data-ms-app="1"] .ema-hud-label {
  font-size: 0.56rem !important;
}

html[data-ms-app="1"] .ema-hud-value {
  font-size: 0.72rem !important;
}

html[data-ms-app="1"] .oracle-history-panel > div:last-child {
  height: 100px !important;
}

/* 6. Compact All Editions Table (Sixth) */
html[data-ms-app="1"] .oracle-editions-panel {
  order: 6 !important;
  padding: 6px 8px !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
}

html[data-ms-app="1"] .oracle-editions-title {
  font-size: 0.74rem !important;
  margin-bottom: 4px !important;
}

html[data-ms-app="1"] .oracle-editions-table-wrapper {
  max-height: 165px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  width: 100% !important;
}

html[data-ms-app="1"] .oracle-editions-table {
  table-layout: fixed !important;
  min-width: 0 !important;
  width: 100% !important;
  font-size: 0.64rem !important;
}

html[data-ms-app="1"] .oracle-editions-table th,
html[data-ms-app="1"] .oracle-editions-table td {
  padding: 4px 3px !important;
  font-size: 0.62rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-ms-app="1"] .oracle-editions-table th:nth-child(1),
html[data-ms-app="1"] .oracle-editions-table td:nth-child(1) {
  width: 41% !important;
}

html[data-ms-app="1"] .oracle-editions-table th:nth-child(2),
html[data-ms-app="1"] .oracle-editions-table td:nth-child(2) {
  width: 18% !important;
}

html[data-ms-app="1"] .oracle-editions-table th:nth-child(3),
html[data-ms-app="1"] .oracle-editions-table td:nth-child(3) {
  width: 15% !important;
  text-align: right !important;
}

html[data-ms-app="1"] .oracle-editions-table th:nth-child(4),
html[data-ms-app="1"] .oracle-editions-table td:nth-child(4) {
  width: 26% !important;
  text-align: right !important;
}

/* 10-12. Watchlist Button, Official Rulings & Format Legalities AT THE END */
html[data-ms-app="1"] #oracle-watchlist-btn {
  order: 10 !important;
  padding: 6px 10px !important;
  font-size: 0.74rem !important;
  margin-top: 2px !important;
}

html[data-ms-app="1"] #oracle-card-content .accordion-card {
  order: 11 !important;
  padding: 6px 10px !important;
  margin-top: 0 !important;
}

html[data-ms-app="1"] #oracle-legalities-box {
  order: 12 !important;
  padding: 6px 10px !important;
  margin-top: 0 !important;
}

html[data-ms-app="1"] #oracle-card-legalities-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 3px 8px !important;
  font-size: 0.62rem !important;
}

/* Le Proposte dell'Oracolo (oracle_featured_section.html — ID: #oracle-featured-container)
   Readable Full-Width Horizontal Cards Stacked Vertically (50x70px Thumbnails, Clear Titles & Prices) */
html[data-ms-app="1"] #oracle-featured-container,
html[data-ms-app="1"] #oracle-featured-section {
  position: relative !important;
  z-index: 1 !important;
  padding: 10px 12px !important;
  margin-top: 6px !important;
  margin-bottom: 10px !important;
}

html[data-ms-app="1"] #oracle-featured-container > div:first-child {
  padding-bottom: 6px !important;
  margin-bottom: 8px !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

html[data-ms-app="1"] #oracle-featured-container > div:first-child > div:first-child {
  font-size: 0.80rem !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

html[data-ms-app="1"] #oracle-featured-container > div:first-child > div:first-child svg {
  width: 16px !important;
  height: 16px !important;
}

html[data-ms-app="1"] #oracle-featured-container > div:first-child > div:last-child {
  display: none !important;
}

html[data-ms-app="1"] #oracle-featured-container > div:last-child,
html[data-ms-app="1"] #oracle-featured-section > div:last-child {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

html[data-ms-app="1"] #card-recommended,
html[data-ms-app="1"] #card-rising {
  padding: 8px 10px !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}

html[data-ms-app="1"] #card-recommended > div:first-child,
html[data-ms-app="1"] #card-rising > div:first-child {
  width: 50px !important;
  min-width: 50px !important;
  height: 70px !important;
  border-radius: 6px !important;
}

html[data-ms-app="1"] #card-recommended > div:last-child,
html[data-ms-app="1"] #card-rising > div:last-child {
  gap: 3px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html[data-ms-app="1"] #card-recommended > div:last-child > div:first-child,
html[data-ms-app="1"] #card-rising > div:last-child > div:first-child {
  font-size: 0.64rem !important;
  gap: 4px !important;
  letter-spacing: 0.4px !important;
}

html[data-ms-app="1"] #card-recommended > div:last-child > div:first-child svg,
html[data-ms-app="1"] #card-rising > div:last-child > div:first-child svg {
  width: 12px !important;
  height: 12px !important;
}

html[data-ms-app="1"] #rec-img,
html[data-ms-app="1"] #rising-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #070d19 !important;
}

html[data-ms-app="1"] #rec-name,
html[data-ms-app="1"] #rising-name {
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
}

html[data-ms-app="1"] #card-recommended > div:last-child > div:nth-child(3),
html[data-ms-app="1"] #card-rising > div:last-child > div:nth-child(3),
html[data-ms-app="1"] .oracle-featured-edition-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  font-size: 0.68rem !important;
  color: #94a3b8 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

html[data-ms-app="1"] #card-recommended > div:last-child > div:nth-child(3) > div:first-child,
html[data-ms-app="1"] #card-rising > div:last-child > div:nth-child(3) > div:first-child,
html[data-ms-app="1"] .oracle-featured-edition-row > div:first-child {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 62px) !important;
  overflow: hidden !important;
  font-size: 0.72rem !important;
}

html[data-ms-app="1"] #rec-set,
html[data-ms-app="1"] #rising-set {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  display: block !important;
  font-size: 0.72rem !important;
}

html[data-ms-app="1"] #rec-version,
html[data-ms-app="1"] #rising-version {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  font-size: 0.64rem !important;
  padding: 1px 5px !important;
  line-height: 1.25 !important;
}

html[data-ms-app="1"] #card-recommended > div:last-child > div:nth-child(4),
html[data-ms-app="1"] #card-rising > div:last-child > div:nth-child(4) {
  margin-top: 1px !important;
}

html[data-ms-app="1"] .rec-spikes-badge,
html[data-ms-app="1"] #card-rising > div:last-child > div:nth-child(4) > div {
  padding: 2px 7px !important;
  font-size: 0.64rem !important;
  border-radius: 5px !important;
  gap: 4px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-ms-app="1"] #card-recommended > div:last-child > div:nth-child(5),
html[data-ms-app="1"] #card-rising > div:last-child > div:nth-child(5) {
  font-size: 0.86rem !important;
  gap: 6px !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}

html[data-ms-app="1"] #card-recommended > div:last-child > div:nth-child(5) > span:first-child,
html[data-ms-app="1"] #card-rising > div:last-child > div:nth-child(5) > span:first-child {
  font-size: 0.68rem !important;
  color: #94a3b8 !important;
}

html[data-ms-app="1"] #rec-price,
html[data-ms-app="1"] #rising-price {
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

html[data-ms-app="1"] #rising-old-price {
  font-size: 0.72rem !important;
  white-space: nowrap !important;
}

html[data-ms-app="1"] #rec-btn-inspect,
html[data-ms-app="1"] #rising-btn-inspect {
  display: none !important;
}

/* Oracolo Set Completi (#oracle-sets-view) — Set Search Bar, Filter Bar, Rarity Pills & 5-Col Responsive Table */
html[data-ms-app="1"] .oracle-sets-controls-card {
  padding: 10px 10px !important;
  margin-bottom: 10px !important;
}

html[data-ms-app="1"] #oracle-set-search-container {
  display: block !important;
  width: 100% !important;
}

html[data-ms-app="1"] .oracle-sets-search-box {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 6px 10px !important;
}

html[data-ms-app="1"] .oracle-sets-search-box #oracle-set-search-input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 2px 6px !important;
  border: none !important;
  background: transparent !important;
  font-size: 16px !important;
}

html[data-ms-app="1"] #oracle-sets-details-container .oracle-sets-controls-card > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 8px !important;
  justify-content: stretch !important;
  align-items: end !important;
  width: 100% !important;
}

html[data-ms-app="1"] #oracle-sets-details-container .oracle-sets-controls-card > div > div {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

html[data-ms-app="1"] #oracle-sets-details-container .oracle-sets-controls-card > div > div:last-child {
  grid-column: 1 / -1 !important;
}

html[data-ms-app="1"] #oracle-sets-details-container .oracle-sets-controls-card > div > div:last-child .oracle-sets-pill-group-label {
  display: none !important;
}

html[data-ms-app="1"] #oracle-sets-details-container .oracle-sets-controls-card .oracle-sets-pill-box {
  display: flex !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] #oracle-sets-details-container .oracle-sets-controls-card .oracle-sets-pill {
  flex: 1 1 0% !important;
  text-align: center !important;
  white-space: nowrap !important;
  padding: 5px 4px !important;
  font-size: 0.70rem !important;
}

html[data-ms-app="1"] .oracle-sets-btn-csv {
  width: 100% !important;
  justify-content: center !important;
  padding: 7px 12px !important;
  margin-top: 2px !important;
}

html[data-ms-app="1"] #oracle-sets-details-container > div[style*="minmax(220px, 1fr)"] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html[data-ms-app="1"] .oracle-sets-table-header {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  padding: 10px 10px !important;
}

html[data-ms-app="1"] .oracle-sets-table-header > div:nth-child(2) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] #oracle-sets-rarity-filter-pills {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  gap: 2px !important;
  padding: 2px !important;
  scrollbar-width: none !important;
}

html[data-ms-app="1"] #oracle-sets-rarity-filter-pills::-webkit-scrollbar {
  display: none !important;
}

html[data-ms-app="1"] #oracle-sets-rarity-filter-pills .oracle-sets-pill,
html[data-ms-app="1"] .oracle-sets-pill {
  white-space: nowrap !important;
  flex: 1 0 auto !important;
  text-align: center !important;
  padding: 4px 6px !important;
  font-size: 0.65rem !important;
}

html[data-ms-app="1"] .oracle-sets-table-header > div:nth-child(3) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] .oracle-sets-table-header [style*="width: 240px"] {
  flex: 1 1 0% !important;
  width: auto !important;
  min-width: 0 !important;
}

/* Oracolo Set Completi Table: 100% Mobile Fit without Horizontal Overflow */
html[data-ms-app="1"] .oracle-sets-table {
  table-layout: fixed !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: 0.66rem !important;
}

html[data-ms-app="1"] .oracle-sets-table th,
html[data-ms-app="1"] .oracle-sets-table td {
  padding: 5px 3px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Hide Col 5 (Fonte Prezzo) on mobile so #, Nome, Rarità, Prezzo & Stock all fit on screen */
html[data-ms-app="1"] .oracle-sets-table th:nth-child(5),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(5) {
  display: none !important;
}

/* Col 1: # (Collector Number) */
html[data-ms-app="1"] .oracle-sets-table th:nth-child(1),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(1) {
  width: 8% !important;
  max-width: 8% !important;
  text-align: center !important;
  font-size: 0.60rem !important;
  white-space: nowrap !important;
  padding: 5px 1px !important;
}

/* Col 2: Nome Carta (EN / IT) */
html[data-ms-app="1"] .oracle-sets-table th:nth-child(2),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(2) {
  width: 39% !important;
  max-width: 39% !important;
  text-align: left !important;
}

html[data-ms-app="1"] .oracle-sets-table td:nth-child(2) > div {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html[data-ms-app="1"] .oracle-sets-table .oracle-card-row-title {
  font-size: 0.70rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  width: 100% !important;
}

html[data-ms-app="1"] .oracle-sets-table .oracle-card-row-sub {
  font-size: 0.60rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  width: 100% !important;
}

/* Col 3: Rarità */
html[data-ms-app="1"] .oracle-sets-table th:nth-child(3),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(3) {
  width: 22% !important;
  max-width: 22% !important;
  text-align: center !important;
  white-space: nowrap !important;
  padding: 5px 1px !important;
}

html[data-ms-app="1"] .oracle-sets-table .oracle-card-row-rarity {
  white-space: nowrap !important;
  font-size: 0.54rem !important;
  letter-spacing: -0.2px !important;
  padding: 1px 2px !important;
  display: inline-block !important;
  max-width: 100% !important;
  overflow: visible !important;
}

/* Col 4: Prezzo Calcolato */
html[data-ms-app="1"] .oracle-sets-table th:nth-child(4),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(4) {
  width: 19% !important;
  max-width: 19% !important;
  text-align: right !important;
  white-space: nowrap !important;
  padding-right: 4px !important;
}

html[data-ms-app="1"] .oracle-sets-table th:nth-child(4) span[data-i18n="oracle_sets_th_calc_price"] {
  font-size: 0.56rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-ms-app="1"] .oracle-sets-table .oracle-card-row-price {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* Col 6: Stock CT */
html[data-ms-app="1"] .oracle-sets-table th:nth-child(6),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(6) {
  width: 12% !important;
  max-width: 12% !important;
  text-align: center !important;
  white-space: nowrap !important;
  font-size: 0.62rem !important;
}

html[data-ms-app="1"] .oracle-sets-table th > div {
  font-size: 0.56rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-ms-app="1"] .oracle-sets-table-footer {
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 10px !important;
  font-size: 0.68rem !important;
  text-align: center !important;
}

html[data-ms-app="1"] .oracle-sets-table-footer > span:last-child {
  display: none !important;
}

/* --- TOOL 2: BILANCIA SCAMBI (oracle_trade_calculator.html) --- */
html[data-ms-app="1"] #oracle-trade-calculator-card > div[style*="repeat(12, 1fr)"],
html[data-ms-app="1"] #oracle-trade-card > div[style*="repeat(12, 1fr)"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

html[data-ms-app="1"] .trade-panel,
html[data-ms-app="1"] #oracle-trade-verdict-center-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  padding: 8px 8px !important;
}

html[data-ms-app="1"] .trade-panel:first-of-type {
  order: 1 !important;
}

html[data-ms-app="1"] .trade-panel:last-of-type {
  order: 2 !important;
}

html[data-ms-app="1"] #oracle-trade-verdict-center-card {
  order: 3 !important;
  padding: 8px 10px !important;
}

/* Fix Trade Table Column Widths on Mobile so Card Name is never crushed */
html[data-ms-app="1"] .trade-table {
  table-layout: fixed !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] .trade-table colgroup col:nth-child(1) { width: auto !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(2) { width: 54px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(3) { width: 44px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(4) { width: 42px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(5) { width: 46px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(6) { width: 22px !important; }

html[data-ms-app="1"] .trade-table th,
html[data-ms-app="1"] .trade-table td {
  padding: 3px 2px !important;
  font-size: 0.62rem !important;
}

html[data-ms-app="1"] .trade-table-container,
html[data-ms-app="1"] .trade-panel [style*="min-height: 220px"] {
  min-height: 52px !important;
  max-height: 145px !important;
}

html[data-ms-app="1"] #oracle-trade-empty-a,
html[data-ms-app="1"] #oracle-trade-empty-b {
  padding: 10px 6px !important;
  font-size: 0.68rem !important;
}

/* --- TOOL 3: TOTEM DI VENDITA (dashboard_totem_vendita.html) --- */
html[data-ms-app="1"] #totem-vendita-module > .card-header > div:last-child,
html[data-ms-app="1"] #totem-vendita-section > .card-header > div:last-child {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  gap: 5px !important;
}

html[data-ms-app="1"] #totem-tab-btn-new,
html[data-ms-app="1"] #totem-tab-btn-list {
  padding: 4px 6px !important;
  font-size: 0.70rem !important;
  justify-content: center !important;
}

/* Put Manual Card Search & KPI Grid FIRST, CSV Dropzone & Table AFTER */
html[data-ms-app="1"] #totem-pane-new:not([style*="display: none"]) {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 2px 0 !important;
}

html[data-ms-app="1"] #totem-pane-new > * {
  order: 5 !important;
}

html[data-ms-app="1"] #totem-pane-new > .totem-manual-card {
  order: 1 !important;
  padding: 7px 8px !important;
  margin: 0 !important;
}

html[data-ms-app="1"] #totem-pane-new > .totem-kpi-grid {
  order: 2 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin: 0 !important;
}

html[data-ms-app="1"] .totem-kpi-card {
  padding: 5px 7px !important;
}

html[data-ms-app="1"] .totem-kpi-value {
  font-size: 0.84rem !important;
}

html[data-ms-app="1"] #totem-pane-new > #totem-dropzone {
  order: 3 !important;
  padding: 6px 8px !important;
  margin: 0 !important;
  min-height: 0 !important;
}

html[data-ms-app="1"] .totem-dropzone-svg {
  width: 16px !important;
  height: 16px !important;
  margin-bottom: 2px !important;
}

html[data-ms-app="1"] .totem-dropzone-title {
  font-size: 0.68rem !important;
}

html[data-ms-app="1"] .totem-dropzone-subtitle {
  font-size: 0.60rem !important;
  line-height: 1.15 !important;
}

html[data-ms-app="1"] #totem-matching-report {
  order: 4 !important;
}

html[data-ms-app="1"] #totem-threshold-box {
  order: 6 !important;
  margin-top: 2px !important;
  padding: 6px 8px !important;
}

html[data-ms-app="1"] #totem-threshold-box label {
  font-size: 0.66rem !important;
  line-height: 1.25 !important;
  padding: 4px 6px !important;
}

html[data-ms-app="1"] #totem-draft-table {
  table-layout: fixed !important;
  min-width: 0 !important;
  width: 100% !important;
}

html[data-ms-app="1"] #totem-draft-table td[colspan] {
  white-space: normal !important;
  padding: 12px 8px !important;
  font-size: 0.72rem !important;
}

/* --- TOOL 4: SMART DECK COMPOSER (deck_composer_core.html) --- */
html[data-ms-app="1"] .composer-grid-2 {
  order: 2 !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

html[data-ms-app="1"] #deck-token-section {
  order: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding: 8px 12px !important;
  gap: 6px !important;
}

html[data-ms-app="1"] #deck-token-section > div {
  min-width: 0 !important;
  width: 100% !important;
}

html[data-ms-app="1"] #deck-token-input-group {
  width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
}

html[data-ms-app="1"] #deck-token-input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] #advanced-filters-panel > div {
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

html[data-ms-app="1"] .composer-grid-2 [style*="display: flex; gap: 8px; align-items: center; width: 100%;"] {
  flex-wrap: wrap !important;
  gap: 5px !important;
}

html[data-ms-app="1"] #card-search-input {
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] #card-qty-input {
  flex: 0 0 48px !important;
  width: 48px !important;
}

html[data-ms-app="1"] #card-target-deck {
  flex: 1 1 70px !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] #card-target-deck + button.btn-action {
  flex: 1 1 auto !important;
  justify-content: center !important;
  padding: 4px 8px !important;
  font-size: 0.70rem !important;
  height: 30px !important;
}

html[data-ms-app="1"] .deck-table-container {
  max-height: 210px !important;
}

html[data-ms-app="1"] #optimization-empty {
  padding: 14px 8px !important;
  font-size: 0.72rem !important;
}

/* --- TOOL 5: DECK SIMULATOR / GOLDFISH (oracle_goldfish.html) --- */
html[data-ms-app="1"] #oracle-goldfish-card > div:first-child > div:first-child p {
  display: none !important;
}

html[data-ms-app="1"] #oracle-goldfish-card > div:first-child > div:last-child {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  gap: 4px !important;
}

html[data-ms-app="1"] #oracle-goldfish-card .goldfish-btn-outline {
  width: 100% !important;
  justify-content: center !important;
  padding: 4px 4px !important;
  font-size: 0.62rem !important;
  min-height: 26px !important;
}

html[data-ms-app="1"] #oracle-goldfish-card > div[style*="minmax(0, 1.8fr)"] {
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

html[data-ms-app="1"] #goldfish-playmat-container {
  padding: 6px !important;
}

html[data-ms-app="1"] #goldfish-playmat-container > div[style*="minmax(0, 1fr) 200px"] {
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

html[data-ms-app="1"] .goldfish-gamebar {
  padding: 5px 6px !important;
  gap: 5px !important;
}

html[data-ms-app="1"] #goldfish-mtg-mana-pool {
  flex-wrap: wrap !important;
}

/* --- TOOL 6: METAGAME ARCHETIPI (oracle_metagame_core.html) --- */
html[data-ms-app="1"] #metagame-format-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  padding: 4px 6px !important;
}

html[data-ms-app="1"] #metagame-format-buttons button {
  width: auto !important;
  flex: 1 1 auto !important;
  padding: 3px 7px !important;
  font-size: 0.66rem !important;
  white-space: nowrap !important;
  justify-content: center !important;
}

html[data-ms-app="1"] #metagame-module .metagame-table-container {
  overflow-x: hidden !important;
  width: 100% !important;
}

html[data-ms-app="1"] #metagame-module table.data-table,
html[data-ms-app="1"] #metagame-module table {
  min-width: 0 !important;
  width: 100% !important;
  table-layout: fixed !important;
}

html[data-ms-app="1"] #metagame-module table th,
html[data-ms-app="1"] #metagame-module table td {
  padding: 4px 3px !important;
  font-size: 0.62rem !important;
  white-space: normal !important;
  word-break: break-word !important;
}

/* --- TOOL 7: RADAR RARITÀ RISTAMPE (dashboard_scarcity.html) --- */
html[data-ms-app="1"] #scarcity-section,
html[data-ms-app="1"] #scarcity-radar-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

html[data-ms-app="1"] #scarcity-section > * {
  order: 1 !important;
}

html[data-ms-app="1"] #scarcity-section .card-header > div {
  min-width: 0 !important;
  width: 100% !important;
}

html[data-ms-app="1"] #scarcity-filters-drawer {
  gap: 6px !important;
  margin-bottom: 8px !important;
  padding: 8px 10px !important;
  background: rgba(15, 23, 42, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  font-size: 0.72rem !important;
}

html[data-ms-app="1"] #scarcity-filters-drawer > div {
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 6px !important;
  padding-bottom: 2px !important;
}

html[data-ms-app="1"] #scarcity-filters-drawer > div > span:first-child {
  min-width: 72px !important;
  font-size: 0.68rem !important;
  color: #94A3B8 !important;
  flex-shrink: 0 !important;
}

html[data-ms-app="1"] #scarcity-section div[id$="-filters"] {
  flex-wrap: nowrap !important;
  gap: 4px !important;
}

html[data-ms-app="1"] #scarcity-section .btn-pill-scarcity {
  width: auto !important;
  flex: 0 0 auto !important;
  padding: 4px 8px !important;
  font-size: 0.68rem !important;
  white-space: nowrap !important;
  border-radius: 6px !important;
}

html[data-ms-app="1"] #scarcity-search-action-bar {
  margin-bottom: 6px !important;
  gap: 6px !important;
}

:root[data-theme="light"] #btn-scarcity-start-search {
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.14), rgba(3, 105, 161, 0.22)) !important;
  border-color: #0284c7 !important;
  color: #0369a1 !important;
  box-shadow: 0 2px 10px rgba(2, 132, 199, 0.18) !important;
}

html[data-ms-app="1"] #btn-scarcity-start-search {
  width: 100% !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  font-size: 0.72rem !important;
}

html[data-ms-app="1"] #scarcity-table-scroll-box {
  max-height: 260px !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
}

html[data-ms-app="1"] #table-scarcity {
  table-layout: fixed !important;
  min-width: 0 !important;
  width: 100% !important;
}

html[data-ms-app="1"] #table-scarcity .col-scarcity-rarity,
html[data-ms-app="1"] #table-scarcity .col-scarcity-prints,
html[data-ms-app="1"] #table-scarcity .col-scarcity-first,
html[data-ms-app="1"] #table-scarcity .col-scarcity-last,
html[data-ms-app="1"] #table-scarcity .col-scarcity-drought,
html[data-ms-app="1"] #table-scarcity .col-scarcity-sf,
html[data-ms-app="1"] #table-scarcity .col-scarcity-stock {
  display: none !important;
}

html[data-ms-app="1"] #table-scarcity .col-scarcity-art {
  display: table-cell !important;
  width: 34px !important;
  text-align: center !important;
  padding: 4px 2px !important;
}

html[data-ms-app="1"] #table-scarcity .scarcity-mobile-set-meta {
  display: block !important;
}

html[data-ms-app="1"] #table-scarcity .scarcity-wl-btn-text {
  display: none !important;
}

html[data-ms-app="1"] #table-scarcity th svg {
  display: none !important;
}

html[data-ms-app="1"] #table-scarcity .col-scarcity-name {
  width: 55% !important;
  white-space: normal !important;
  word-break: break-word !important;
}

html[data-ms-app="1"] #table-scarcity .col-scarcity-oracle {
  width: 25% !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html[data-ms-app="1"] #table-scarcity .col-scarcity-actions {
  width: 12% !important;
  text-align: center !important;
}

html[data-ms-app="1"] #table-scarcity th,
html[data-ms-app="1"] #table-scarcity td {
  padding: 4px 3px !important;
  font-size: 0.64rem !important;
}

html[data-ms-app="1"] #scarcity-selected-card-panel {
  order: 10 !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 6px !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}

html[data-ms-app="1"] #scarcity-selected-card-panel > div:first-child {
  flex: 0 0 auto !important;
  width: 100% !important;
  height: 120px !important;
  max-height: 120px !important;
  overflow: hidden !important;
  padding: 4px !important;
}

html[data-ms-app="1"] #scarcity-card-art-image {
  max-height: 108px !important;
  width: auto !important;
}

html[data-ms-app="1"] #scarcity-selected-card-panel > div:last-child {
  min-width: 0 !important;
  width: 100% !important;
  height: 130px !important;
  max-height: 130px !important;
}

/* --- TOOL 8: WISHLIST AFFARI (dashboard_wishlist.html) --- */
html[data-ms-app="1"] #deal-wishlist-card,
html[data-ms-app="1"] #wishlist-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* Prevent Wishlist (i) Tooltips from overflowing off the right side of the phone screen */
html[data-ms-app="1"] .wl-info-tooltip,
html[data-ms-app="1"] .wl-tg-info-tooltip {
  position: fixed !important;
  left: 10px !important;
  right: 10px !important;
  top: 56px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  z-index: 9600 !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] #deal-wishlist-card > div:nth-child(1) {
  order: 1 !important;
  margin-bottom: 2px !important;
  padding-bottom: 5px !important;
}

html[data-ms-app="1"] #deal-wishlist-card > div:nth-child(2) {
  order: 2 !important;
  margin-bottom: 4px !important;
  gap: 5px !important;
}

html[data-ms-app="1"] #deal-wishlist-card input[type="text"],
html[data-ms-app="1"] #deal-wishlist-card input[type="number"] {
  background: rgba(15, 23, 42, 0.85) !important;
  color: #f8fafc !important;
  border-color: rgba(0, 242, 254, 0.3) !important;
}

:root[data-theme="light"][data-ms-app="1"] #deal-wishlist-card input[type="text"],
:root[data-theme="light"][data-ms-app="1"] #deal-wishlist-card input[type="number"] {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(2, 132, 199, 0.35) !important;
}

html[data-ms-app="1"] #deal-wishlist-card > .wl-subtable-box {
  order: 3 !important;
  margin-bottom: 5px !important;
}

html[data-ms-app="1"] #deal-wishlist-card .wl-subtable-box table th {
  width: auto !important;
}

html[data-ms-app="1"] #deal-wishlist-card .wl-subtable-box table td[colspan] {
  white-space: normal !important;
  padding: 8px 6px !important;
  font-size: 0.68rem !important;
}

html[data-ms-app="1"] #wl-telegram-panel {
  order: 10 !important;
  margin-bottom: 4px !important;
  padding: 8px !important;
}

html[data-ms-app="1"] #wl-autobuy-panel {
  order: 11 !important;
  margin-bottom: 0 !important;
  padding: 8px !important;
}

html[data-ms-app="1"] #deal-wishlist-card [style*="min-width: 240px"],
html[data-ms-app="1"] #deal-wishlist-card [style*="min-width: 140px"],
html[data-ms-app="1"] #deal-wishlist-card [style*="min-width: 130px"] {
  min-width: 0 !important;
  width: 100% !important;
  flex: 1 1 100% !important;
}

html[data-ms-app="1"] #wl-telegram-panel > div:last-child > div {
  width: 100% !important;
  display: flex !important;
}

html[data-ms-app="1"] #wl-telegram-panel > div:last-child > div button {
  flex: 1 !important;
  font-size: 0.68rem !important;
  padding: 5px 6px !important;
}

html[data-ms-app="1"] .wl-subtable-header {
  padding: 6px 8px !important;
}

html[data-ms-app="1"] .wl-subtable-header span:first-child {
  font-size: 0.70rem !important;
}

html[data-ms-app="1"] .wl-subtable-header span:last-child {
  display: none !important;
}

/* --- TOOL 9: NOTIZIE & CARTA STORICA (oracle_weekly_article.html & oracle_historic_card.html) --- */
html[data-ms-app="1"] #oracle-news-track {
  gap: 8px !important;
  padding-bottom: 4px !important;
}

html[data-ms-app="1"] #oracle-news-track > div {
  min-width: 225px !important;
  max-width: 78vw !important;
  padding: 8px !important;
}

html[data-ms-app="1"] .historic-main-grid {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

html[data-ms-app="1"] .historic-main-grid > div:first-child {
  width: 100% !important;
  max-width: 100% !important;
  align-items: center !important;
}

html[data-ms-app="1"] .historic-main-grid > div:first-child > div:first-child {
  max-width: 110px !important;
  margin: 0 auto !important;
}

html[data-ms-app="1"] .historic-main-grid > div:first-child > div:nth-child(2) {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 6px 8px !important;
}

html[data-ms-app="1"] #oracle-historic-container [style*="minmax(180px, 1fr)"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

html[data-ms-app="1"] #oracle-historic-container [style*="minmax(180px, 1fr)"] > div {
  padding: 5px 5px !important;
}

html[data-ms-app="1"] #historic-ath-price,
html[data-ms-app="1"] #historic-reprints-count,
html[data-ms-app="1"] #historic-oracle-price,
html[data-ms-app="1"] #historic-today-price {
  font-size: 0.80rem !important;
}

html[data-ms-app="1"] .historic-meta-comparison {
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

/* --- TOOLS 10 & 11: MERCATINO P2P (mercatino.html) & PLAYMATCH / TROVA GIOCATORI (giocatori.html) --- */
html[data-ms-app="1"] .mercatino-shell,
html[data-ms-app="1"] .playmatch-shell {
  padding: 2px 0 8px 0 !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] .mercatino-guest-banner {
  padding: 7px 10px !important;
  margin-bottom: 6px !important;
  gap: 6px !important;
  border-radius: 10px !important;
}

html[data-ms-app="1"] .mercatino-guest-banner strong {
  font-size: 0.78rem !important;
}

html[data-ms-app="1"] .mercatino-guest-banner p {
  font-size: 0.66rem !important;
  line-height: 1.25 !important;
}

html[data-ms-app="1"] .mercatino-hero-card,
html[data-ms-app="1"] .mercatino-card-panel {
  padding: 8px 10px !important;
  margin-bottom: 6px !important;
  border-radius: 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] .mercatino-header {
  gap: 6px !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

html[data-ms-app="1"] .mercatino-title-wrap {
  gap: 8px !important;
  align-items: center !important;
}

html[data-ms-app="1"] .mercatino-icon-box {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 7px !important;
}

html[data-ms-app="1"] .mercatino-icon-box svg {
  width: 15px !important;
  height: 15px !important;
}

html[data-ms-app="1"] .mercatino-title {
  font-size: 0.86rem !important;
  line-height: 1.15 !important;
}

html[data-ms-app="1"] .mercatino-subtitle {
  font-size: 0.65rem !important;
  line-height: 1.2 !important;
  margin-top: 2px !important;
}

/* Fix Mercatino & Playmatch Header (i) Tooltip Overflow */
html[data-ms-app="1"] .mercatino-header-tooltip .ms-tooltip-bubble {
  position: fixed !important;
  left: 10px !important;
  right: 10px !important;
  top: 56px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  z-index: 9600 !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] .mercatino-user-trust-bar {
  gap: 5px !important;
  margin-top: 2px !important;
}

html[data-ms-app="1"] .mercatino-trust-pill,
html[data-ms-app="1"] .playmatch-avail-toggle-btn {
  padding: 3px 7px !important;
  font-size: 0.64rem !important;
  min-height: 24px !important;
}

html[data-ms-app="1"] .mercatino-location-bar {
  padding: 6px 8px !important;
  margin-top: 6px !important;
  gap: 5px !important;
  flex-direction: column !important;
  align-items: stretch !important;
  border-radius: 8px !important;
}

html[data-ms-app="1"] .mercatino-loc-readonly-badge {
  font-size: 0.68rem !important;
  gap: 4px !important;
}

html[data-ms-app="1"] .mercatino-loc-readonly-badge span,
html[data-ms-app="1"] .mercatino-loc-readonly-badge strong {
  font-size: 0.68rem !important;
}

html[data-ms-app="1"] .mercatino-loc-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  width: 100% !important;
}

html[data-ms-app="1"] .mercatino-loc-actions button {
  flex: 1 1 auto !important;
  justify-content: center !important;
  padding: 3px 6px !important;
  font-size: 0.62rem !important;
  min-height: 24px !important;
  height: auto !important;
  border-radius: 6px !important;
}

/* Compact Discipline Warning Banner on Mobile so it doesn't push tabs off-screen */
html[data-ms-app="1"] .mercatino-discipline-banner {
  padding: 6px 8px !important;
  margin-top: 5px !important;
  gap: 6px !important;
  max-height: none !important;
  overflow: visible !important;
  border-radius: 7px !important;
}

html[data-ms-app="1"] .mercatino-discipline-banner > div {
  font-size: 0.62rem !important;
  line-height: 1.2 !important;
}

/* 3-Column Equal Grid for Mercatino & Playmatch Tabs so 3rd tab is NEVER cut off */
html[data-ms-app="1"] .mercatino-tabs-nav {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  width: 100% !important;
  overflow: visible !important;
  margin-bottom: 6px !important;
  padding: 3px !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] .mercatino-tab-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 2px !important;
  padding: 4px 3px !important;
  font-size: 0.60rem !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  min-height: 36px !important;
  border-radius: 7px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] .mercatino-tab-btn svg {
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
}

html[data-ms-app="1"] .mercatino-badge-count {
  font-size: 0.56rem !important;
  padding: 0 4px !important;
  min-width: 14px !important;
  height: 14px !important;
}

/* Compact Radius Row & Search Builder in Mercatino & Playmatch */
html[data-ms-app="1"] .mercatino-radius-row {
  padding: 5px 8px !important;
  margin-bottom: 6px !important;
  gap: 5px !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

html[data-ms-app="1"] .mercatino-radius-row span,
html[data-ms-app="1"] .mercatino-radius-row strong {
  font-size: 0.72rem !important;
}

html[data-ms-app="1"] .mercatino-radius-controls {
  width: 100% !important;
  gap: 6px !important;
  justify-content: space-between !important;
}

html[data-ms-app="1"] .mercatino-pill-btn {
  padding: 2px 6px !important;
  font-size: 0.62rem !important;
}

html[data-ms-app="1"] .mercatino-search-builder {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-bottom: 6px !important;
}

html[data-ms-app="1"] .mercatino-search-builder > div:first-child {
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] .mercatino-search-builder .mercatino-select {
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] .mercatino-search-builder button {
  flex: 1 1 calc(50% - 4px) !important;
  min-width: 0 !important;
  justify-content: center !important;
  padding: 5px 6px !important;
  font-size: 0.68rem !important;
  min-height: 30px !important;
}

html[data-ms-app="1"] .playmatch-filters-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin-bottom: 6px !important;
}

html[data-ms-app="1"] .mercatino-field-label {
  font-size: 0.62rem !important;
  margin-bottom: 2px !important;
}

html[data-ms-app="1"] .mercatino-chat-layout,
html[data-ms-app="1"] .mercatino-messenger-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html[data-ms-app="1"] .mercatino-threads-sidebar,
html[data-ms-app="1"] .mercatino-chat-stage,
html[data-ms-app="1"] #pm-chat-stage,
html[data-ms-app="1"] #merc-chat-stage,
html[data-ms-app="1"] #pm-chat-active-wrap,
html[data-ms-app="1"] #merc-chat-active-wrap,
html[data-ms-app="1"] .mercatino-agreement-box,
html[data-ms-app="1"] .mercatino-review-box,
html[data-ms-app="1"] .mercatino-messages-stream,
html[data-ms-app="1"] .mercatino-chat-header,
html[data-ms-app="1"] .mercatino-chat-input-bar {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-ms-app="1"] .mercatino-threads-sidebar,
html[data-ms-app="1"] .mercatino-chat-stage {
  padding: 10px 10px !important;
  border-radius: 10px !important;
}

html[data-ms-app="1"] .mercatino-threads-list {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  max-height: 180px !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] .mercatino-thread-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-align: left !important;
  padding: 8px 10px !important;
}

html[data-ms-app="1"] .mercatino-thread-item > div {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] .mercatino-chat-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  padding-bottom: 8px !important;
}

html[data-ms-app="1"] .mercatino-chat-header > div:last-child {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
}

html[data-ms-app="1"] .mercatino-chat-header > div:last-child button {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 5px 8px !important;
  font-size: 0.68rem !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

html[data-ms-app="1"] .playmatch-meetup-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] .playmatch-meetup-grid input,
html[data-ms-app="1"] .playmatch-meetup-grid button {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  justify-content: center !important;
}

html[data-ms-app="1"] .mercatino-chat-input-bar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] .mercatino-chat-input-bar input.mercatino-input {
  flex: 1 1 0% !important;
  width: auto !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] .mercatino-chat-input-bar button {
  flex: 0 0 auto !important;
  width: auto !important;
  padding: 0 12px !important;
}

html[data-ms-app="1"] .playmatch-availability-banner {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 10px 12px !important;
}

html[data-ms-app="1"] .playmatch-availability-banner > div[style*="min-width: 250px"] {
  min-width: 0 !important;
  width: 100% !important;
}

/* ==========================================================================
   7. NATIVE APP ZERO-CLUTTER ARCHITECTURE: HIDE WEB FOOTER & STYLE MORE SHEET
   ========================================================================== */
html[data-ms-app="1"] .ms-footer {
  display: none !important;
}

.ms-app-sheet-legal-footer {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 242, 254, 0.16);
}

:root[data-theme="light"] .ms-app-sheet-legal-footer {
  border-top-color: rgba(2, 132, 199, 0.2);
}

.ms-app-sheet-legal-title {
  font-size: 0.64rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #94a3b8;
  margin-bottom: 6px;
}

:root[data-theme="light"] .ms-app-sheet-legal-title {
  color: #475569;
}

.ms-app-sheet-legal-pills {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.ms-app-legal-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 8px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(0, 242, 254, 0.22);
  color: #cbd5e1;
  font-family: 'Outfit', sans-serif;
  font-size: 0.66rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.ms-app-legal-pill svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  flex-shrink: 0 !important;
  fill: none !important;
  stroke: #00f2fe !important;
  stroke-width: 2 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:root[data-theme="light"] .ms-app-legal-pill svg {
  stroke: #0284c7 !important;
}

.ms-app-legal-pill:hover,
.ms-app-legal-pill:active {
  background: rgba(0, 242, 254, 0.12);
  border-color: #00f2fe;
  color: #00f2fe;
}

:root[data-theme="light"] .ms-app-legal-pill {
  background: #f8fafc;
  border-color: rgba(2, 132, 199, 0.28);
  color: #0f172a;
}

.ms-app-sheet-legal-copy {
  margin-top: 8px;
  font-size: 0.58rem;
  color: #64748b;
  text-align: center;
  line-height: 1.3;
}

.ms-app-sheet-legal-copy a {
  color: #38bdf8;
  text-decoration: none;
}

:root[data-theme="light"] .ms-app-sheet-legal-copy a {
  color: #0284c7;
}

/* Compact Top Bar & Results-First Cards in Mercatino & Trova Giocatori */
html[data-ms-app="1"] .mercatino-compact-top-bar {
  padding: 6px 8px !important;
  margin-bottom: 6px !important;
  gap: 5px !important;
  border-radius: 10px !important;
}

:root[data-theme="light"] .mercatino-compact-top-bar {
  background: #ffffff !important;
  border-color: rgba(2, 132, 199, 0.28) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}

html[data-ms-app="1"] .playmatch-quick-pills,
#pm-quick-format-pills {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] .playmatch-format-pill,
.playmatch-quick-pills .playmatch-format-pill {
  width: auto !important;
  padding: 4px 8px !important;
  font-size: 0.66rem !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

html[data-ms-app="1"] .mercatino-seller-card,
html[data-ms-app="1"] .playmatch-player-card {
  padding: 8px 10px !important;
  border-radius: 10px !important;
  gap: 6px !important;
}

html[data-ms-app="1"] .mercatino-found-card-row {
  padding: 6px 8px !important;
  gap: 6px !important;
}

/* Progressive Disclosure & Zero-Clutter Refinements Across All Tools in App Mode */
html[data-ms-app="1"] .card-header p,
html[data-ms-app="1"] .oracle-section-subtitle,
html[data-ms-app="1"] .tool-intro-banner {
  display: none !important;
}

/* Keep #oracle-main-header-subtitle visible ONLY when #oracle-info-drawer is open */
html[data-ms-app="1"] #oracle-info-drawer #oracle-main-header-subtitle {
  display: block !important;
}

/* ==========================================================================
   8. AUDIT-DISCOVERED GRAPHICAL POLISH & MOBILE RESPONSIVE REFINEMENTS
   ========================================================================== */

/* A. Oracolo Set Completi KPI Cards: Single-Line Numbers & Clean Stacked Tags */
html[data-ms-app="1"] .oracle-sets-kpi-card {
  padding: 8px 8px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: 0 !important;
}

html[data-ms-app="1"] .oracle-sets-kpi-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  font-size: 0.60rem !important;
  line-height: 1.2 !important;
}

html[data-ms-app="1"] #oracle-kpi-mode-tag {
  font-size: 0.52rem !important;
  padding: 1px 4px !important;
  white-space: nowrap !important;
}

html[data-ms-app="1"] #oracle-kpi-total-price,
html[data-ms-app="1"] #oracle-kpi-cards-count,
html[data-ms-app="1"] #oracle-kpi-chase-pct,
html[data-ms-app="1"] .oracle-sets-kpi-val {
  font-size: 1.04rem !important;
  white-space: nowrap !important;
  line-height: 1.15 !important;
  display: inline-block !important;
}

html[data-ms-app="1"] .oracle-sets-kpi-sub {
  font-size: 0.60rem !important;
  line-height: 1.25 !important;
}

html[data-ms-app="1"] #oracle-kpi-avg-price,
html[data-ms-app="1"] #oracle-kpi-chase-val {
  white-space: nowrap !important;
  display: inline-block !important;
}

html[data-ms-app="1"] #oracle-kpi-rarity-box {
  font-size: 0.58rem !important;
  gap: 3px !important;
  margin-top: 4px !important;
  overflow: visible !important;
  height: auto !important;
}

/* B. Bilancia Scambi: Hide Multi-Line Subtitle & Fit Table Headers Cleanly */
html[data-ms-app="1"] [data-i18n="trade_calc_subtitle"] {
  display: none !important;
}

html[data-ms-app="1"] .trade-table colgroup col:nth-child(1) { width: auto !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(2) { width: 48px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(3) { width: 28px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(4) { width: 44px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(5) { width: 48px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(6) { width: 20px !important; }

html[data-ms-app="1"] .trade-table th {
  font-size: 0.54rem !important;
  letter-spacing: -0.2px !important;
  padding: 3px 1px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* C. Smart Deck Composer: Top Identity Header & Stacked Format/Archetype Selectors */
html[data-ms-app="1"] #deck-composer-identity-header {
  order: 0 !important;
  margin-bottom: 6px !important;
  padding: 8px 10px !important;
}

html[data-ms-app="1"] .composer-metagame-selectors {
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
}

/* D. Deck Simulator / Goldfish, Metagame, Scambi & Radar Ristampe Subtitles */
html[data-ms-app="1"] [data-i18n="goldfish_subtitle"],
html[data-ms-app="1"] [data-i18n="scarcity_desc"],
html[data-ms-app="1"] [data-i18n="oracle_historic_subtitle"],
html[data-ms-app="1"] [data-i18n="oracle_trade_subtitle"],
html[data-ms-app="1"] #oracle-trade-calculator-card > div:first-child p,
html[data-ms-app="1"] #metagame-module p {
  display: none !important;
}

/* E. Metagame Archetipi Table: Zero Column Overlap on Mobile */
html[data-ms-app="1"] #metagame-module table th:nth-child(5),
html[data-ms-app="1"] #metagame-module table td:nth-child(5) {
  display: none !important;
}

html[data-ms-app="1"] #metagame-module table td:nth-child(4) > div > div:last-child {
  display: none !important;
}

html[data-ms-app="1"] #metagame-module table th:nth-child(1),
html[data-ms-app="1"] #metagame-module table td:nth-child(1) {
  width: 28% !important;
}

html[data-ms-app="1"] #metagame-module table th:nth-child(2),
html[data-ms-app="1"] #metagame-module table td:nth-child(2) {
  width: 14% !important;
}

html[data-ms-app="1"] #metagame-module table th:nth-child(3),
html[data-ms-app="1"] #metagame-module table td:nth-child(3) {
  width: 15% !important;
  text-align: center !important;
}

html[data-ms-app="1"] #metagame-module table td:nth-child(3) span {
  padding: 1px 4px !important;
  font-size: 0.52rem !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

html[data-ms-app="1"] #metagame-module table th:nth-child(4),
html[data-ms-app="1"] #metagame-module table td:nth-child(4) {
  width: 13% !important;
  text-align: center !important;
}

html[data-ms-app="1"] #metagame-module table th:nth-child(6),
html[data-ms-app="1"] #metagame-module table td:nth-child(6) {
  width: 16% !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html[data-ms-app="1"] #metagame-module table th:nth-child(7),
html[data-ms-app="1"] #metagame-module table td:nth-child(7) {
  width: 14% !important;
  text-align: center !important;
}

/* E2. Radar Ristampe Table: Hide Scryfall Column on Mobile & Show Table Above Detail Chart */
html[data-ms-app="1"] #scarcity-results-wrapper:not([style*="display: none"]) {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

html[data-ms-app="1"] #scarcity-table-scroll-box {
  order: 1 !important;
}

html[data-ms-app="1"] #scarcity-pagination-wrap {
  order: 2 !important;
}

html[data-ms-app="1"] #scarcity-selected-card-panel {
  order: 3 !important;
}

html[data-ms-app="1"] #table-scarcity .col-scarcity-sf {
  display: none !important;
}

html[data-ms-app="1"] #table-scarcity .col-scarcity-name {
  width: 46% !important;
}

html[data-ms-app="1"] #table-scarcity .col-scarcity-prints {
  width: 18% !important;
}

html[data-ms-app="1"] #table-scarcity .col-scarcity-oracle {
  width: 22% !important;
}

html[data-ms-app="1"] #table-scarcity .col-scarcity-actions {
  width: 14% !important;
}

html[data-ms-app="1"] #metagame-module table td:nth-child(2) img,
html[data-ms-app="1"] #metagame-module table td:nth-child(2) svg {
  width: 12px !important;
  height: 12px !important;
}

html[data-ms-app="1"] #metagame-module table td:nth-child(7) button,
html[data-ms-app="1"] #metagame-module table td:nth-child(7) a {
  padding: 3px 4px !important;
  font-size: 0.56rem !important;
  min-height: 22px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* F. Notizie Article Modal: Compact Header (<20% height), Scrollable Body (>75%) & Visible Close Button */
html[data-ms-app="1"] #oracle-article-modal {
  padding: 8px !important;
}

html[data-ms-app="1"] #oracle-article-modal-box {
  height: 92dvh !important;
  max-height: 92dvh !important;
  border-radius: 12px !important;
}

html[data-ms-app="1"] #oracle-article-modal-header {
  padding: 10px 12px !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

html[data-ms-app="1"] #modal-article-title {
  font-size: 0.94rem !important;
  line-height: 1.24 !important;
  margin: 0 !important;
}

html[data-ms-app="1"] #oracle-article-modal-close-btn,
#oracle-article-modal-close-btn {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  flex: 0 0 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-ms-app="1"] #modal-article-body {
  padding: 12px 14px !important;
  font-size: 0.88rem !important;
  line-height: 1.62 !important;
}

html[data-ms-app="1"] #modal-article-subtitle {
  font-size: 0.80rem !important;
  line-height: 1.38 !important;
  margin-bottom: 10px !important;
}

html[data-ms-app="1"] #modal-article-summary {
  padding: 9px 11px !important;
  margin-bottom: 12px !important;
  font-size: 0.80rem !important;
  line-height: 1.42 !important;
}

html[data-ms-app="1"] #oracle-article-modal-footer {
  padding: 8px 12px !important;
  flex-shrink: 0 !important;
}

/* G. Carta Storica del Giorno: Single-Line Badge */
html[data-ms-app="1"] #historic-status-badge {
  white-space: nowrap !important;
  font-size: 0.58rem !important;
  padding: 2px 6px !important;
  flex-shrink: 0 !important;
}

/* H. Mercatino "Il Mio Raccoglitore": Side-by-Side Compact Caricamento Massivo & Link Pubblico */
html[data-ms-app="1"] .mercatino-binder-utilities-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

html[data-ms-app="1"] .mercatino-utility-mini-card {
  padding: 7px 8px !important;
  min-height: 44px !important;
  margin: 0 !important;
  border-radius: 9px !important;
}

html[data-ms-app="1"] #merc-add-price {
  flex: 1 1 95px !important;
  min-width: 82px !important;
}

html[data-ms-app="1"] #merc-view-binder .mercatino-form-grid > div:last-child {
  grid-column: 1 / -1 !important;
}

/* ==========================================================================
   9. MANASENTRY MOBILE DESIGN SYSTEM 3.0 — COMPLETE 11-TOOL HARMONIC REDESIGN
   ========================================================================== */

/* 9.1 OFFICIAL MAGIC: THE GATHERING EXPANSION RARITY PALETTE (METALLIC RUBY RED & 24K GOLD) */
:root {
  --mtg-mythic-grad: linear-gradient(135deg, #881313 0%, #DC2626 32%, #FF5252 50%, #B91C1C 72%, #6E0F0F 100%);
  --mtg-mythic-border: #F87171;
  --mtg-mythic-text: #FFE4E6;
  --mtg-rare-grad: linear-gradient(135deg, #7C520A 0%, #B8860B 26%, #FCE78C 50%, #AA771C 74%, #6B4406 100%);
  --mtg-rare-border: #EAB308;
  --mtg-rare-text: #FEF08A;
  --mtg-uncommon-grad: linear-gradient(135deg, #475569 0%, #94A3B8 30%, #F1F5F9 50%, #8295A8 74%, #334155 100%);
  --mtg-uncommon-border: #CBD5E1;
  --mtg-uncommon-text: #E2E8F0;
  --mtg-common-bg: #111827;
  --mtg-common-border: #CBD5E1;
  --mtg-common-text: #F8FAFC;
  --mtg-special-grad: linear-gradient(135deg, #6B21A8 0%, #9333EA 40%, #C084FC 52%, #7E22CE 100%);
  --mtg-special-border: #D8B4FE;
  --mtg-special-text: #F3E8FF;
}

/* Official MTG Rarity Badges in Tables & Card Lists (Sobri e Piatti) */
.mtg-rarity-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1px 5px !important;
  border-radius: 4px !important;
  font-family: 'Plus Jakarta Sans', 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.60rem !important;
  letter-spacing: 0.2px !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}

.scarcity-rarity-micro {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  font-size: 0.54rem;
  font-weight: 800;
  line-height: 1;
  margin-right: 4px;
  vertical-align: middle;
}

.scarcity-rarity-micro-m {
  background: rgba(239, 68, 68, 0.16);
  color: #f87171;
  border: 1px solid rgba(239, 68, 68, 0.35);
}

.scarcity-rarity-micro-r {
  background: rgba(234, 179, 8, 0.16);
  color: #facc15;
  border: 1px solid rgba(234, 179, 8, 0.35);
}

.scarcity-rarity-micro-u {
  background: rgba(148, 163, 184, 0.18);
  color: #cbd5e1;
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.scarcity-rarity-micro-c {
  background: rgba(71, 85, 105, 0.22);
  color: #94a3b8;
  border: 1px solid rgba(148, 163, 184, 0.25);
}

.scarcity-rarity-micro-s {
  background: rgba(168, 85, 247, 0.16);
  color: #c084fc;
  border: 1px solid rgba(168, 85, 247, 0.35);
}

.mtg-rarity-mythic,
.badge-rarity.rarity-mythic,
[data-rarity-pill="mythic"] {
  background: rgba(239, 68, 68, 0.16) !important;
  border: 1px solid rgba(239, 68, 68, 0.38) !important;
  color: #f87171 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.mtg-rarity-rare,
.badge-rarity.rarity-rare,
[data-rarity-pill="rare"] {
  background: rgba(234, 179, 8, 0.16) !important;
  border: 1px solid rgba(234, 179, 8, 0.38) !important;
  color: #facc15 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.mtg-rarity-uncommon,
.badge-rarity.rarity-uncommon,
[data-rarity-pill="uncommon"] {
  background: rgba(148, 163, 184, 0.18) !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  color: #cbd5e1 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.mtg-rarity-common,
.badge-rarity.rarity-common,
[data-rarity-pill="common"] {
  background: rgba(51, 65, 85, 0.35) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  color: #e2e8f0 !important;
}

.mtg-rarity-special,
.badge-rarity.rarity-special,
[data-rarity-pill="special"] {
  background: rgba(168, 85, 247, 0.16) !important;
  border: 1px solid rgba(168, 85, 247, 0.38) !important;
  color: #c084fc !important;
}

/* On Mobile App: Compact 1-Letter Metallic MTG Rarity Symbol (M / R / U / C / S) in Set Table */
html[data-ms-app="1"] .oracle-sets-table th:nth-child(2),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(2) {
  width: 47% !important;
  max-width: 47% !important;
}

html[data-ms-app="1"] .oracle-sets-table th:nth-child(3),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(3) {
  width: 14% !important;
  max-width: 14% !important;
}

html[data-ms-app="1"] .oracle-sets-table .oracle-card-row-rarity.mtg-rarity-badge {
  font-size: 0 !important;
  padding: 0 !important;
  width: 22px !important;
  height: 19px !important;
  border-radius: 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-ms-app="1"] .oracle-sets-table .oracle-card-row-rarity.mtg-rarity-badge::after {
  content: attr(data-rarity-short) !important;
  font-size: 0.6875rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* 9.2 TYPOGRAPHY & TABULAR NUMERALS (GOODBYE JETBRAINS MONO ON MOBILE KPIs) */
html[data-ms-app="1"] .mono,
html[data-ms-app="1"] [style*="font-family: monospace"],
html[data-ms-app="1"] [style*="font-family: 'JetBrains Mono'"],
html[data-ms-app="1"] .oracle-sets-kpi-val,
html[data-ms-app="1"] .totem-kpi-value,
html[data-ms-app="1"] #oracle-price-ct-zero,
html[data-ms-app="1"] #oracle-price-ct-min,
html[data-ms-app="1"] #oracle-price-mkm-avg,
html[data-ms-app="1"] #oracle-price-mkm-min,
html[data-ms-app="1"] #historic-ath-price,
html[data-ms-app="1"] #historic-oracle-price,
html[data-ms-app="1"] #trade-total-a,
html[data-ms-app="1"] #trade-total-b {
  font-family: 'Plus Jakarta Sans', 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.02em !important;
}

/* 9.3 ADDIO EFFETTO MATRIOSKA: SINGLE OUTER SECTION BORDER & BORDERLESS INNER TABLES */
html[data-ms-app="1"] .oracle-saas-viewport {
  padding: 4px 6px 82px 6px !important;
}

html[data-ms-app="1"] .glass-card:not(.oracle-mana-active) {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
  border-radius: 12px !important;
  padding: 12px !important;
}

:root[data-theme="light"][data-ms-app="1"] .glass-card:not(.oracle-mana-active),
html[data-ms-app="1"][data-theme="light"] .glass-card:not(.oracle-mana-active) {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06) !important;
}

/* Strip nested container borders & excessive padding inside main cards */
html[data-ms-app="1"] .oracle-mode-panel,
html[data-ms-app="1"] #oracle-sets-panel,
html[data-ms-app="1"] #oracle-singles-panel,
html[data-ms-app="1"] .table-responsive,
html[data-ms-app="1"] .deck-table-container,
html[data-ms-app="1"] #scarcity-table-scroll-box,
html[data-ms-app="1"] .wl-subtable-box {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Override desktop min-width: 580px / 400px on all mobile tables */
html[data-ms-app="1"] table,
html[data-ms-app="1"] .deck-table,
html[data-ms-app="1"] #totem-draft-table,
html[data-ms-app="1"] #totem-submissions-table,
html[data-ms-app="1"] #wl-active-table,
html[data-ms-app="1"] #wl-deals-table {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  table-layout: fixed !important;
}

html[data-ms-app="1"] table td[colspan] {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  padding: 14px 10px !important;
  font-size: 0.72rem !important;
  line-height: 1.4 !important;
}

/* Subtle horizontal row dividers & 2% zebra striping across all data tables */
html[data-ms-app="1"] table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-ms-app="1"] table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.02) !important;
}

html[data-ms-app="1"] table thead tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(15, 23, 42, 0.65) !important;
}

/* 60-30-10 Color Hierarchy: Crisp White Primary Titles & Prices */
html[data-ms-app="1"] .oracle-sets-table td:nth-child(4) span,
html[data-ms-app="1"] #metagame-module table td:nth-child(6),
html[data-ms-app="1"] #table-scarcity .col-scarcity-oracle {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* 9.4 TOOL 1: ORACOLO SINGOLE — COMPACT HORIZONTAL HERO & ZERO DUPLICATE SET PILL */
html[data-ms-app="1"] #oracle-pill-set {
  display: none !important;
}

html[data-ms-app="1"] #oracle-results-grid > div:first-child {
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 10px !important;
}

html[data-ms-app="1"] #oracle-card-image-box {
  width: 88px !important;
  max-width: 88px !important;
  margin: 0 !important;
}

/* 9.5 TOOL 3: BILANCIA SCAMBI — STICKY VERDICT BAR & TABS (TU DAI / TU RICEVI) */
html[data-ms-app="1"] #trade-subtitle-desc {
  display: none !important;
}

html[data-ms-app="1"] #oracle-trade-calculator-card,
html[data-ms-app="1"] #oracle-trade-calculator-card .trade-main-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

html[data-ms-app="1"] #oracle-trade-verdict-center-card {
  order: -2 !important;
  margin-top: 0 !important;
  margin-bottom: 2px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  gap: 6px !important;
  min-height: 0 !important;
  height: auto !important;
}

html[data-ms-app="1"] #oracle-trade-verdict-center-card > div:first-child {
  flex-direction: row !important;
  justify-content: center !important;
  gap: 6px !important;
}

html[data-ms-app="1"] #oracle-trade-verdict-center-card > div:first-child > div:first-child {
  width: 24px !important;
  height: 24px !important;
}

html[data-ms-app="1"] #oracle-trade-verdict-center-card > div:first-child > div:first-child svg {
  width: 14px !important;
  height: 14px !important;
}

html[data-ms-app="1"] #oracle-trade-verdict-center-card > div:nth-child(2) {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  gap: 6px !important;
}

html[data-ms-app="1"] #oracle-trade-status-delta-eur {
  font-size: 1.35rem !important;
}

html[data-ms-app="1"] #oracle-trade-verdict-center-card > div:nth-child(3) {
  flex-direction: row !important;
  gap: 8px !important;
  padding-top: 8px !important;
}

html[data-ms-app="1"] .trade-mobile-tab-bar {
  order: -1 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  margin-bottom: 4px !important;
  background: rgba(15, 23, 42, 0.75) !important;
  padding: 4px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-ms-app="1"] .trade-mob-tab-btn {
  padding: 7px 6px !important;
  border-radius: 7px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #94A3B8 !important;
  font-family: 'Plus Jakarta Sans', 'Outfit', sans-serif !important;
  font-size: 0.70rem !important;
  font-weight: 700 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  line-height: 1.15 !important;
  cursor: pointer !important;
}

html[data-ms-app="1"] #trade-mob-tab-a.active {
  background: rgba(0, 242, 254, 0.14) !important;
  border-color: rgba(0, 242, 254, 0.45) !important;
  color: #00F2FE !important;
}

html[data-ms-app="1"] #trade-mob-tab-b.active {
  background: rgba(16, 185, 129, 0.14) !important;
  border-color: rgba(16, 185, 129, 0.45) !important;
  color: #10B981 !important;
}

html[data-ms-app="1"] .trade-mob-tab-val {
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

html[data-ms-app="1"] #oracle-trade-panel-a:not(.trade-panel-active-mob),
html[data-ms-app="1"] #oracle-trade-panel-b:not(.trade-panel-active-mob) {
  display: none !important;
}

html[data-ms-app="1"] .trade-table th {
  font-size: 0.62rem !important;
  letter-spacing: 0 !important;
  padding: 4px 2px !important;
}

/* 9.6 TOOL 5: RADAR RARITÀ RISTAMPE — ACCORDION FILTER DRAWER & FLEX RESULTS ON MOBILE */
html[data-ms-app="1"] .ms-app-bottom-sheet:not(.open),
html[data-ms-app="1"] .ms-app-bottom-sheet-backdrop:not(.open) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-ms-app="1"] #scarcity-section [data-i18n="scarcity_desc"] {
  display: none !important;
}

html[data-ms-app="1"] .scarcity-mobile-filters-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 9px 12px !important;
  margin-bottom: 6px !important;
  border-radius: 9px !important;
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #F8FAFC !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

html[data-ms-app="1"] .scarcity-mobile-filters-toggle.open .scarcity-toggle-chevron {
  transform: rotate(180deg) !important;
}

html[data-ms-app="1"] #scarcity-filters-drawer:not(.scarcity-filters-open):not(.scarcity-filters-open-mob) {
  display: none !important;
}

html[data-ms-app="1"] #scarcity-filters-drawer.scarcity-filters-open,
html[data-ms-app="1"] #scarcity-filters-drawer.scarcity-filters-open-mob {
  display: flex !important;
  flex-direction: column !important;
}

html[data-ms-app="1"] #scarcity-results-wrapper[style*="display: block"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

html[data-ms-app="1"] #scarcity-table-scroll-box {
  order: 1 !important;
  max-height: 360px !important;
}

html[data-ms-app="1"] #scarcity-pagination-wrap {
  order: 2 !important;
}

html[data-ms-app="1"] #scarcity-selected-card-panel {
  order: 3 !important;
}

/* 9.7 TOOL 6: CARTA STORICA DEL GIORNO — 2+1 KPI GRID & COMPACT LEGALITIES */
html[data-ms-app="1"] .historic-main-grid {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

html[data-ms-app="1"] .historic-main-grid > div:first-child {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 114px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
}

html[data-ms-app="1"] #historic-btn-inspect-oracle {
  grid-column: 1 / -1 !important;
}

html[data-ms-app="1"] #oracle-historic-container .historic-kpi-grid,
html[data-ms-app="1"] #oracle-historic-container .historic-kpi-grid[style*="minmax(180px, 1fr)"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html[data-ms-app="1"] #oracle-historic-container .historic-kpi-grid > div {
  padding: 8px 10px !important;
}

html[data-ms-app="1"] #oracle-historic-container .historic-kpi-grid > div:nth-child(3) {
  grid-column: 1 / -1 !important;
}

html[data-ms-app="1"] #oracle-historic-container .historic-kpi-grid > div > div:last-child {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
}

html[data-ms-app="1"] #historic-legalities-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

html[data-ms-app="1"] #historic-legalities-grid > div {
  padding: 4px 8px !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html[data-ms-app="1"] .historic-meta-comparison {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

/* 9.8 TOOL 7: DECK SIMULATOR (GOLDFISH) — COLLAPSIBLE SETUP & COMPACT PLAYMAT */
html[data-ms-app="1"] #oracle-goldfish-card > div:first-child > div.goldfish-header-controls {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
}

html[data-ms-app="1"] #oracle-goldfish-card > div:first-child > div.goldfish-header-controls .goldfish-btn-outline {
  padding: 6px 6px !important;
  font-size: 0.6875rem !important;
  min-height: 30px !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-ms-app="1"] .goldfish-mobile-setup-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 8px 12px !important;
  margin-bottom: 8px !important;
  border-radius: 9px !important;
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(0, 242, 254, 0.28) !important;
  color: #F8FAFC !important;
  font-size: 0.75rem !important;
  cursor: pointer !important;
}

html[data-ms-app="1"] #goldfish-setup-panel:not(.goldfish-setup-open-mob) {
  display: none !important;
}

html[data-ms-app="1"] #goldfish-setup-panel.goldfish-setup-open-mob {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

html[data-ms-app="1"] #goldfish-select-format,
html[data-ms-app="1"] #goldfish-select-archetype {
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] .goldfish-gamebar {
  padding: 8px 10px !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}

html[data-ms-app="1"] #goldfish-playmat-container {
  padding: 8px !important;
  min-height: 0 !important;
  gap: 8px !important;
  border: none !important;
  background: transparent !important;
}

html[data-ms-app="1"] #goldfish-playmat-container > div.goldfish-battlefield-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

html[data-ms-app="1"] .goldfish-zone-box {
  min-height: 74px !important;
  padding: 6px 8px !important;
}

html[data-ms-app="1"] .goldfish-card-row,
html[data-ms-app="1"] .goldfish-drop-placeholder {
  min-height: 48px !important;
}

html[data-ms-app="1"] .goldfish-side-trays {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
  width: 100% !important;
}

html[data-ms-app="1"] .goldfish-side-trays > div {
  padding: 8px !important;
  gap: 5px !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] .goldfish-deck-stack {
  height: 32px !important;
  flex-direction: row !important;
  gap: 6px !important;
}

html[data-ms-app="1"] .goldfish-deck-stack svg {
  width: 15px !important;
  height: 15px !important;
  margin-bottom: 0 !important;
  display: inline-block !important;
}

html[data-ms-app="1"] .goldfish-hand-cards-container {
  min-height: 105px !important;
}

/* 9.9 TOOL 8: TOTEM DI VENDITA — CLEAN FORM GRID, UNIFORM 2x2 KPIS, COMPACT UPLOAD & READABLE TABLES */
html[data-ms-app="1"] #card-image-preview {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-ms-app="1"] #totem-vendita-module {
  padding: 10px !important;
}

html[data-ms-app="1"] #totem-vendita-module .card-header {
  gap: 8px !important;
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-ms-app="1"] #totem-vendita-module [data-i18n="totem_subtitle_badge"],
html[data-ms-app="1"] #totem-vendita-module [data-i18n="totem_description"] {
  display: none !important;
}

html[data-ms-app="1"] #totem-vendita-module .card-header > div:last-child {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
}

html[data-ms-app="1"] #totem-tab-btn-new,
html[data-ms-app="1"] #totem-tab-btn-list {
  width: 100% !important;
  justify-content: center !important;
  padding: 7px 8px !important;
  font-size: 0.74rem !important;
  margin: 0 !important;
}

html[data-ms-app="1"] .totem-local-game-pill {
  display: none !important;
}

html[data-ms-app="1"] #totem-pane-new .totem-manual-card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  padding: 10px !important;
}

html[data-ms-app="1"] .totem-manual-form-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-items: end !important;
}

html[data-ms-app="1"] .totem-manual-form-grid > div:nth-child(1) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] .totem-manual-form-grid > div:nth-child(2),
html[data-ms-app="1"] .totem-manual-form-grid > div:nth-child(3),
html[data-ms-app="1"] .totem-manual-form-grid > div:nth-child(4),
html[data-ms-app="1"] .totem-manual-form-grid > div:nth-child(5),
html[data-ms-app="1"] .totem-manual-form-grid > div:nth-child(6),
html[data-ms-app="1"] .totem-manual-form-grid > div:nth-child(7) {
  width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
}

html[data-ms-app="1"] .totem-manual-form-grid > div:nth-child(6) {
  justify-content: center !important;
  background: #0B1120 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  height: 34px !important;
}

html[data-ms-app="1"] .totem-manual-form-grid > div:nth-child(8) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin-top: 2px !important;
}

/* Uniform 2x2 KPI Cards without vertical voids */
html[data-ms-app="1"] #totem-pane-new > .totem-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-items: stretch !important;
}

html[data-ms-app="1"] .totem-kpi-card {
  padding: 8px 10px !important;
  border-radius: 9px !important;
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 58px !important;
}

html[data-ms-app="1"] .totem-kpi-label {
  font-size: 0.62rem !important;
  line-height: 1.15 !important;
  color: #94A3B8 !important;
  margin-bottom: 4px !important;
}

html[data-ms-app="1"] .totem-kpi-value {
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  font-variant-numeric: tabular-nums !important;
}

html[data-ms-app="1"] #totem-kpi-offer-container span[data-i18n="totem_unlock_hint"],
html[data-ms-app="1"] #totem-kpi-offer-container > span:last-child {
  font-size: 0.60rem !important;
  line-height: 1.1 !important;
  margin-top: 2px !important;
}

/* Compact 1-line CSV/Excel import bar instead of giant dashed dropzone */
html[data-ms-app="1"] #totem-pane-new > #totem-dropzone {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 9px 12px !important;
  border-radius: 9px !important;
  background: #111827 !important;
  border: 1px dashed rgba(0, 242, 254, 0.35) !important;
}

html[data-ms-app="1"] .totem-dropzone-svg {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

html[data-ms-app="1"] .totem-dropzone-title {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: #E2E8F0 !important;
  margin: 0 !important;
}

html[data-ms-app="1"] .totem-dropzone-subtitle {
  display: none !important;
}

/* Compact progress bar without repeating verbose text */
html[data-ms-app="1"] #totem-threshold-box {
  order: 2 !important;
  padding: 6px 10px !important;
  margin: 0 !important;
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-ms-app="1"] #totem-threshold-message {
  font-size: 0.66rem !important;
  line-height: 1.2 !important;
}

/* Totem Draft Table (10 cols -> 5 clean mobile cols) & Submissions Table (8 cols -> 5 cols) */
html[data-ms-app="1"] #totem-draft-table,
html[data-ms-app="1"] #totem-submissions-table {
  table-layout: fixed !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] #totem-draft-table th,
html[data-ms-app="1"] #totem-draft-table td,
html[data-ms-app="1"] #totem-submissions-table th,
html[data-ms-app="1"] #totem-submissions-table td {
  min-width: 0 !important;
  padding: 6px 3px !important;
  font-size: 0.65rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-ms-app="1"] #totem-draft-table th,
html[data-ms-app="1"] #totem-submissions-table th {
  white-space: nowrap !important;
  font-size: 0.60rem !important;
}

html[data-ms-app="1"] #totem-draft-table .totem-mob-card-meta {
  display: block !important;
}

html[data-ms-app="1"] #totem-draft-table .totem-card-table-thumb {
  width: 24px !important;
  height: 34px !important;
  flex-shrink: 0 !important;
}

html[data-ms-app="1"] #totem-draft-table th:nth-child(2),
html[data-ms-app="1"] #totem-draft-table td:nth-child(2):not([colspan]),
html[data-ms-app="1"] #totem-draft-table th:nth-child(4),
html[data-ms-app="1"] #totem-draft-table td:nth-child(4):not([colspan]),
html[data-ms-app="1"] #totem-draft-table th:nth-child(5),
html[data-ms-app="1"] #totem-draft-table td:nth-child(5):not([colspan]),
html[data-ms-app="1"] #totem-draft-table th:nth-child(8),
html[data-ms-app="1"] #totem-draft-table td:nth-child(8):not([colspan]),
html[data-ms-app="1"] #totem-draft-table th:nth-child(9),
html[data-ms-app="1"] #totem-draft-table td:nth-child(9):not([colspan]) {
  display: none !important;
}

html[data-ms-app="1"] #totem-draft-table th:nth-child(1),
html[data-ms-app="1"] #totem-draft-table td:nth-child(1):not([colspan]) { width: 38% !important; }
html[data-ms-app="1"] #totem-draft-table th:nth-child(3),
html[data-ms-app="1"] #totem-draft-table td:nth-child(3):not([colspan]) { width: 12% !important; }
html[data-ms-app="1"] #totem-draft-table th:nth-child(6),
html[data-ms-app="1"] #totem-draft-table td:nth-child(6):not([colspan]) { width: 10% !important; }
html[data-ms-app="1"] #totem-draft-table th:nth-child(7),
html[data-ms-app="1"] #totem-draft-table td:nth-child(7):not([colspan]) { width: 25% !important; }
html[data-ms-app="1"] #totem-draft-table th:nth-child(10),
html[data-ms-app="1"] #totem-draft-table td:nth-child(10):not([colspan]) { width: 15% !important; }

/* Le Mie Distinte: hide Cols 4 (Forbice), 5 (Desiderato), 6 (Proposta) and KEEP Col 7 (Stato) & Col 8 (Azioni)! */
html[data-ms-app="1"] #totem-pane-list {
  padding: 6px 0 !important;
}

html[data-ms-app="1"] #totem-submissions-table th:nth-child(4),
html[data-ms-app="1"] #totem-submissions-table td:nth-child(4):not([colspan]),
html[data-ms-app="1"] #totem-submissions-table th:nth-child(5),
html[data-ms-app="1"] #totem-submissions-table td:nth-child(5):not([colspan]),
html[data-ms-app="1"] #totem-submissions-table th:nth-child(6),
html[data-ms-app="1"] #totem-submissions-table td:nth-child(6):not([colspan]) {
  display: none !important;
}

html[data-ms-app="1"] #totem-submissions-table th:nth-child(1),
html[data-ms-app="1"] #totem-submissions-table td:nth-child(1):not([colspan]) { width: 12% !important; }
html[data-ms-app="1"] #totem-submissions-table th:nth-child(2),
html[data-ms-app="1"] #totem-submissions-table td:nth-child(2):not([colspan]) { width: 25% !important; white-space: normal !important; line-height: 1.15 !important; }
html[data-ms-app="1"] #totem-submissions-table th:nth-child(3),
html[data-ms-app="1"] #totem-submissions-table td:nth-child(3):not([colspan]) { width: 11% !important; }
html[data-ms-app="1"] #totem-submissions-table th:nth-child(7),
html[data-ms-app="1"] #totem-submissions-table td:nth-child(7):not([colspan]) { width: 28% !important; }
html[data-ms-app="1"] #totem-submissions-table th:nth-child(8),
html[data-ms-app="1"] #totem-submissions-table td:nth-child(8):not([colspan]) { width: 24% !important; }

html[data-ms-app="1"] #totem-submissions-table .totem-status-badge {
  font-size: 0.58rem !important;
  padding: 2px 5px !important;
  white-space: nowrap !important;
}

/* 9.10 TOOL 9: SMART DECK COMPOSER — COLLAPSIBLE TOKEN BAR & FULL HEADER TITLE */
html[data-ms-app="1"] #deck-composer-identity-header h2 {
  font-size: 0.84rem !important;
  white-space: normal !important;
  line-height: 1.15 !important;
}

html[data-ms-app="1"] #deck-composer-identity-header button {
  padding: 4px 7px !important;
  font-size: 0.6875rem !important;
}

html[data-ms-app="1"] #deck-token-section {
  padding: 8px 12px !important;
  margin-bottom: 10px !important;
  gap: 8px !important;
}

html[data-ms-app="1"] #deck-token-section:not(.deck-token-expanded-mob) #deck-token-desc,
html[data-ms-app="1"] #deck-token-section:not(.deck-token-expanded-mob) #deck-token-input-group {
  display: none !important;
}

html[data-ms-app="1"] #deck-token-section .deck-token-header-row::after {
  content: "▾ Configura";
  font-size: 0.6875rem;
  font-weight: 700;
  color: #00F2FE;
  margin-left: auto;
  flex-shrink: 0;
}

html[data-ms-app="1"] #deck-token-section.deck-token-expanded-mob .deck-token-header-row::after {
  content: "▴ Chiudi";
}

html[data-ms-app="1"] .composer-grid-2 button[onclick="clearDeckList()"],
html[data-ms-app="1"] #btn-run-optimization {
  flex: 1 1 0% !important;
  height: 38px !important;
  padding: 0 10px !important;
  font-size: 0.78rem !important;
  white-space: nowrap !important;
  justify-content: center !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* 9.11 TOOL 10: WISHLIST AFFARI — SIDE-BY-SIDE INPUTS, COLLAPSIBLE PANELS & TABLES */
html[data-ms-app="1"] #deal-wishlist-card .wl-add-form-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

html[data-ms-app="1"] #deal-wishlist-card .wl-add-form-row > div:first-child,
html[data-ms-app="1"] #deal-wishlist-card .wl-add-form-row > div:last-child {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}

html[data-ms-app="1"] #deal-wishlist-card .wl-add-form-row > div:nth-child(2),
html[data-ms-app="1"] #deal-wishlist-card .wl-add-form-row > div:nth-child(3) {
  min-width: 0 !important;
  width: 100% !important;
}

html[data-ms-app="1"] #deal-wishlist-card .wl-add-form-row label {
  font-size: 0.6875rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-ms-app="1"] #wl-telegram-panel,
html[data-ms-app="1"] #wl-autobuy-panel {
  padding: 9px 12px !important;
  margin-bottom: 10px !important;
}

html[data-ms-app="1"] #wl-telegram-panel:not(.wl-panel-open-mob) .wl-telegram-body,
html[data-ms-app="1"] #wl-autobuy-panel:not(.wl-panel-open-mob) #wl-autobuy-content {
  display: none !important;
}

html[data-ms-app="1"] #wl-telegram-panel .wl-collapsible-header,
html[data-ms-app="1"] #wl-autobuy-panel .wl-collapsible-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

html[data-ms-app="1"] #wl-telegram-panel.wl-panel-open-mob .wl-collapsible-header,
html[data-ms-app="1"] #wl-autobuy-panel.wl-panel-open-mob .wl-collapsible-header {
  margin-bottom: 10px !important;
}

html[data-ms-app="1"] .wl-info-tooltip,
html[data-ms-app="1"] .wl-tg-info-tooltip {
  position: fixed !important;
  left: 12px !important;
  right: 12px !important;
  top: 84px !important;
  width: auto !important;
  max-width: 336px !important;
  z-index: 9800 !important;
  box-sizing: border-box !important;
}

html[data-ms-app="1"] #wl-active-table th,
html[data-ms-app="1"] #wl-active-table td,
html[data-ms-app="1"] #wl-deals-table th,
html[data-ms-app="1"] #wl-deals-table td {
  width: auto !important;
  min-width: 0 !important;
  padding: 5px 4px !important;
  font-size: 0.65rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-ms-app="1"] #wl-active-table th:first-child,
html[data-ms-app="1"] #wl-active-table td:first-child:not([colspan]) {
  width: 38% !important;
}

html[data-ms-app="1"] #wl-active-table th[data-i18n="wishlist_th_set_coverage"],
html[data-ms-app="1"] #wl-active-table td:nth-last-child(2):not([colspan]) {
  display: none !important;
}

html[data-ms-app="1"] #wl-deals-table th:nth-child(3),
html[data-ms-app="1"] #wl-deals-table td:nth-child(3):not([colspan]),
html[data-ms-app="1"] #wl-deals-table th:nth-child(5),
html[data-ms-app="1"] #wl-deals-table td:nth-child(5):not([colspan]),
html[data-ms-app="1"] #wl-deals-table th:nth-child(6),
html[data-ms-app="1"] #wl-deals-table td:nth-child(6):not([colspan]) {
  display: none !important;
}

/* ==========================================================================
   10. PREMIUM NATIVE POLISH: SEGMENTED CONTROLS, DECK THUMBS & EMPTY STAGE
   ========================================================================== */
html[data-ms-app="1"] #totem-vendita-module .card-header > div:last-child {
  background: rgba(11, 17, 32, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  padding: 3px !important;
  gap: 4px !important;
}

html[data-ms-app="1"] #totem-tab-btn-new,
html[data-ms-app="1"] #totem-tab-btn-list {
  border-radius: 7px !important;
  padding: 6px 8px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  transition: all 0.18s ease !important;
}

html[data-ms-app="1"] .deck-table-container {
  max-height: 290px !important;
}

html[data-ms-app="1"] .ms-empty-deck-stage {
  padding: 14px 10px !important;
  gap: 6px !important;
}

html[data-ms-app="1"] .ms-empty-deck-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
}

html[data-ms-app="1"] .ms-empty-deck-icon svg {
  width: 18px !important;
  height: 18px !important;
}

html[data-ms-app="1"] .ms-empty-deck-title {
  font-size: 0.80rem !important;
}

html[data-ms-app="1"] .ms-empty-deck-sub {
  font-size: 0.68rem !important;
  line-height: 1.25 !important;
}

html[data-ms-app="1"] .ms-quick-arch-pill {
  padding: 4px 9px !important;
  font-size: 0.66rem !important;
}

html[data-ms-app="1"] .deck-row-thumb {
  width: 20px !important;
  height: 28px !important;
  border-radius: 3px !important;
}

/* 10.2 ORACOLO SET COMPLETI: CLEAN HEADERS WITHOUT "..." & CARD ART THUMBNAILS */
html[data-ms-app="1"] .oracle-sets-table th svg,
html[data-ms-app="1"] .oracle-sets-table th span[id^="oracle-sort-icon-"] {
  display: none !important;
}

html[data-ms-app="1"] .oracle-sets-table th {
  font-size: 0.53rem !important;
  letter-spacing: -0.02em !important;
  padding: 5px 1px !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html[data-ms-app="1"] .oracle-sets-table th:nth-child(1),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(1) { width: 8% !important; max-width: 8% !important; }
html[data-ms-app="1"] .oracle-sets-table th:nth-child(2),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(2) { width: 43% !important; max-width: 43% !important; }
html[data-ms-app="1"] .oracle-sets-table th:nth-child(3),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(3) { width: 12% !important; max-width: 12% !important; }
html[data-ms-app="1"] .oracle-sets-table th:nth-child(4),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(4) { width: 23% !important; max-width: 23% !important; }
html[data-ms-app="1"] .oracle-sets-table th:nth-child(6),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(6) { width: 14% !important; max-width: 14% !important; }

/* 10.3 BILANCIA SCAMBI: UNTRUNCATED HEADERS & COMPACT HEADER BAR */
html[data-ms-app="1"] #trade-subtitle-desc {
  display: none !important;
}

html[data-ms-app="1"] #oracle-trade-calculator-card h2 {
  font-size: 0.92rem !important;
  line-height: 1.2 !important;
}

html[data-ms-app="1"] .trade-table th {
  font-size: 0.55rem !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* 10.4 DECK SIMULATOR (GOLDFISH): COMPACT 2-ROW ACTION BAR SO PLAYMAT IS ABOVE THE FOLD */
html[data-ms-app="1"] #oracle-goldfish-card h2 {
  font-size: 0.95rem !important;
}

html[data-ms-app="1"] #oracle-goldfish-card > div:first-child > div.goldfish-header-controls .goldfish-btn-outline {
  padding: 4px 4px !important;
  font-size: 0.62rem !important;
  min-height: 26px !important;
  border-radius: 7px !important;
}

/* 10.5 WISHLIST AFFARI: HIDE VERBOSE SUBTITLE & UNCLIP TABLE HEADERS */
html[data-ms-app="1"] #deal-wishlist-card > div:first-child span[data-i18n="wishlist_subtitle"],
html[data-ms-app="1"] #deal-wishlist-card > div:first-child p {
  display: none !important;
}

html[data-ms-app="1"] #deal-wishlist-card h2 {
  font-size: 0.92rem !important;
}

html[data-ms-app="1"] #wl-active-table th,
html[data-ms-app="1"] #wl-deals-table th {
  font-size: 0.56rem !important;
  letter-spacing: -0.02em !important;
  padding: 5px 2px !important;
}

/* 10.6 FIXES FOR QUICK-PILL SVGs, SET COMPLETI ROW FLEX, SCAMBI COL WIDTHS & METAGAME INNER TABLE */
html[data-ms-app="1"] #oracle-card-placeholder .ms-quick-arch-pill svg,
html[data-ms-app="1"] .ms-quick-arch-pill svg {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

html[data-ms-app="1"] .oracle-sets-table td:nth-child(2) > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
}

html[data-ms-app="1"] .oracle-sets-table td:nth-child(2) > div > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  flex: 1 1 0% !important;
  text-align: left !important;
}

html[data-ms-app="1"] .trade-table-container {
  max-height: 260px !important;
}

html[data-ms-app="1"] .trade-table colgroup col:nth-child(1) { width: auto !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(2) { width: 50px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(3) { width: 48px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(4) { width: 46px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(5) { width: 48px !important; }
html[data-ms-app="1"] .trade-table colgroup col:nth-child(6) { width: 20px !important; }

html[data-ms-app="1"] .trade-col-price,
html[data-ms-app="1"] .trade-col-subtot {
  font-size: 0.68rem !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Inner Metagame Decklist Table: 32px Qty column + full-width Card Name column */
html[data-ms-app="1"] #metagame-module table[id^="table-"] th:nth-child(1),
html[data-ms-app="1"] #metagame-module table[id^="table-"] td:nth-child(1) {
  width: 30px !important;
  max-width: 30px !important;
  text-align: left !important;
}

html[data-ms-app="1"] #metagame-module table[id^="table-"] th:nth-child(2),
html[data-ms-app="1"] #metagame-module table[id^="table-"] td:nth-child(2) {
  width: auto !important;
}

html[data-ms-app="1"] #metagame-module table[id^="table-"] th:nth-child(3),
html[data-ms-app="1"] #metagame-module table[id^="table-"] td:nth-child(3) {
  width: 64px !important;
}

html[data-ms-app="1"] #metagame-module table[id^="table-"] th:nth-child(4),
html[data-ms-app="1"] #metagame-module table[id^="table-"] td:nth-child(4) {
  width: 72px !important;
}

html[data-ms-app="1"] #metagame-module > div > table th:nth-child(7),
html[data-ms-app="1"] #metagame-module > div > table td:nth-child(7):not([colspan]) {
  display: none !important;
}

/* Mobile App Toast above Bottom Nav & Sheets */
html[data-ms-app="1"] .toast,
html[data-ms-app="1"] #toast {
  bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  left: 12px !important;
  right: 12px !important;
  z-index: 10020 !important;
  text-align: center;
}

/* Mobile App Footer Accordion & Header Compatibility */
html[data-ms-app="1"] .ms-footer-header {
  padding-bottom: 12px;
}

html[data-ms-app="1"] .ms-app-footer-accordions,
.ms-app-footer-accordions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

html[data-ms-app="1"] .ms-app-acc-btn,
.ms-app-acc-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 10px 14px;
  color: #f8fafc;
  font-weight: 700;
}

:root[data-theme="light"][data-ms-app="1"] .ms-app-acc-btn {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.12);
  color: #0f172a;
}

/* ============================================================================
   LIGHT MODE PARITY PER TUTTI I MODULI MOBILE APP (REGOLA 8 & 9)
   ============================================================================ */

/* 1. Tabelle App: Header, Bordi Riga e Prezzi Tabulari */
html[data-ms-app="1"][data-theme="light"] table thead tr {
  background: #f1f5f9 !important;
  border-bottom: 1px solid #cbd5e1 !important;
}

html[data-ms-app="1"][data-theme="light"] table thead th {
  color: #334155 !important;
}

html[data-ms-app="1"][data-theme="light"] table tbody tr {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

html[data-ms-app="1"][data-theme="light"] .oracle-sets-table td:nth-child(4) span,
html[data-ms-app="1"][data-theme="light"] #metagame-module table td:nth-child(6),
html[data-ms-app="1"][data-theme="light"] #table-scarcity .col-scarcity-oracle,
html[data-ms-app="1"][data-theme="light"] #table-scarcity .col-scarcity-oracle span {
  color: #0f172a !important;
}

/* 2. Totem di Vendita (App Mode Light) */
html[data-ms-app="1"][data-theme="light"] #totem-vendita-module .card-header > div:last-child {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}

html[data-ms-app="1"][data-theme="light"] #totem-pane-new .totem-manual-card {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}

html[data-ms-app="1"][data-theme="light"] .totem-manual-form-grid > div:nth-child(6) {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-ms-app="1"][data-theme="light"] .totem-kpi-card {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

html[data-ms-app="1"][data-theme="light"] .totem-kpi-value {
  color: #0f172a !important;
}

html[data-ms-app="1"][data-theme="light"] #totem-kpi-payout {
  color: #059669 !important;
}

html[data-ms-app="1"][data-theme="light"] #totem-pane-new > #totem-dropzone {
  background: #f8fafc !important;
  border: 1.5px dashed rgba(2, 132, 199, 0.45) !important;
}

html[data-ms-app="1"][data-theme="light"] .totem-dropzone-title {
  color: #0f172a !important;
}

html[data-ms-app="1"][data-theme="light"] .totem-dropzone-sub {
  color: #475569 !important;
}

html[data-ms-app="1"][data-theme="light"] #totem-threshold-box {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

/* 3. Calcolatore Scambi / Bilancia Scambi (App Mode Light) */
html[data-ms-app="1"][data-theme="light"] #oracle-trade-verdict-center-card,
html[data-ms-app="1"][data-theme="light"] #oracle-trade-verdict-center-card.verdict-neutral {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}

html[data-ms-app="1"][data-theme="light"] #oracle-trade-verdict-center-card.verdict-green {
  background: rgba(16, 185, 129, 0.10) !important;
  border: 1px solid rgba(16, 185, 129, 0.45) !important;
}

html[data-ms-app="1"][data-theme="light"] #oracle-trade-verdict-center-card.verdict-red {
  background: rgba(239, 68, 68, 0.08) !important;
  border: 1px solid rgba(239, 68, 68, 0.40) !important;
}

html[data-ms-app="1"][data-theme="light"] #oracle-trade-verdict-center-card.verdict-cyan {
  background: rgba(2, 132, 199, 0.10) !important;
  border: 1px solid rgba(2, 132, 199, 0.45) !important;
}

html[data-ms-app="1"][data-theme="light"] .trade-mobile-tab-bar {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-ms-app="1"][data-theme="light"] .trade-mob-tab-btn {
  color: #475569 !important;
}

html[data-ms-app="1"][data-theme="light"] .trade-mob-tab-val {
  color: #0f172a !important;
}

html[data-ms-app="1"][data-theme="light"] #trade-mob-tab-a.active {
  background: rgba(2, 132, 199, 0.12) !important;
  border-color: #0284c7 !important;
  color: #0284c7 !important;
}

html[data-ms-app="1"][data-theme="light"] #trade-mob-tab-b.active {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: #059669 !important;
  color: #047857 !important;
}

/* 4. Radar Rarità Ristampe & Deck Simulator Goldfish (App Mode Light) */
html[data-ms-app="1"][data-theme="light"] .scarcity-mobile-filters-toggle {
  background: #ffffff !important;
  border: 1px solid rgba(2, 132, 199, 0.35) !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
}

html[data-ms-app="1"][data-theme="light"] #scarcity-filters-drawer {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-ms-app="1"][data-theme="light"] .goldfish-mobile-setup-toggle {
  background: #ffffff !important;
  border: 1px solid rgba(2, 132, 199, 0.35) !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
}

html[data-ms-app="1"][data-theme="light"] .goldfish-mobile-setup-toggle .goldfish-setup-chevron {
  color: #0284c7 !important;
}

/* 5. Smart Deck Composer, Oracolo Singole/Set & App Shell (App Mode Light) */
html[data-ms-app="1"][data-theme="light"] #deck-token-section .deck-token-header-row::after {
  color: #0284c7 !important;
}

html[data-ms-app="1"][data-theme="light"] #oracle-card-placeholder p,
html[data-ms-app="1"][data-theme="light"] #oracle-sets-placeholder p {
  color: #475569 !important;
}

html[data-ms-app="1"][data-theme="light"] #rec-img,
html[data-ms-app="1"][data-theme="light"] #rising-img {
  background: #f8fafc !important;
}

html[data-ms-app="1"][data-theme="light"] #oracle-main-glass-card {
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08) !important;
}

html[data-ms-app="1"][data-theme="light"] #oracle-autocomplete-dropdown,
html[data-ms-app="1"][data-theme="light"] #oracle-set-autocomplete-dropdown {
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16) !important;
}

html[data-ms-app="1"][data-theme="light"] .mtg-rarity-common,
html[data-ms-app="1"][data-theme="light"] .badge-rarity.rarity-common {
  background: #f1f5f9 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-ms-app="1"][data-theme="light"] #ms-app-auth-sheet a[href="/register"] {
  color: #0284c7 !important;
  background: rgba(2, 132, 199, 0.10) !important;
  border-color: rgba(2, 132, 199, 0.45) !important;
}

/* ============================================================================
   RESTYLING & SEMPLIFICAZIONE 11 STRUMENTI MOBILE APP (UX SENIOR PASS v4.0)
   ============================================================================ */

/* --- STRUMENTO 1: ORACOLO (carte.html) --- */
html[data-ms-app="1"] #oracle-card-placeholder {
  padding: 8px 6px 8px 6px !important;
  min-height: 0 !important;
}

html[data-ms-app="1"] #oracle-card-placeholder > svg {
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 6px !important;
}

html[data-ms-app="1"] #oracle-card-placeholder > p {
  display: block !important;
  font-size: 0.76rem !important;
  line-height: 1.35 !important;
  margin: 0 0 8px 0 !important;
}

:root[data-theme="light"] .ms-onboarding-explainer-box {
  background: rgba(2, 132, 199, 0.06) !important;
  border-color: rgba(2, 132, 199, 0.25) !important;
  color: #0f172a !important;
}

:root[data-theme="light"] .scarcity-rarity-micro-m,
:root[data-theme="light"] .mtg-rarity-mythic {
  color: #dc2626 !important;
  background: rgba(220, 38, 38, 0.12) !important;
}

:root[data-theme="light"] .scarcity-rarity-micro-r,
:root[data-theme="light"] .mtg-rarity-rare {
  color: #b45309 !important;
  background: rgba(217, 119, 6, 0.14) !important;
}

:root[data-theme="light"] .scarcity-rarity-micro-u,
:root[data-theme="light"] .mtg-rarity-uncommon {
  color: #334155 !important;
  background: rgba(100, 116, 139, 0.15) !important;
}

:root[data-theme="light"] .scarcity-rarity-micro-c,
:root[data-theme="light"] .mtg-rarity-common {
  color: #475569 !important;
  background: rgba(148, 163, 184, 0.18) !important;
}

html[data-ms-app="1"] #card-recommended,
html[data-ms-app="1"] #card-rising {
  cursor: pointer !important;
  transition: transform 0.15s ease, border-color 0.15s ease !important;
}

html[data-ms-app="1"] #card-recommended:active,
html[data-ms-app="1"] #card-rising:active {
  transform: scale(0.985) !important;
}

/* --- STRUMENTO 2: MERCATINO (mercatino.html - Spotlight Search Bar 44px Full Width) --- */
html[data-ms-app="1"] .mercatino-compact-top-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 8px !important;
}

html[data-ms-app="1"] .mercatino-spotlight-search {
  position: relative !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  display: flex !important;
  align-items: center !important;
}

html[data-ms-app="1"] .mercatino-spotlight-search #merc-search-card-input {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  font-size: 16px !important;
  padding: 0 44px 0 14px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0, 242, 254, 0.35) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 242, 254, 0.08) !important;
}

html[data-ms-app="1"] #merc-btn-toggle-filters {
  flex: 1 1 100% !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  justify-content: center !important;
  font-size: 0.74rem !important;
  border-radius: 8px !important;
}

.ms-onboarding-explainer-box,
.ms-onboarding-explainer-box p {
  text-align: center !important;
}

html[data-ms-app="1"] .mercatino-spotlight-search #merc-search-submit-btn {
  position: absolute !important;
  right: 5px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-ms-app="1"] #btn-merc-adv-toggle,
html[data-ms-app="1"] #btn-pm-adv-toggle {
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 10px !important;
  padding: 0 10px !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
}

/* --- STRUMENTO 5: CALCOLATORE SCAMBI (scambi.html - Zero Header/Footer Duplicati) --- */
html[data-ms-app="1"] #oracle-trade-panel-a > div:first-child > div:first-child,
html[data-ms-app="1"] #oracle-trade-panel-b > div:first-child > div:first-child,
html[data-ms-app="1"] #oracle-trade-panel-a > div:last-child,
html[data-ms-app="1"] #oracle-trade-panel-b > div:last-child {
  display: none !important;
}

/* --- STRUMENTO 6: DECK SIMULATOR (simulatore.html - Terreno Unico, Mano Sotto, Command Zone Condizionale) --- */
html[data-ms-app="1"] #goldfish-zone-lands-wrap {
  display: none !important;
}

html[data-ms-app="1"] #goldfish-header-controls .goldfish-more-opts-btn {
  display: inline-flex !important;
}

html[data-ms-app="1"] #goldfish-header-controls:not(.goldfish-opts-expanded) .goldfish-hdr-secondary-btn {
  display: none !important;
}

html[data-ms-app="1"] .goldfish-battlefield-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

html[data-ms-app="1"] .goldfish-battlefield-main {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

html[data-ms-app="1"] #goldfish-zone-permanents-wrap {
  order: 1 !important;
  min-height: 155px !important;
}

html[data-ms-app="1"] #goldfish-hand-zone-box {
  order: 2 !important;
  margin-top: 0 !important;
}

html[data-ms-app="1"] .goldfish-side-trays {
  order: 3 !important;
}

/* --- STRUMENTO 7: SMART DECK COMPOSER (deckcomposer.html - 2 Tab Mobile + Token in Fondo) --- */
html[data-ms-app="1"] #composer-mobile-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
  padding: 4px !important;
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(0, 242, 254, 0.22) !important;
  border-radius: 10px !important;
}

html[data-ms-app="1"] .composer-mob-tab-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 36px !important;
  border-radius: 7px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #94a3b8 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

html[data-ms-app="1"] .composer-mob-tab-btn.active {
  background: rgba(0, 242, 254, 0.14) !important;
  border-color: rgba(0, 242, 254, 0.45) !important;
  color: #00f2fe !important;
}

html[data-ms-app="1"] #composer-main-grid[data-composer-mob-tab="list"] #composer-col-opt {
  display: none !important;
}

html[data-ms-app="1"] #composer-main-grid[data-composer-mob-tab="opt"] #composer-col-list {
  display: none !important;
}

html[data-ms-app="1"] #deck-token-section {
  order: 99 !important;
  margin-top: 12px !important;
  margin-bottom: 4px !important;
}

html[data-ms-app="1"] .deck-table colgroup col:nth-child(1) { width: 42px !important; }
html[data-ms-app="1"] .deck-table colgroup col:nth-child(2) { width: 40% !important; }
html[data-ms-app="1"] .deck-table colgroup col:nth-child(3) { width: auto !important; }
html[data-ms-app="1"] .deck-table colgroup col:nth-child(4) { width: 64px !important; }

html[data-ms-app="1"] .deck-table .deck-exp-cell-inner {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
}

html[data-ms-app="1"] .deck-table .deck-exp-cell-inner > span {
  max-width: 100% !important;
  font-size: 0.65rem !important;
}

html[data-ms-app="1"] .deck-table .deck-exp-cell-inner > button {
  padding: 2px 5px !important;
  font-size: 0.62rem !important;
  max-width: 100% !important;
}

/* --- STRUMENTO 8: METAGAME & MAZZI (metagame.html - Pillole Orizzontali & Riga Cliccabile) --- */
html[data-ms-app="1"] #metagame-format-buttons {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  gap: 6px !important;
  padding-bottom: 4px !important;
}

html[data-ms-app="1"] #metagame-format-buttons::-webkit-scrollbar {
  display: none !important;
}

html[data-ms-app="1"] #metagame-format-buttons button {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* --- STRUMENTO 9: NOTIZIE & CARTA STORICA (notizie.html - Foto Intera Mai Tagliata & Lore Collassabile) --- */
html[data-ms-app="1"] .historic-main-grid > div:first-child,
html[data-ms-app="1"] .historic-card-media-col {
  width: 100% !important;
  max-width: 100% !important;
  align-items: flex-start !important;
}

html[data-ms-app="1"] .historic-main-grid > div:first-child > div:first-child,
html[data-ms-app="1"] .historic-card-img-frame {
  width: 114px !important;
  max-width: 114px !important;
  height: auto !important;
  aspect-ratio: 63 / 88 !important;
  margin: 0 !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  background: #070d19 !important;
}

html[data-ms-app="1"] #historic-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 8px !important;
}

html[data-ms-app="1"] #btn-historic-lore-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  background: rgba(0, 242, 254, 0.10) !important;
  border: 1px solid rgba(0, 242, 254, 0.35) !important;
  color: #00f2fe !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

html[data-ms-app="1"] #historic-lore-collapsible:not(.historic-lore-expanded) {
  display: none !important;
}

html[data-ms-app="1"] #oracle-weekly-article-card span[onclick*="inspectCardInOracle"],
html[data-ms-app="1"] #modal-oracle-article span[onclick*="inspectCardInOracle"],
html[data-ms-app="1"] #historic-deck-synergies span {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

/* --- STRUMENTO 10: TOTEM DI VENDITA (totem.html - Form Compatto & Modale Versioni Centrata) --- */
html[data-ms-app="1"] .totem-manual-card:not(.totem-manual-expanded-mob) .totem-manual-form-grid > div:nth-child(2),
html[data-ms-app="1"] .totem-manual-card:not(.totem-manual-expanded-mob) .totem-manual-form-grid > div:nth-child(3) {
  display: none !important;
}

html[data-ms-app="1"] #modal-totem-versions .totem-modal-box {
  width: calc(100vw - 24px) !important;
  max-width: 360px !important;
  max-height: calc(100dvh - 140px) !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* --- STRUMENTO 11: WISHLIST AFFARI (wishlist.html - 2 Tab Mobile) --- */
html[data-ms-app="1"] #wishlist-mobile-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
  padding: 4px !important;
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(0, 242, 254, 0.22) !important;
  border-radius: 10px !important;
}

html[data-ms-app="1"] .wl-mob-tab-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 36px !important;
  border-radius: 7px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #94a3b8 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

html[data-ms-app="1"] .wl-mob-tab-btn.active {
  background: rgba(0, 242, 254, 0.14) !important;
  border-color: rgba(0, 242, 254, 0.45) !important;
  color: #00f2fe !important;
}

html[data-ms-app="1"] #deal-wishlist-card[data-wl-mob-tab="monitored"] #wl-deals-box {
  display: none !important;
}

html[data-ms-app="1"] #deal-wishlist-card[data-wl-mob-tab="deals"] #wl-monitored-box {
  display: none !important;
}

html[data-ms-app="1"] #wl-active-table th:first-child,
html[data-ms-app="1"] #wl-active-table td:first-child:not([colspan]) {
  width: 65% !important;
}

html[data-ms-app="1"] #wl-active-table th:last-child,
html[data-ms-app="1"] #wl-active-table td:last-child:not([colspan]) {
  width: 35% !important;
}

/* Global SVG Outline Cyan Utility (REGOLA 7) */
.svg-outline-cyan {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Localized Token Configura / Chiudi pseudo-element (REGOLA 8) */
html[data-ms-app="1"][lang="en"] #deck-token-section .deck-token-header-row::after { content: "▾ Configure"; }
html[data-ms-app="1"][lang="en"] #deck-token-section.deck-token-expanded-mob .deck-token-header-row::after { content: "▴ Close"; }
html[data-ms-app="1"][lang="es"] #deck-token-section .deck-token-header-row::after { content: "▾ Configurar"; }
html[data-ms-app="1"][lang="es"] #deck-token-section.deck-token-expanded-mob .deck-token-header-row::after { content: "▴ Cerrar"; }
html[data-ms-app="1"][lang="de"] #deck-token-section .deck-token-header-row::after { content: "▾ Konfigurieren"; }
html[data-ms-app="1"][lang="de"] #deck-token-section.deck-token-expanded-mob .deck-token-header-row::after { content: "▴ Schließen"; }
html[data-ms-app="1"][lang="fr"] #deck-token-section .deck-token-header-row::after { content: "▾ Configurer"; }
html[data-ms-app="1"][lang="fr"] #deck-token-section.deck-token-expanded-mob .deck-token-header-row::after { content: "▴ Fermer"; }

/* --- LIGHT MODE PARITY PER NUOVI COMPONENTI MOBILE v4.0 (REGOLA 8) --- */
html[data-ms-app="1"][data-theme="light"] #composer-mobile-tabs,
html[data-ms-app="1"][data-theme="light"] #wishlist-mobile-tabs {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}

html[data-ms-app="1"][data-theme="light"] .composer-mob-tab-btn,
html[data-ms-app="1"][data-theme="light"] .wl-mob-tab-btn {
  color: #475569 !important;
}

html[data-ms-app="1"][data-theme="light"] .composer-mob-tab-btn.active,
html[data-ms-app="1"][data-theme="light"] .wl-mob-tab-btn.active {
  background: rgba(2, 132, 199, 0.12) !important;
  border-color: #0284c7 !important;
  color: #0284c7 !important;
}

html[data-ms-app="1"][data-theme="light"] #btn-historic-lore-toggle {
  background: rgba(2, 132, 199, 0.08) !important;
  border-color: rgba(2, 132, 199, 0.35) !important;
  color: #0284c7 !important;
}

html[data-ms-app="1"][data-theme="light"] .historic-card-img-frame {
  background: #f8fafc !important;
  border-color: rgba(2, 132, 199, 0.35) !important;
}

html[data-ms-app="1"][data-theme="light"] .mercatino-spotlight-search #merc-search-card-input {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(2, 132, 199, 0.45) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] #deck-composer-identity-header {
  background: #ffffff !important;
  border-color: rgba(2, 132, 199, 0.25) !important;
}

html[data-theme="light"] #deck-composer-identity-header h2 {
  color: #0f172a !important;
}

html[data-theme="light"] #btn-composer-how-it-works {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="light"] #deck-composer-how-it-works {
  color: #334155 !important;
  border-top-color: #e2e8f0 !important;
}

html[data-theme="light"] #main-deck-header-cell span,
html[data-theme="light"] #side-deck-header-cell span {
  color: #0284c7 !important;
}

html[data-theme="light"] #deck-token-section {
  background: #ffffff !important;
  border-color: rgba(2, 132, 199, 0.25) !important;
}

html[data-theme="light"] #deck-token-status-badge {
  color: #b91c1c !important;
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.45) !important;
}

html[data-theme="light"] #historic-roi-info {
  color: #059669 !important;
}

html[data-theme="light"] .historic-leg-card span:first-child {
  color: #334155 !important;
}

html[data-theme="light"] .historic-leg-card.leg-banned span:last-child {
  color: #dc2626 !important;
}

html[data-theme="light"] .historic-leg-card.leg-restricted span:last-child {
  color: #0284c7 !important;
}

html[data-theme="light"] .historic-leg-card.leg-legal span:last-child {
  color: #059669 !important;
}

html[data-theme="light"] .historic-leg-card.leg-not-legal span:last-child {
  color: #64748b !important;
}

html[data-theme="light"] [data-i18n="oracle_historic_current_meta_title"] {
  color: #059669 !important;
}

html[data-theme="light"] [data-i18n="oracle_historic_why_title"] {
  color: #b45309 !important;
}

html[data-theme="light"] .totem-badge-staple {
  color: #0284c7 !important;
  border-color: rgba(2, 132, 199, 0.4) !important;
  background: rgba(2, 132, 199, 0.1) !important;
}

html[data-theme="light"] #footer-modal-contact a[href^="mailto:"],
html[data-theme="light"] #footer-modal-contact [style*="color: #00f2fe"],
html[data-theme="light"] #footer-modal-contact [style*="color:#00f2fe"] {
  color: #0284c7 !important;
}

html[data-theme="light"] .mercatino-coverage-badge {
  color: #047857 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
}

/* ============================================================================
   SMARTPHONE LANDSCAPE ORIENTATION COMPACT SHELL (max-height: 540px)
   Mantiene la Mobile App Shell compatta anche ruotando il telefono in orizzontale
   ============================================================================ */
@media (max-height: 540px) and (orientation: landscape) {
  html[data-ms-app="1"] header.os-header,
  html[data-ms-app="1"] .os-header {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 12px !important;
  }

  html[data-ms-app="1"] body.oracle-suite-body {
    padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html[data-ms-app="1"] .ms-app-bottom-nav {
    height: calc(42px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html[data-ms-app="1"] .ms-app-nav-item {
    flex-direction: row !important;
    gap: 5px !important;
    padding: 2px 4px !important;
    font-size: 0.68rem !important;
  }

  html[data-ms-app="1"] .ms-app-nav-item > span:not(.ms-app-nav-icon-wrap) {
    width: auto !important;
    min-height: 0 !important;
    white-space: nowrap !important;
  }

  html[data-ms-app="1"] .ms-app-nav-icon-wrap {
    width: 26px !important;
    height: 22px !important;
    flex-shrink: 0 !important;
  }

  html[data-ms-app="1"] .ms-app-nav-item svg {
    width: 16px !important;
    height: 16px !important;
  }

  html[data-ms-app="1"] .ms-app-bottom-sheet {
    max-height: 88vh !important;
    padding: 8px 16px calc(52px + env(safe-area-inset-bottom, 0px)) 16px !important;
  }

  html[data-ms-app="1"] .ms-app-sheet-handle {
    margin: 2px auto 6px auto !important;
  }

  html[data-ms-app="1"] .ms-app-sheet-header {
    margin-bottom: 8px !important;
    padding-bottom: 6px !important;
  }

  html[data-ms-app="1"] .ms-app-sheet-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

/* ============================================================================
   ULTRA-COMPACT TABLE HEADER ALIGNMENT (320px - 360px & 5 LINGUE)
   ============================================================================ */
html[data-ms-app="1"] .oracle-sets-table th:nth-child(2),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(2) {
  width: 34% !important;
  max-width: 34% !important;
}

html[data-ms-app="1"] .oracle-sets-table th:nth-child(6),
html[data-ms-app="1"] .oracle-sets-table td:nth-child(6) {
  width: 23% !important;
  max-width: 23% !important;
  min-width: 62px !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
}

html[data-ms-app="1"] #metagame-module > div > table th:nth-child(1),
html[data-ms-app="1"] #metagame-module > div > table td:nth-child(1) {
  width: 28% !important;
}

html[data-ms-app="1"] #metagame-module > div > table th:nth-child(6),
html[data-ms-app="1"] #metagame-module > div > table td:nth-child(6):not([colspan]) {
  width: 28% !important;
  min-width: 70px !important;
  padding-left: 2px !important;
  padding-right: 4px !important;
}

/* ============================================================================
   iOS WKWEBVIEW ANTI-AUTO-ZOOM & MODAL Z-INDEX LAYERING
   Garantisce font-size >= 16px su tutti gli input/select/textarea e posiziona
   tutti i modali sopra .os-header (9100) e .ms-app-bottom-nav (9200)
   ============================================================================ */
html[data-ms-app="1"] #search-scarcity,
html[data-ms-app="1"] #merc-chat-msg-input,
html[data-ms-app="1"] #pm-chat-msg-input,
html[data-ms-app="1"] .mercatino-input,
html[data-ms-app="1"] .mercatino-select,
html[data-ms-app="1"] textarea {
  font-size: 16px !important;
}

html[data-ms-app="1"] textarea {
  height: auto !important;
  min-height: 64px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

html[data-ms-app="1"] .modal-overlay,
html[data-ms-app="1"] #version-modal,
html[data-ms-app="1"] #goldfish-tutor-modal,
html[data-ms-app="1"] #goldfish-scry-modal,
html[data-ms-app="1"] #goldfish-token-modal,
html[data-ms-app="1"] #goldfish-graveyard-modal,
html[data-ms-app="1"] #goldfish-card-inspector,
html[data-ms-app="1"] #goldfish-card-popover,
html[data-ms-app="1"] #goldfish-mana-picker-popover,
html[data-ms-app="1"] #goldfish-draw-x-popover,
html[data-ms-app="1"] #modal-set-chart {
  z-index: 10010 !important;
}