/* Each mobile tab is a separate app view, never a scroll section. */
.page { display: none; }
.page.active { display: block; }
.app { overflow-x: hidden; }
.header-actions { display: flex; gap: 8px; }
#refreshApp { font-weight: 800; }
.pull-indicator { position: fixed; top: calc(env(safe-area-inset-top) + 8px); left: 50%; z-index: 20; transform: translate(-50%, -70px); opacity: 0; transition: transform .16s ease, opacity .16s ease; padding: 8px 12px; border-radius: 999px; background: #1d4033; color: #b5f5d1; font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; box-shadow: 0 8px 24px #0006; pointer-events: none; }
.pull-indicator.visible { opacity: 1; transform: translate(-50%, 0); }
.pull-indicator.ready { background: #a6ffd4; color: #09231a; }

.history-filter { display:flex; gap:10px; align-items:center; margin-bottom:16px; }
.history-filter button, .history-filter input { border:1px solid #294238; background:#0d1c17; color:#e9f4ee; border-radius:10px; min-height:38px; padding:0 12px; }
.history-filter button.active { background:#a7ebce; color:#092016; border-color:#a7ebce; }
.history-filter input { flex:1; font:inherit; }
.pnl-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.pnl-metrics div { background:#0d1c17; border-radius:10px; padding:10px; min-width:0; }
.pnl-metrics span { display:block; color:#8da399; font-size:10px; margin-bottom:5px; }
.pnl-metrics b { font-size:14px; white-space:nowrap; }
.daily-pnl { margin:18px 0; }
.daily-row { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:10px; width:100%; text-align:left; border:0; border-bottom:1px solid #1d352b; padding:11px 2px; background:transparent; color:#e9f4ee; }
.daily-row small { color:#8da399; }

/* Sizing is calculated from the available paper budget; 5% trailing is fixed. */
label:has(input[data-key="max_lots"]),
label:has(input[data-key="trailing_gap"]),
.toggle:has(input[data-key="trailing_enabled"]) { display: none !important; }