/* SimEx v4.8.21 Web/Mobile Shell */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --app-height: 100dvh;
}
html{background:#0B0E11;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}
body{min-height:100dvh;padding-bottom:var(--safe-bottom);-webkit-tap-highlight-color:transparent}
.topbar{
  padding-left:max(14px,var(--safe-left));
  padding-right:max(14px,var(--safe-right));
  padding-top:var(--safe-top);
  min-height:calc(56px + var(--safe-top));
}
.modal-mask{padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right));padding-bottom:max(12px,var(--safe-bottom))}
input,select,textarea,button{font-size:16px}
.pwa-install-btn{position:fixed;right:max(14px,var(--safe-right));bottom:max(16px,var(--safe-bottom));z-index:9998;border:1px solid rgba(240,185,11,.55);background:#F0B90B;color:#111820;border-radius:999px;padding:10px 14px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.35);cursor:pointer;display:none}
.pwa-install-btn.show{display:block}
@media (min-width:769px){input,select,textarea,button{font-size:inherit}}
@media (max-width:900px){
  .topbar{gap:8px;flex-wrap:wrap}
  .main-nav{order:3;width:100%;display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav a{flex:0 0 auto}
  .topbar-center{order:4;width:100%;max-width:none}
  .topbar-right{margin-left:auto;gap:6px;min-width:0}
  .topbar-right .conn{display:none}
  .view{padding-left:max(10px,var(--safe-left));padding-right:max(10px,var(--safe-right));padding-bottom:max(14px,var(--safe-bottom))}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:720px}
  .modal{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);overflow:auto}
  .chat-widget{right:max(8px,var(--safe-right));bottom:max(8px,var(--safe-bottom));left:max(8px,var(--safe-left));width:auto!important;max-width:none!important;height:min(72dvh,560px)}
}
@media (max-width:600px){
  body{font-size:13px}
  .topbar{padding-left:max(8px,var(--safe-left));padding-right:max(8px,var(--safe-right));padding-bottom:7px}
  .logo .brand-logo{width:45px;height:39px}
  .topbar-right select{max-width:126px}
  .auth-actions .btn{padding:6px 8px}
  .chart-wrap{height:300px}
  .login-card{padding:18px}
  .panel-card,.admin-panel{border-radius:10px}
  .modal{width:min(96vw,620px)!important}
}
.native-app body{user-select:none;-webkit-user-select:none}
.native-app input,.native-app textarea{user-select:text;-webkit-user-select:text}
.native-app .pwa-install-btn{display:none!important}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* v4.8.20 chart-first trading UI */
.trade-symbol-picker{display:flex;align-items:center;gap:7px;min-width:150px}
.trade-symbol-picker label{font-size:11px;color:var(--txt3);font-weight:600}
.trade-symbol-picker select{padding:8px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg);color:var(--txt);font-weight:700;min-width:128px}
@media (max-width:768px){
  .trade-layout{display:flex!important;flex-direction:column!important}
  .trade-col.lcol{display:none!important}
  .trade-col.mcol{order:1!important}
  .trade-col.rcol{order:2!important}
  .trade-ledger{order:3!important}
  .symbol-header{align-items:flex-start!important}
  .trade-symbol-picker{width:100%;justify-content:space-between;padding-bottom:2px}
  .trade-symbol-picker select{min-width:170px;max-width:70vw}
}

/* v4.8.20: language is managed only in Settings */
.topbar-right .global-lang-select,.topbar-right #topLangSelect,.topbar-right #globalLangSelect{display:none!important}