/* Mobil görünüm sadece CSS: V11 strateji motoruna müdahale edilmez. */
:root {color-scheme: dark}
html {scroll-padding-bottom:80px}
body {max-width:100vw;overflow-x:hidden;-webkit-text-size-adjust:100%;padding-bottom:env(safe-area-inset-bottom,0px)}
body>main, body>section {max-width:100vw}
#pwa-utility {display:flex;gap:10px;align-items:center;justify-content:space-between;background:#0d2130;padding:6px 12px;border-bottom:1px solid #28495c;color:#d5eefa;font:12px/1.4 system-ui,sans-serif}
#pwa-utility button {background:#153b36;color:#a1ffe1;border-color:#327c63;font-size:12px;padding:6px 9px}
#pwa-offline {display:none;background:#421d26;color:#ffccd2;padding:9px;text-align:center;font:12px system-ui,sans-serif}
body.pwa-is-offline #pwa-offline {display:block}
#pwa-help {display:none;color:#cfe5ed;background:#101e2d;border-bottom:1px solid #3b596d;padding:10px 12px;font:12px/1.5 system-ui,sans-serif}
#pwa-help[aria-hidden="false"] {display:block}
#pwa-utility .pwa-note {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:760px) {
 body {padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 header {position:static!important}
 header .row {gap:5px}
 header input {max-width:84px;font-size:14px}
 #fourDashboard {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px;padding:6px}
 .fourMini {padding:7px 6px;min-height:104px}
 .fourMini .fourSource {font-size:9px;margin:2px 0 3px}
 .fourMini .fourLabel {font-size:10px}
 .fourMini .fourStats {font-size:9px;gap:2px}
 .fourMini .fourStats strong {font-size:11px}
 .strategyNav {position:fixed!important;top:auto!important;bottom:0;left:0;right:0;z-index:100;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 5px calc(6px + env(safe-area-inset-bottom,0px));gap:3px;background:#091a26;box-shadow:0 -3px 12px #0009}
 .strategyNav button {min-width:0;min-height:52px;font-size:10px;line-height:1.13;padding:7px 3px;word-break:break-word;white-space:normal}
 .npToolbar {padding:7px;gap:6px}
 .npToolbar label {min-height:32px;gap:3px}
 .npToolbar input[type="number"] {font-size:16px;max-width:80px}
 .npToolbar button {min-height:34px}
 .npCards {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px}
 .npCard {padding:7px 6px}
 .npCard .v {font-size:14px}
 .cards {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px}
 .card .v {font-size:14px}
 .npTableWrap, .tableWrap, .t3LearningBox .npTableWrap {max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 #scannerTable {min-width:1800px!important;width:1800px!important;table-layout:fixed!important;font-size:10px!important}
 #tradeTable {min-width:1240px!important;width:1240px!important}
 #soloTable,#npTable,#s3Table,.t3LearnTable,#soloHistory,#npHistory,#s3History {min-width:880px;width:max-content;table-layout:auto;white-space:nowrap!important}
 #scannerTable th,#scannerTable td {overflow-wrap:anywhere}
 main, #soloT3Panel,#openStrategyPanel,#paperStrategyPanel,#thirdStrategyPanel {padding:8px 6px!important}
 .npDescription {font-size:11px}
 #pwa-utility {padding:6px}
 #pwa-utility .pwa-note {font-size:10px}
}
@media (max-width:375px) {
 #fourDashboard {gap:3px;padding:4px}
 .fourMini .fourStats {grid-template-columns:1fr 1fr;font-size:8px}
 .strategyNav button {font-size:9px}
}
@media (display-mode: standalone){#pwa-install-button{display:none!important}}