/* Dipwise — layout de telefon (dupa designul Sleek „Dipwise Mobile”, 10.11.2026).
   Se aplica doar sub 700px; desktopul ramane neatins. */
.tabbar,.moresheet,.mob-only{display:none}

@media (max-width:700px){
  :root{--sb:#5b8fd6;--tbh:62px;--safe:env(safe-area-inset-bottom,0px)}
  body{font-size:14px}
  /* iOS mareste pagina la focus pe campuri sub 16px */
  input,select,textarea,.in{font-size:16px!important}

  /* ---------- bara de sus: logo + cautare + cont ---------- */
  .bar{gap:10px;padding:8px 14px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  #nav,#scanBtn,.brand .inv{display:none}
  .brand{font-size:16px;flex:none}
  .search{flex:1;min-width:0;margin-left:0}
  .search input{width:100%!important;padding:8px 12px;border-radius:10px}
  .qres{position:fixed;left:12px;right:12px;top:58px;width:auto;max-height:60vh;overflow:auto}
  .accbtn{flex:none}
  .prog{padding:0 14px 8px}

  /* ---------- continut ---------- */
  main{padding:16px 14px calc(var(--tbh) + var(--safe) + 28px)}
  .foot{margin-bottom:calc(var(--tbh) + var(--safe) + 14px)}
  main + .foot{margin-top:-10px}
  h1{font-size:23px}
  .row{flex-wrap:wrap;gap:10px}
  .toast{bottom:calc(var(--tbh) + var(--safe) + 14px);max-width:calc(100vw - 28px)}
  .btn{min-height:36px}

  /* grile -> o coloana / doua */
  .cards,.kpis,.three,.mgrid,.mgrid4,.egrid{grid-template-columns:1fr 1fr!important}
  .grid2,.dec-g,.acc-g,.vs3,.plangrid,.htop{grid-template-columns:1fr!important}
  .htop{gap:16px;padding:16px}
  .htop .tkb,.htop .px{font-size:26px}
  /* antet simbol: logo langa ticker/nume, chip-urile W/M/Q/Y dedesubt pe toata latimea */
  .htop > .row:first-child{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:12px;row-gap:0;align-items:center}
  .htop > .row:first-child > div:not(.tlogo){display:contents}
  .htop > .row:first-child .tlogo{grid-row:1 / span 2;width:46px;height:46px}
  .htop > .row:first-child .tlogo img{width:40px;height:40px}
  .htop > .row:first-child .tfz{grid-column:1 / -1;margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .htop > .row:first-child .tfz > span{margin:0!important}
  .head{gap:14px;padding:14px}

  /* randuri de butoane / taburi: se deruleaza lateral, nu se rup */
  .seg{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none}
  .seg button{flex:none;white-space:nowrap;padding:6px 11px}
  .tabs,.pftabs,.subtabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;scrollbar-width:none;white-space:nowrap}
  .tabs button,.pftabs button,.pftabs a,.subtabs a{flex:none}
  .pftabs button{padding:9px 6px}
  .seg::-webkit-scrollbar,.tabs::-webkit-scrollbar,.pftabs::-webkit-scrollbar,.chips::-webkit-scrollbar,#st thead tr::-webkit-scrollbar{display:none}

  /* filtre: campuri pe toata latimea, cate doua pe rand */
  .filters{gap:8px;padding:10px}
  .filters .in,.filters select{flex:1 1 140px;min-width:0;width:auto!important}
  .filters .seg{flex:1 1 100%}
  .filters [style*="margin-left:auto"]{margin-left:0!important}

  /* „Zones today”: chip-urile pe un rand care se deruleaza, ca in design */
  .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px;padding:0 14px 2px;scrollbar-width:none}
  .chip{flex:none;min-width:98px;border-radius:12px;padding:10px 12px}

  /* tabele: derulare laterala cu prima coloana fixa */
  .tblwrap{margin:0 -14px;padding:0 14px;border-radius:0}
  .tbl:not(#st){overflow:visible}
  .tbl:not(#st) td:first-child,.tbl:not(#st) th:first-child{position:sticky;left:0;z-index:1;background:var(--panel)}
  .tbl:not(#st) th:first-child{background:var(--panel-2)}
  .tbl:not(#st) td:first-child{box-shadow:1px 0 0 var(--line)}

  /* ---------- Screener: fiecare rand devine un card ---------- */
  #st{display:block;background:none;border:0;overflow:visible}
  #st thead{display:block}
  #st thead tr{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
  #st thead th{flex:none;border:1px solid var(--line-2);border-radius:999px;padding:6px 11px;background:var(--panel);font-size:11.5px;letter-spacing:.02em;text-transform:none}
  #st thead th:not(:nth-child(-n+6)):not(:nth-child(8)):not(:nth-child(9)):not(:nth-child(13)):not(:nth-child(15)){display:none}
  #st tbody{display:flex;flex-direction:column;gap:8px}
  #st tbody tr[data-t]{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"tk rt px z" "nm nm m nx";column-gap:10px;row-gap:3px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 12px 11px}
  #st tbody tr[data-t]:active{background:var(--hover)}
  #st tbody tr[data-t] td{padding:0;border:0;background:none!important;white-space:nowrap}
  #st tbody tr[data-t] td:nth-child(1){grid-area:tk;display:flex;align-items:center;gap:8px;font-size:15px}
  #st tbody tr[data-t] td:nth-child(2){grid-area:nm;max-width:none!important;min-width:0;font-size:12.5px;padding-left:38px}
  #st tbody tr[data-t] td:nth-child(3){grid-area:px;text-align:right;font-size:13.5px}
  #st tbody tr[data-t] td:nth-child(4){grid-area:m;text-align:right;font-size:12px}
  #st tbody tr[data-t] td:nth-child(5){grid-area:z;text-align:right}
  #st tbody tr[data-t] td:nth-child(6){grid-area:rt;text-align:right}
  #st tbody tr[data-t] td:nth-child(8){grid-area:nx;text-align:right;font-size:12px}
  #st tbody tr[data-t] td:nth-child(8)::before{content:"next ";color:var(--tx-3)}
  #st tbody tr[data-t] td:nth-child(7),#st tbody tr[data-t] td:nth-child(n+9){display:none}
  #st tbody tr[data-t] td:nth-child(5) > :not(:first-child){display:none}
  /* filtrele avansate stau ascunse pana apesi „Filters” */
  .mob-only{display:inline-flex;align-items:center}
  body:not(.sfx) #sadv,body:not(.sfx) #ssec,body:not(.sfx) #sbdg,body:not(.sfx) #srt,body:not(.sfx) .filters label:has(#e200){display:none}
  #sq{flex:1 1 100%!important}
  #sadv{margin-bottom:0!important}
  #st tbody tr[data-scr]{display:flex;flex-wrap:wrap;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px}
  #st tbody tr[data-scr] td{border:0;padding:0;white-space:normal}

  /* Dashboard: ETF-uri, teme si „Market weather” devin carusele laterale (in loc de 5000px de scroll) */
  .tgrid,.wxg{display:flex!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:0 14px 4px;scroll-padding:0 14px;scrollbar-width:none}
  .tgrid::-webkit-scrollbar,.wxg::-webkit-scrollbar{display:none}
  .tgrid > *,.wxg > *{flex:0 0 86%;min-width:0;scroll-snap-align:start}
  .statline{gap:8px 16px}

  /* fluxul AI: pe telefon doar cel mai nou card (restul raman pe desktop) */
  .ailist .aicard:not(:first-child):not(.open){display:none}
  .aitop{flex-wrap:wrap;gap:8px}

  /* ---------- bara de jos ---------- */
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;
    padding:6px 6px calc(6px + var(--safe));background:rgba(21,23,27,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .tabbar a,.tabbar a.on,.tabbar a:hover{background:none;padding:0}
  .tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:50px;color:var(--tx-3);font-size:10.5px;font-weight:550;border-radius:10px;-webkit-tap-highlight-color:transparent}
  .tabbar svg{width:23px;height:23px}
  .tabbar .on{color:var(--sb)}
  .tabbar a:active,.tabbar button:active{background:var(--panel-2)}

  /* foaia More */
  .moresheet{display:block;position:fixed;inset:0;z-index:29;background:rgba(0,0,0,.55)}
  .moresheet[hidden]{display:none!important}
  .ms-card{position:absolute;left:8px;right:8px;bottom:calc(var(--tbh) + var(--safe) + 8px);background:var(--panel-2);border:1px solid var(--line-2);border-radius:18px;padding:8px;box-shadow:0 -10px 40px rgba(0,0,0,.5)}
  .ms-h{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-3);padding:8px 12px 6px}
  .ms-card a{display:flex;align-items:center;min-height:46px;padding:0 12px;border-radius:11px;color:var(--tx);font-size:15px;font-weight:550}
  .ms-card a:active,.ms-card a.on{background:var(--hover)}
  .ms-card a.on{color:var(--sb)}
}

/* ---------- update 57: meniul Basket in ecran; Alerts ca un card pe simbol ---------- */
@media (max-width:760px){
  #bkm .ddm{left:0!important;right:auto!important;max-width:calc(100vw - 32px)}
  #atbl{display:block;border:0;background:none}
  #atbl thead{display:none}
  #atbl tbody{display:flex;flex-direction:column;gap:8px}
  #atbl tr[data-t]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"tk now x" "tf tf tf" "vd vd vd" "sg fa fa" "ls ls ls";gap:10px 10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px}
  #atbl tr[data-t] td{padding:0;border:0!important;box-shadow:none!important;position:static!important;background:none!important;white-space:normal}
  #atbl tr[data-t] td:nth-child(1){grid-area:tk;font-size:15px}
  #atbl tr[data-t] td:nth-child(2){grid-area:now}
  #atbl tr[data-t] td:nth-child(3){grid-area:tf;display:flex;align-items:center;gap:6px}
  #atbl tr[data-t] td:nth-child(3)::before{content:"Timeframes";font-size:11px;color:var(--tx-3);margin-right:4px}
  #atbl tr[data-t] td:nth-child(4){grid-area:vd;display:flex;flex-wrap:wrap;gap:6px}
  #atbl tr[data-t] td:nth-child(4)::before{content:"Verdicts that alert (tap to toggle)";flex-basis:100%;font-size:11px;color:var(--tx-3)}
  #atbl tr[data-t] td:nth-child(4) .pill{margin-right:0!important}
  #atbl tr[data-t] td:nth-child(5){grid-area:sg}
  #atbl tr[data-t] td:nth-child(6){grid-area:fa;display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:flex-end}
  #atbl tr[data-t] td:nth-child(6) label{margin-left:0!important}
  #atbl tr[data-t] td:nth-child(7){grid-area:ls;font-size:11.5px}
  #atbl tr[data-t] td:nth-child(7)::before{content:"Last alert: "}
  #atbl tr[data-t] td:nth-child(8){grid-area:x}
}