/* FinKarma approved premium mobile dashboard — real market data, no static numbers */
@media(max-width:800px){
.appgrid>.sidebar{background:linear-gradient(120deg,#071a38,#0d3267)!important;border:0!important;box-shadow:0 7px 18px #0b285337!important;padding:12px 12px 14px!important}
.appgrid>.sidebar .logo{display:flex!important;align-items:center!important;gap:10px!important;min-height:52px!important;margin:0 0 11px!important;padding:0 4px!important;border:0!important}
.appgrid>.sidebar .logoicon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;background:linear-gradient(145deg,#0bcdaf,#0876d4)!important;color:white!important;box-shadow:0 5px 12px #001c4560!important}
.appgrid>.sidebar .logo b{color:#fff!important;font-size:21px!important;letter-spacing:.2px!important;text-shadow:0 1px 6px #ffffff26!important;opacity:1!important}
.appgrid>.sidebar .logo small{color:#b8d9f8!important;opacity:1!important;font-size:8px!important;letter-spacing:1.4px!important;line-height:1.25!important;margin-top:2px!important}
.appgrid>.sidebar nav{gap:9px!important}
.appgrid>.sidebar nav>button,.appgrid>.sidebar nav>a,.appgrid>.sidebar nav>.fundamentalGroup,.appgrid>.sidebar nav>.technicalGroup{min-height:72px!important;border-radius:17px!important;border:1px solid #bfd8f4!important;background:linear-gradient(135deg,#fff,#e6f2ff 75%,#d9eaff)!important;box-shadow:0 8px 13px #001b3a36,0 3px 0 #a8c7e8,inset 0 1px #fff!important;color:#12315a!important}
.appgrid>.sidebar nav>button,.appgrid>.sidebar nav>a{padding:10px!important;gap:8px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;font-size:13px!important;font-weight:800!important;white-space:normal!important}
.appgrid>.sidebar nav>.fundamentalGroup>button,.appgrid>.sidebar nav>.technicalGroup>button{min-height:72px!important;padding:10px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;font-size:13px!important;font-weight:800!important}
.appgrid>.sidebar nav>button:before,.appgrid>.sidebar nav>a:before,.appgrid>.sidebar nav>.fundamentalGroup>button:before,.appgrid>.sidebar nav>.technicalGroup>button:before{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;background:linear-gradient(145deg,#1876f9,#064acb)!important;color:#fff!important;font-size:19px!important;box-shadow:0 5px 9px #1461c44d!important}
.appgrid>.sidebar nav>.technicalGroup>button:before{background:linear-gradient(145deg,#8365ff,#4735ca)!important}
.appgrid>.sidebar nav>.fundamentalGroup>button:before{background:linear-gradient(145deg,#ff9b42,#d85b13)!important}
.appgrid>.sidebar nav>a[href="/capital-flow.html"]:before{background:linear-gradient(145deg,#17d4a3,#007d65)!important}
.appgrid>.sidebar nav>a[href="/paper-trading.html"]:before{background:linear-gradient(145deg,#ff5b84,#bf124a)!important}
.appgrid>.sidebar nav>a[href="/paper-trading.html"]{min-height:58px!important;grid-column:1/-1!important}
.appgrid>.sidebar nav>.fundamentalGroup i,.appgrid>.sidebar nav>.technicalGroup i{top:7px!important;right:9px!important;color:#46658b!important}
.appgrid>.sidebar nav>button.active{border-color:#41b8f7!important;box-shadow:0 7px 13px #001b3a35,0 3px 0 #41b8f7,inset 0 1px #fff!important}
.appgrid>.sidebar .sidefoot{display:none!important}
.appgrid>.workspace>.topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;padding:10px 10px!important;overflow:visible!important;background:#f7fbff!important}
.appgrid>.workspace>.topbar .tickerbox{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;width:100%!important;min-width:0!important}
.appgrid>.workspace>.topbar .tickerlink{min-width:0!important;width:100%!important;padding:10px 8px!important;border:1px solid #d5e3f4!important;border-radius:17px!important;background:linear-gradient(155deg,#fff 10%,#fff0f3 90%)!important;box-shadow:0 7px 15px #1a3c6b20,0 3px 0 #d8e4f2!important;text-align:left!important;overflow:hidden!important}
.appgrid>.workspace>.topbar .tickerlink b{font-size:10px!important;color:#15375e!important;white-space:nowrap!important;letter-spacing:0!important}
.appgrid>.workspace>.topbar .tickerlink strong{font-size:clamp(14px,3.4vw,21px)!important;line-height:1.3!important;color:#0b274b!important;overflow-wrap:anywhere!important;display:block!important}
.appgrid>.workspace>.topbar .tickerlink small{font-size:11px!important;font-weight:800!important}
.appgrid>.workspace>.topbar .heatmapTicker{display:none!important}
.appgrid>.workspace>.topbar .topactions{order:-1!important;align-self:flex-end!important;min-height:28px!important;display:flex!important;gap:6px!important}
.appgrid>.workspace>.topbar .topactions button{min-height:29px!important;padding:4px 9px!important}
.appgrid>.workspace main{min-width:0!important;overflow-x:hidden!important}
}
.fk-market-heatmap{border:1px solid #d9e9f6;background:linear-gradient(145deg,#fff,#f5faff);padding:19px;border-radius:24px;box-shadow:0 14px 26px #1b45691d,0 4px 0 #d9e7f4}
.fk-heatmap-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
.fk-heatmap-head small{font-size:10px;letter-spacing:1.5px;color:#2476b2;font-weight:800}
.fk-heatmap-head h2{font-size:22px;color:#0c2d54;margin:4px 0}
.fk-heatmap-head p{font-size:12px;color:#607c98;margin:0}
.fk-heatmap-head button{border:0;border-radius:13px;background:#e5f0ff;color:#1d5390;padding:10px;font-weight:750;cursor:pointer}
.fk-heatmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.fk-heatmap-cell{border:0;border-radius:10px;color:#fff;text-align:left;min-height:85px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px #ffffff55,0 4px 8px #173b5820;cursor:pointer}
.fk-heatmap-cell.heatStrongUp{background:linear-gradient(145deg,#23d49b,#00866a)}.fk-heatmap-cell.heatUp{background:linear-gradient(145deg,#60d6b2,#178d70)}.fk-heatmap-cell.heatDown{background:linear-gradient(145deg,#ff7b88,#d72c53)}.fk-heatmap-cell.heatStrongDown{background:linear-gradient(145deg,#ff506e,#ba163e)}.fk-heatmap-cell.heatFlat{background:linear-gradient(145deg,#809bb2,#526c85)}
.fk-heatmap-cell b{font-size:12px;line-height:1.2;overflow-wrap:anywhere}.fk-heatmap-cell strong{font-size:18px}.fk-heatmap-cell small{font-size:10px;color:#ffffffdb}
.fk-heatmap-note{display:block;margin-top:10px;color:#68819a;font-size:10px}.fk-heatmap-empty{padding:24px;color:#627d97;text-align:center;background:#edf5ff;border-radius:14px}
@media(max-width:800px){.fk-market-heatmap{padding:13px;border-radius:18px}.fk-heatmap-head h2{font-size:19px}.fk-heatmap-head p{font-size:10px}.fk-heatmap-head button{font-size:11px;padding:8px}.fk-heatmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.fk-heatmap-cell{min-height:74px;padding:8px}.fk-heatmap-cell b{font-size:10px}.fk-heatmap-cell strong{font-size:15px}.fk-heatmap-cell small{font-size:9px}}