/* ═══════════════════════════════════════════════════
   Cinematic mobile adaptations — loaded LAST.
   Breakpoints: 960px tablet, 768px small tablet,
                640px phone, 380px small phone.
   Aggressive overrides on body.cine-mode to scrub
   any retro Win98 leakage from retro.css.
   ═══════════════════════════════════════════════════ */

/* ─────────── Tablet ≤960px ─────────── */
@media (max-width: 960px) {
  body.cine-mode .cine-page-content,
  body.cine-mode .pos-page-content,
  body.cine-mode .ml-page-content,
  body.cine-mode .radar2-page-content {
    padding: 16px 18px 24px !important;
    max-width: none !important;
  }
  body.cine-mode .cine-nav { padding: 10px 16px !important; gap: 12px !important; }
  body.cine-mode .pos-list { grid-template-columns: 1fr !important; }
  body.cine-mode .bt-form { grid-template-columns: 1fr 1fr !important; }
}

/* ═══════════════════════════════════════════════════
   Phone ≤768px — anti-retro defense + responsive layout
   ═══════════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* ── Force flat black background, no Win98 padding ── */
  body.cine-mode {
    padding: 0 !important;
    background: #050505 !important;
    color: #e8e8e8 !important;
  }

  /* ── Universal anti-retro for body.cine-mode descendants ── */
  body.cine-mode .window {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 100vh !important;
    height: auto !important;
    padding: 0 !important;
  }
  body.cine-mode .title-bar,
  body.cine-mode .menu-bar,
  body.cine-mode .status-bar { display: none !important; }

  /* Standard form controls — neutralize Win98 bevel and silver background */
  body.cine-mode input[type="text"],
  body.cine-mode input[type="number"],
  body.cine-mode input[type="email"],
  body.cine-mode input[type="password"],
  body.cine-mode input[type="search"],
  body.cine-mode select,
  body.cine-mode textarea {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    border-radius: 0 !important;
    font-family: 'Space Mono', ui-monospace, monospace !important;
    box-shadow: none !important;
    outline: none !important;
  }
  body.cine-mode input[type="text"]:focus,
  body.cine-mode input[type="number"]:focus,
  body.cine-mode input[type="email"]:focus,
  body.cine-mode input[type="password"]:focus,
  body.cine-mode input[type="search"]:focus,
  body.cine-mode select:focus,
  body.cine-mode textarea:focus {
    border-color: rgba(255,255,255,0.6) !important;
    outline: none !important;
  }

  /* Hide native number-input spinner, custom ▲▼ stays */
  body.cine-mode input[type="number"]::-webkit-inner-spin-button,
  body.cine-mode input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }
  body.cine-mode input[type="number"] { -moz-appearance: textfield !important; }

  /* Standard buttons — flat cinematic */
  body.cine-mode button {
    background: transparent !important;
    color: rgba(255,255,255,0.85) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    border-radius: 0 !important;
    font-family: 'Space Mono', ui-monospace, monospace !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }
  body.cine-mode button:hover { border-color: rgba(255,255,255,0.6) !important; color: #fff !important; }

  /* Anchor "buttons" that shouldn't get underline */
  body.cine-mode a { text-decoration: none; }

  /* Scrollbars — slim cinematic */
  body.cine-mode ::-webkit-scrollbar { width: 6px !important; height: 6px !important; background: transparent !important; }
  body.cine-mode ::-webkit-scrollbar-track { background: transparent !important; border: 0 !important; }
  body.cine-mode ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.18) !important;
    border: 0 !important;
  }
  body.cine-mode ::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.32) !important; }
}

/* ═══════════════════════════════════════════════════
   Phone ≤640px — layout
   ═══════════════════════════════════════════════════ */
