@media (max-width: 760px) and (orientation: portrait) {
  :root { color-scheme: dark; }
  html, body { width: 100%; min-width: 0 !important; overflow-x: hidden; background: #090d12; }
  body { -webkit-text-size-adjust: 100%; }
  button, a, input, select, textarea { touch-action: manipulation; }
  .app-shell { min-height: 100dvh; padding-bottom: calc(72px + env(safe-area-inset-bottom)); background: #090d12 !important; }

  .topbar { position: sticky !important; top: 0; z-index: 80; display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; width: 100%; height: 60px !important; gap: 8px !important; padding: 8px 12px !important; border-bottom: 1px solid #222a34 !important; background: rgba(13,18,24,.97) !important; backdrop-filter: blur(12px); }
  .user-block span { display: none !important; }
  .user-block strong { margin: 0 !important; color: #f4f7fb !important; font-size: 17px !important; white-space: nowrap; }
  .top-actions { display: flex !important; justify-content: flex-end !important; gap: 6px !important; }
  .top-actions button { min-height: 38px !important; max-width: 80px; padding: 0 10px !important; overflow: hidden; border-radius: 6px !important; font-size: 12px !important; text-overflow: ellipsis; white-space: nowrap; }

  .top-nav { position: fixed !important; right: 0; bottom: 0; left: 0; z-index: 100; display: grid !important; grid-template-columns: repeat(6,minmax(0,1fr)) !important; width: 100%; height: calc(66px + env(safe-area-inset-bottom)) !important; gap: 0 !important; padding: 6px 4px env(safe-area-inset-bottom) !important; overflow: visible !important; border-top: 1px solid #29323d; background: rgba(13,18,24,.98) !important; box-shadow: 0 -8px 24px rgba(0,0,0,.34); }
  .top-nav button { min-width: 0 !important; min-height: 52px !important; border: 0 !important; border-radius: 6px !important; padding: 5px 2px !important; color: #778392 !important; background: transparent !important; font-size: 10px !important; line-height: 1.25 !important; white-space: normal !important; }
  .top-nav button.active { color: #36d399 !important; background: rgba(54,211,153,.1) !important; }

  .page-shell { width: 100%; padding: 18px 12px 8px !important; }
  .workspace { display: grid !important; width: 100% !important; min-width: 0 !important; gap: 12px !important; }
  .section-head { display: flex !important; align-items: stretch !important; flex-direction: column !important; gap: 9px !important; }
  .section-head h1 { color: #f4f7fb !important; font-size: 25px !important; line-height: 1.25 !important; }
  .section-head p { margin-top: 6px !important; color: #8793a2 !important; font-size: 12px !important; line-height: 1.55 !important; }
  .status-card { margin-bottom: 10px !important; padding: 10px 12px !important; font-size: 11px !important; }
  .card, .metric-strip article, .screener-metrics article { border-color: #222a34 !important; border-radius: 7px !important; background: #11171f !important; box-shadow: none !important; }

  .metric-strip.four, .screener-metrics { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
  .metric-strip article, .screener-metrics article { min-width: 0; min-height: 78px !important; padding: 11px !important; }
  .metric-strip span, .screener-metrics span { color: #778392 !important; font-size: 10px !important; }
  .metric-strip strong, .screener-metrics strong { display: block; margin-top: 6px !important; color: #f4f7fb !important; font-size: 20px !important; }
  .metric-strip em, .screener-metrics em { color: #36d399 !important; font-size: 10px !important; font-style: normal; }

  .add-box, .holding-entry, .two-pane, .holding-pane, .kline-layout, .backtest-config, .strategy-lab, .review-grid { display: grid !important; grid-template-columns: minmax(0,1fr) !important; width: 100% !important; min-width: 0 !important; gap: 10px !important; }
  .add-box { grid-template-columns: minmax(0,1fr) 88px !important; }
  .add-box input, .add-box button, .holding-entry input, .holding-entry button, .backtest-config input, .backtest-config select, .primary-link { width: 100% !important; min-height: 44px !important; }
  .holding-entry, .backtest-config, .editor-card, .review-card, .side-panel { padding: 13px !important; }
  .holding-form-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }

  .terminal-table-shell { width: 100% !important; min-width: 0 !important; max-width: none !important; gap: 12px !important; overflow: visible !important; }
  .terminal-toolbar { display: none !important; }
  .terminal-table-card, .table-card, .holding-table-card { width: 100% !important; min-width: 0 !important; max-width: none !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  .simple-screener-table, .holding-table, .table-card table { display: block !important; width: 100% !important; min-width: 0 !important; table-layout: auto !important; }
  .simple-screener-table thead, .table-card table thead { display: none !important; }
  .simple-screener-table tbody, .table-card table tbody { display: grid !important; gap: 9px !important; }
  .simple-screener-table tbody tr, .table-card table tbody tr { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 0 10px !important; width: 100% !important; border: 1px solid #222a34 !important; border-radius: 7px !important; padding: 12px !important; background: #11171f !important; }
  .simple-screener-table tbody tr.warn { border-left: 3px solid #f59e0b !important; }
  .simple-screener-table tbody tr.danger { border-left: 3px solid #ef4444 !important; }
  .simple-screener-table tbody td, .table-card table tbody td { display: block !important; width: auto !important; height: auto !important; min-height: 0 !important; border: 0 !important; padding: 4px 0 !important; background: transparent !important; text-align: left !important; white-space: normal !important; font-size: 11px !important; }
  .simple-screener-table td.stock-name-cell { grid-column: 1; grid-row: 1; color: #f4f7fb !important; font-size: 16px !important; font-weight: 900; }
  .simple-screener-table td.mono-cell { grid-column: 1; grid-row: 2; color: #778392 !important; }
  .simple-screener-table td.price-cell { grid-column: 2; grid-row: 1; color: #f4f7fb !important; font-size: 16px !important; text-align: right !important; }
  .simple-screener-table td.money-cell { grid-column: 2; text-align: right !important; }
  .simple-screener-table td.action-cell, .table-card table td:last-child { grid-column: 1/-1 !important; display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 7px !important; min-width: 0 !important; min-height: 0 !important; margin-top: 7px; padding-top: 9px !important; border-top: 1px solid #222a34 !important; }
  .row-action, .mini-button { display: inline-flex !important; align-items: center; justify-content: center; min-height: 37px !important; margin: 0 !important; padding: 0 5px !important; border-radius: 6px !important; font-size: 10px !important; }
  .terminal-table-card td:nth-child(1), .terminal-table-card td:nth-child(4), .terminal-table-card td:nth-child(7), .terminal-table-card td:nth-child(9), .pool-stock-table td:nth-child(3), .pool-stock-table td:nth-child(6), .holding-table td:nth-child(3) { display: none !important; }
  .industry-tag, .action-tag, .state-pill { min-height: 22px !important; border-radius: 5px !important; padding: 3px 6px !important; font-size: 10px !important; }
  .score-cell i { height: 4px !important; }

  .side-panel { position: static !important; width: 100% !important; min-width: 0 !important; }
  .metric-list, .plan-grid, .risk-editor-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
  .panel-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; }
  .panel-actions > * { width: 100% !important; min-height: 42px !important; margin: 0 !important; }
  .plan-grid textarea { min-height: 82px !important; }

  .workspace:has(.backtest-config) .backtest-config label:nth-of-type(n+4), .workspace:has(.backtest-config) .strategy-lab .editor-card:nth-child(3), .workspace:has(.backtest-config) .advanced-box { display: none !important; }
  .backtest-config { grid-template-columns: 1fr 1fr !important; }
  .backtest-config .rule-note { grid-column: 1/-1; }
  .strategy-lab .editor-card { padding: 12px !important; }
  .check-row { min-height: 44px !important; }
  .rule-composer textarea { min-height: 76px !important; }

  .review-grid { gap: 9px !important; }
  .review-card { min-height: 0 !important; }
  .review-card h3 { color: #f4f7fb !important; font-size: 14px !important; }
  .review-card > strong { display: block; margin-top: 10px; color: #36d399 !important; font-size: 25px !important; }
  .review-card p { margin-top: 8px !important; color: #aab4c0 !important; font-size: 12px !important; line-height: 1.6 !important; }
  .review-action { padding: 9px 0; border-bottom: 1px solid #222a34; }

  .factor-modal-mask, .account-modal-backdrop, .quant-account-backdrop { align-items: end !important; padding: 0 !important; overflow-y: auto !important; }
  .factor-modal-panel, .account-modal, .quant-account-modal { width: 100% !important; max-height: 92dvh !important; overflow-y: auto !important; border-radius: 7px 7px 0 0 !important; }
  .factor-modal-body { grid-template-columns: 1fr !important; }
  .theme-select-panel, .factor-setting-panel { min-height: 0 !important; }
  .detail-drawer { inset: 0 !important; padding: 10px !important; overflow-y: auto !important; background: #090d12 !important; }
  .drawer-head { position: sticky !important; top: -10px; z-index: 5; padding: 10px 0 !important; background: #090d12; }
  .chart-stage { width: 100%; min-height: 0 !important; aspect-ratio: 16/10; overflow: hidden; }
  .chart-stage svg { width: 100% !important; height: 100% !important; }
}