@media (max-width: 640px) {

  /* ── TOP NAV: column layout, horizontal scrolling tabs ── */
  body.cine-mode .cine-nav {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 8px 12px !important;
    flex-wrap: nowrap !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
  }
  body.cine-mode .cine-nav-brand {
    text-align: center;
    font-size: 9px !important;
    letter-spacing: 0.3em !important;
    white-space: nowrap;
  }
  body.cine-mode .cine-nav-tabs {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    justify-content: flex-start !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
    margin: 0 -12px;
    padding: 0 12px 4px;
    width: auto;
  }
  body.cine-mode .cine-nav-tabs::-webkit-scrollbar { display: none !important; }
  body.cine-mode .cine-nav-tab {
    flex-shrink: 0 !important;
    padding: 5px 10px !important;
    font-size: 9px !important;
    letter-spacing: 0.16em !important;
    white-space: nowrap;
    border: 1px solid transparent !important;
  }
  body.cine-mode .cine-nav-tab.active {
    border-color: rgba(255,255,255,0.7) !important;
    box-shadow: 0 0 6px rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.05) !important;
  }
  body.cine-mode .cine-nav-right {
    justify-content: center !important;
    gap: 6px !important;
  }
  body.cine-mode .cine-nav-btn {
    padding: 5px 10px !important;
    font-size: 9px !important;
    letter-spacing: 0.16em !important;
    min-height: 32px;
  }

  /* ── PAGE CHROME ── */
  body.cine-mode .cine-page-content,
  body.cine-mode .pos-page-content,
  body.cine-mode .ml-page-content,
  body.cine-mode .radar2-page-content {
    padding: 12px 12px 24px !important;
  }
  body.cine-mode .cine-page-head,
  body.cine-mode .pos-page-head,
  body.cine-mode .ml-page-head,
  body.cine-mode .radar2-page-head {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
  body.cine-mode .cine-page-title,
  body.cine-mode .pos-page-title,
  body.cine-mode .ml-page-title,
  body.cine-mode .radar2-page-title {
    font-size: 18px !important;
    letter-spacing: 0.18em !important;
  }
  body.cine-mode .cine-page-eyebrow,
  body.cine-mode .pos-page-eyebrow,
  body.cine-mode .ml-page-eyebrow,
  body.cine-mode .radar2-page-eyebrow { font-size: 9px !important; }
  body.cine-mode .cine-page-sub,
  body.cine-mode .cine-page-desc { font-size: 11px !important; line-height: 1.5; }

  /* Page meta (PAIRS / VENUES / PEAK APY ribbon) */
  body.cine-mode .tf-head-meta,
  body.cine-mode .ml-head-meta,
  body.cine-mode .pos-head-meta {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    width: 100%;
  }
  body.cine-mode .tf-meta-row { flex-direction: column; min-width: 60px; }
  body.cine-mode .tf-meta-val { font-size: 14px !important; }
  body.cine-mode .tf-meta-lbl { font-size: 9px !important; }

  /* ═══════════ FUNDING / TRADFI (fund2) ═══════════ */
  body.cine-mode .fund2-toolbar {
    padding: 10px 10px !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }
  body.cine-mode .fund2-tb-divider { display: none !important; }
  body.cine-mode .fund2-tb-spacer { display: none !important; }
  body.cine-mode .fund2-tb-grp { gap: 6px !important; }
  body.cine-mode .fund2-tb-lbl { font-size: 9px !important; letter-spacing: 0.18em !important; }
  body.cine-mode .fund2-tb-btn,
  body.cine-mode .fund2-tb-lang {
    height: 32px !important;
    padding: 0 10px !important;
    font-size: 9px !important;
    letter-spacing: 0.14em !important;
    background: transparent !important;
    color: rgba(255,255,255,0.85) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
  }
  body.cine-mode .fund2-tb-checkbox {
    font-size: 10px !important;
    letter-spacing: 0.14em !important;
    padding: 4px 4px !important;
    color: rgba(255,255,255,0.85) !important;
  }
  body.cine-mode .fund2-tb-checkbox-box {
    width: 16px !important;
    height: 16px !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    background: transparent !important;
  }
  body.cine-mode .fund2-tb-num {
    height: 32px !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    background: transparent !important;
  }
  body.cine-mode .fund2-tb-num-input {
    height: 30px !important;
    width: 56px !important;
    font-size: 13px !important;
    background: transparent !important;
    color: #fff !important;
    border: 0 !important;
  }
  body.cine-mode .fund2-tb-search {
    flex: 1 1 100% !important;
    order: 99;
    height: 36px !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    background: transparent !important;
  }
  body.cine-mode .fund2-tb-search-input {
    height: 32px !important;
    font-size: 13px !important;
    width: 100% !important;
    background: transparent !important;
    color: #fff !important;
    border: 0 !important;
  }
  body.cine-mode .fund2-tb-select { min-width: 0 !important; }
  body.cine-mode .fund2-tb-select.lg { min-width: 140px !important; flex: 1 1 50%; }
  body.cine-mode .fund2-tb-select-trigger {
    height: 32px !important;
    font-size: 10px !important;
    padding: 0 10px !important;
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
  }

  /* News ribbon */
  body.cine-mode .fund2-tb-news {
    flex: 1 1 100%;
    order: 0;
    height: auto;
    padding: 6px 10px;
    font-size: 10px;
  }

  /* Categories grid */
  body.cine-mode .fund2-cats {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  /* Exchanges popup → fullscreen on phone */
  body.cine-mode #exchangePopup.fund2-exch-popup {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100vw !important; height: 100vh !important;
    max-height: 100vh !important;
    z-index: 9999 !important;
    overflow-y: auto !important;
    padding: 16px 14px 14px !important;
    border: 0 !important;
  }
  body.cine-mode #exchangePopup .fund2-exch-popup-list {
    max-height: none !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  body.cine-mode #exchangePopup .fund2-exch-popup-row {
    padding: 10px 4px !important;
    font-size: 12px !important;
  }
  body.cine-mode #exchangePopup .fund2-exch-popup-box { width: 16px !important; height: 16px !important; }
  body.cine-mode #exchangePopup .fund2-exch-popup-foot {
    position: sticky; bottom: 0;
    margin: 12px -14px -14px;
    padding: 12px 14px;
    background: linear-gradient(180deg, transparent 0%, rgba(19,19,24,0.92) 18%, rgba(19,19,24,0.98) 100%);
    border-top: 1px solid rgba(255,255,255,0.18);
  }
  body.cine-mode #exchangePopup .fund2-exch-foot-btn {
    height: 40px !important;
    font-size: 11px !important;
    background: transparent !important;
    color: rgba(255,255,255,0.85) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
  }
  body.cine-mode #exchangePopup .fund2-exch-foot-btn.primary {
    border-color: rgba(107,255,154,0.6) !important;
    color: #6bff9a !important;
  }

  /* Statusbar */
  body.cine-mode .fund2-statusbar {
    flex-wrap: wrap !important;
    padding: 8px 10px !important;
    gap: 6px !important;
    font-size: 9px !important;
  }
  body.cine-mode .fund2-status-l,
  body.cine-mode .fund2-status-r { flex-wrap: wrap; gap: 6px; }

  /* Funding mobile cards */
  body.cine-mode .mobile-cards-container { padding: 8px !important; gap: 8px !important; }
  body.cine-mode .mobile-card {
    padding: 12px 14px !important;
    background: #131318 !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    color: #fff !important;
    box-shadow: none !important;
  }
  body.cine-mode .mc-symbol a { font-size: 14px !important; letter-spacing: 0.06em; color: #fff !important; }
  body.cine-mode .mc-apy { font-size: 16px !important; font-weight: 700; }
  body.cine-mode .mc-spread,
  body.cine-mode .mc-exchanges { font-size: 10px !important; }
  body.cine-mode .mc-btn-backtest {
    width: 100% !important;
    height: 36px !important;
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    border-radius: 0 !important;
    font-family: 'Space Mono', ui-monospace, monospace !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body.cine-mode .mc-star {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-top: 1px solid rgba(255,255,255,0.22) !important;
    border-right: 1px solid rgba(255,255,255,0.22) !important;
    border-bottom: 1px solid rgba(255,255,255,0.22) !important;
    border-left: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 0 !important;
    color: rgba(255,255,255,0.35) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
    font-family: inherit !important;
  }
  body.cine-mode .mc-star.active {
    color: #ffd84d !important;
    border-color: rgba(255,216,77,0.55) !important;
    border-top-color: rgba(255,216,77,0.55) !important;
    border-right-color: rgba(255,216,77,0.55) !important;
    border-bottom-color: rgba(255,216,77,0.55) !important;
    border-left-color: rgba(255,216,77,0.55) !important;
  }

  /* TradFi info modal */
  body.cine-mode .tf-info-overlay,
  body.cine-mode #tradfiSplash { padding: 10px !important; }
  body.cine-mode .tf-info-modal { width: 100%; max-height: calc(100vh - 20px); overflow-y: auto; }

  /* ═══════════ POSITIONS / FAVORITES (pos-) ═══════════ */
  body.cine-mode .pos-list { grid-template-columns: 1fr !important; gap: 10px !important; }
  body.cine-mode .pos-card { font-size: 11px; }
  body.cine-mode .pos-head {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 12px 14px !important;
  }
  body.cine-mode .pos-head-l,
  body.cine-mode .pos-head-r { flex-wrap: wrap !important; gap: 8px !important; }
  body.cine-mode .pos-symbol { font-size: 15px !important; }
  body.cine-mode .pos-route { font-size: 9px !important; }
  body.cine-mode .pos-pnl-val { font-size: 22px !important; }
  body.cine-mode .pos-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  body.cine-mode .pos-strip { flex-wrap: wrap; gap: 8px; padding: 10px 14px !important; }
  body.cine-mode .pos-actions {
    flex-wrap: wrap !important; gap: 6px !important;
    padding: 10px 14px !important;
  }
  body.cine-mode .pos-act {
    flex: 1 1 calc(50% - 4px) !important;
    min-height: 40px !important;
    font-size: 9px !important;
  }
  body.cine-mode .pos-form,
  body.cine-mode .pos-form-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 12px 14px !important;
  }

  body.cine-mode .pos-edit-overlay { padding: 8px !important; }
  body.cine-mode .pos-edit-modal {
    padding: 14px 14px 12px !important;
    max-height: calc(100vh - 16px);
    overflow-y: auto;
  }
  body.cine-mode .pos-edit-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
  body.cine-mode .pos-edit-title { font-size: 12px !important; }
  body.cine-mode .pos-edit-foot { flex-direction: column-reverse; gap: 8px; }
  body.cine-mode .pos-edit-cancel,
  body.cine-mode .pos-edit-save { width: 100%; height: 42px; }

  body.cine-mode .pos-warning-ribbon {
    padding: 10px 12px !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  body.cine-mode .pos-warning-icon { font-size: 18px !important; align-self: flex-start; }
  body.cine-mode .pos-warning-list { gap: 4px !important; }
  body.cine-mode .pos-warning-chip { font-size: 9px !important; padding: 3px 6px !important; }

  body.cine-mode .pos-refresh,
  body.cine-mode .pos-tg-btn { font-size: 9px !important; padding: 6px 10px !important; }

  /* ═══════════ BACKTEST (bt-) ═══════════ */
  body.cine-mode .bt-shell,
  body.cine-mode .bt-page { padding: 0 !important; }
  body.cine-mode .bt-body { padding: 12px !important; }
  body.cine-mode .bt-form {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  body.cine-mode .bt-form-grp label { font-size: 9px !important; }
  body.cine-mode .bt-input { font-size: 14px !important; height: 40px !important; }
  body.cine-mode .bt-chips { flex-wrap: wrap; gap: 6px; }
  body.cine-mode .bt-chip {
    height: 34px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }
  body.cine-mode .bt-run-btn,
  body.cine-mode .bt-cta,
  body.cine-mode .bt-ai-btn {
    width: 100% !important;
    height: 44px !important;
    font-size: 11px !important;
  }
  body.cine-mode .bt-results { padding: 12px !important; }
  body.cine-mode .bt-stats {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  body.cine-mode .bt-stat-val { font-size: 16px !important; }
  body.cine-mode .bt-stat-lbl { font-size: 8px !important; }
  body.cine-mode .bt-trade-row {
    flex-direction: column !important; gap: 8px !important;
    align-items: stretch !important;
  }
  body.cine-mode .bt-trade-btn {
    width: 100% !important;
    height: 42px !important;
    justify-content: center !important;
  }
  body.cine-mode .bt-ex-select-trigger { height: 40px !important; font-size: 12px !important; }
  body.cine-mode .bt-ex-select-menu {
    max-height: 60vh !important;
    width: calc(100vw - 24px) !important;
    left: 12px !important; right: 12px !important;
  }
  body.cine-mode .bt-fav-btn { width: 36px; height: 36px; }

  /* ═══════════ AUTO-RADAR (radar2-) ═══════════ */
  body.cine-mode .radar2-toolbar {
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px 12px !important;
  }
  body.cine-mode .radar2-tb-chip,
  body.cine-mode .radar2-tb-btn {
    height: 32px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.14em !important;
  }
  body.cine-mode .radar2-tb-lang { height: 32px; padding: 0 10px; font-size: 10px; }
  body.cine-mode .radar2-sel-trigger {
    height: 32px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }
  body.cine-mode .radar2-sel-menu {
    width: calc(100vw - 24px) !important;
    left: 12px !important; right: 12px !important;
    max-height: 60vh !important;
  }
  body.cine-mode .radar2-section { margin-top: 18px; }
  body.cine-mode .radar2-section-head {
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    flex-wrap: wrap;
  }
  body.cine-mode .radar2-card { padding: 12px 14px !important; }
  body.cine-mode .radar2-card-sym { font-size: 14px !important; }
  body.cine-mode .radar2-card-route { font-size: 9px !important; }
  body.cine-mode .radar2-card-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  body.cine-mode .radar2-card-bt {
    width: 100% !important;
    height: 40px !important;
  }
  body.cine-mode .radar2-statusbar {
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 8px 10px !important;
    font-size: 9px !important;
  }
  body.cine-mode .radar2-sypher-mark { font-size: 10px !important; }
  body.cine-mode .radar-grid-4 { grid-template-columns: 1fr !important; }

  /* ═══════════ ML RECOMMENDATIONS (ml-) ═══════════ */
  body.cine-mode .ml-toolbar,
  body.cine-mode .ml-filters,
  body.cine-mode .ml-filt-row {
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }
  body.cine-mode .ml-filt-group { flex-wrap: wrap; gap: 6px; }
  body.cine-mode .ml-filt-chip {
    height: 30px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }
  body.cine-mode .ml-row {
    flex-wrap: wrap !important;
    padding: 12px 14px !important;
    gap: 10px !important;
  }
  body.cine-mode .ml-row-rank { min-width: 0 !important; }
  body.cine-mode .ml-rank-num { font-size: 14px !important; }
  body.cine-mode .ml-row-main { flex: 1 1 100% !important; }
  body.cine-mode .ml-row-sym { font-size: 16px !important; }
  body.cine-mode .ml-row-route { font-size: 9px !important; }
  body.cine-mode .ml-row-reason { font-size: 11px !important; line-height: 1.4 !important; }
  body.cine-mode .ml-row-stats {
    flex-wrap: wrap !important;
    gap: 10px 14px !important;
    width: 100%;
  }
  body.cine-mode .ml-stat { min-width: 60px !important; }
  body.cine-mode .ml-stat-val { font-size: 13px !important; }
  body.cine-mode .ml-stat-lbl { font-size: 8px !important; letter-spacing: 0.2em !important; }
  body.cine-mode .ml-stat-score { min-width: 100% !important; order: 99; }
  body.cine-mode .ml-row-act { width: 100%; }
  body.cine-mode .ml-row-bt {
    width: 100% !important;
    height: 40px !important;
    justify-content: center !important;
  }
  body.cine-mode .ml-head-meta { gap: 12px !important; }
  body.cine-mode .ml-meta-val { font-size: 11px !important; }
  body.cine-mode .ml-ex-chip {
    height: 28px !important;
    font-size: 9px !important;
    padding: 0 8px !important;
  }

  /* ═══════════ FAVORITES (fav-) ═══════════ */
  body.cine-mode .fav-list { gap: 10px; }
  body.cine-mode .fav-card { padding: 12px 14px !important; }
  body.cine-mode .fav-card-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  body.cine-mode .fav-row,
  body.cine-mode .fav-meta-row {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  body.cine-mode .fav-actions { flex-wrap: wrap; gap: 6px; }
  body.cine-mode .fav-actions a,
  body.cine-mode .fav-actions button { flex: 1; min-height: 38px; }

  /* ═══════════ Cinematic dropdowns ═══════════ */
  body.cine-mode .cine-sel-popup,
  body.cine-mode .fund2-tb-select-popup {
    max-width: calc(100vw - 24px) !important;
    max-height: 60vh !important;
  }

  /* Tables — left columns smaller */
  body.cine-mode .fund2-table.data-table thead th,
  body.cine-mode .fund2-table.data-table tbody td { font-size: 10px !important; }
}

/* ─────────── Small phones ≤380px ─────────── */
@media (max-width: 380px) {
  body.cine-mode .cine-page-title,
  body.cine-mode .pos-page-title,
  body.cine-mode .ml-page-title,
  body.cine-mode .radar2-page-title { font-size: 16px !important; }
  body.cine-mode .cine-nav-tab,
  body.cine-mode .cine-nav-btn { padding: 5px 7px !important; font-size: 8px !important; }
  body.cine-mode .pos-grid,
  body.cine-mode .bt-stats,
  body.cine-mode .radar2-card-grid { grid-template-columns: 1fr !important; }
  body.cine-mode .pos-act { flex: 1 1 100% !important; }
}