/* EkonomiOS mobil/PWA-tillägg v7.16 */
:root{--eos-safe-bottom:env(safe-area-inset-bottom,0px)}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto!important}
body{overscroll-behavior-y:contain}
button,input,select,textarea{font-size:16px!important}
@media (max-width: 820px){
  body{min-width:0!important;overflow-x:hidden!important;padding-bottom:calc(78px + var(--eos-safe-bottom))!important}
  .app,.wrap,.container,main,#app{max-width:100%!important;width:100%!important;box-sizing:border-box!important;padding-left:10px!important;padding-right:10px!important}
  header,.hero,.topbar,.card,.panel,.glass,.section,.box{max-width:100%!important;box-sizing:border-box!important;border-radius:18px!important}
  .grid,.cards,.summaryGrid,.portfolioGrid,.dashboardGrid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  table{display:block!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important}
  .nav,.tabs,[data-nav],.tabbar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99990!important;display:flex!important;gap:6px!important;overflow-x:auto!important;padding:8px 10px calc(8px + var(--eos-safe-bottom))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border-top:1px solid rgba(148,163,184,.35)!important;box-shadow:0 -10px 30px rgba(15,23,42,.12)!important;border-radius:0!important;max-height:74px!important}
  .nav button,.tabs button,[data-nav] button,.tabbar button{flex:0 0 auto!important;min-height:44px!important;border-radius:14px!important;padding:9px 12px!important;white-space:nowrap!important}
  .authScreen{align-items:flex-start!important;padding:18px!important;padding-top:calc(24px + env(safe-area-inset-top,0px))!important}
  .authCard{border-radius:22px!important;padding:22px!important}.authCard h1{font-size:24px!important}.authActions button{flex:1 1 120px!important;min-height:46px!important}.authUserBar{left:10px!important;right:10px!important;bottom:calc(84px + var(--eos-safe-bottom))!important;justify-content:space-between!important;border-radius:18px!important}.authUserBar span{max-width:65vw!important}
}
@media (max-width: 520px){
  h1{font-size:26px!important} h2{font-size:22px!important} h3{font-size:18px!important}
  .card,.panel,.glass,.section,.box{padding:14px!important}
  input,select,textarea{width:100%!important;box-sizing:border-box!important;min-height:44px!important}
  button{min-height:42px!important}
}

/* EkonomiOS Mobil AI v7.15: tydligare AI-popupkort */
.mobilePopupSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;padding:10px;border-radius:16px;background:rgba(15,23,42,.035);border:1px solid rgba(148,163,184,.22)}
.mobilePopupSummary>div{background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.18);border-radius:13px;padding:9px;min-width:0}
.mobilePopupSummary span{display:block;font-size:11px;font-weight:800;color:#667085;text-transform:uppercase;letter-spacing:.03em;margin-bottom:3px}
.mobilePopupSummary b{display:block;font-size:14px;color:#101828;white-space:normal;overflow-wrap:anywhere}
.mobilePopupSummary.red{background:rgba(255,59,48,.08);border-color:rgba(255,59,48,.22)}
.mobilePopupSummary.yellow{background:rgba(255,204,0,.13);border-color:rgba(255,204,0,.28)}
.mobilePopupSummary.green{background:rgba(52,199,89,.09);border-color:rgba(52,199,89,.24)}
.mobilePopupActions{margin:10px 0;padding:10px;border-radius:16px;background:rgba(88,86,214,.06);border:1px solid rgba(88,86,214,.18)}
.mobilePopupActions h4{margin:0 0 8px;font-size:14px}
.mobilePopupAction{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;padding:9px;border-radius:13px;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.18);font-size:12px}
.mobilePopupAction b{font-size:14px}.mobilePopupAction span{overflow-wrap:anywhere}.mobilePopupAction.sell{border-left:4px solid #ff3b30}.mobilePopupAction.buy{border-left:4px solid #34c759}
@media (max-width: 820px){
  .popup{left:10px!important;right:10px!important;bottom:calc(88px + var(--eos-safe-bottom))!important;width:auto!important;max-height:72vh!important;border-radius:22px!important;padding:16px!important;box-shadow:0 22px 60px rgba(15,23,42,.24)!important}
  .popup b{font-size:16px!important;line-height:1.25!important}.popup p{font-size:14px!important;line-height:1.45!important}
  .popupModalBackdrop{align-items:flex-end!important;padding:8px!important;padding-bottom:calc(8px + var(--eos-safe-bottom))!important}
  .popupModal{width:100%!important;max-height:88vh!important;border-radius:26px 26px 18px 18px!important;padding:18px!important}
  .popupModal h3{font-size:21px!important}
  .popupHistoryItem{display:block!important;padding:14px!important;border-radius:18px!important}
  .popupHistoryItem>button{width:100%!important;margin-top:10px!important}
  .mobilePopupSummary{grid-template-columns:1fr 1fr!important;gap:7px!important;padding:8px!important}
  .mobilePopupSummary>div{padding:8px!important}.mobilePopupSummary b{font-size:13px!important}
  .mobilePopupAction{grid-template-columns:1fr!important}
}
@media (max-width: 420px){.mobilePopupSummary{grid-template-columns:1fr!important}.mobilePopupActions{padding:8px!important}}


/* EkonomiOS Mobil AI v7.16: enklare mobilapp-layout med rullgardinsmeny */
@media (max-width: 820px){
  body{padding-bottom:18px!important;background:#f4f7fb!important}
  .app{display:block!important;padding:0!important;margin:0!important;background:#f4f7fb!important}
  .side{display:none!important}
  .main{width:100%!important;max-width:100%!important;padding:12px!important;padding-top:calc(10px + env(safe-area-inset-top,0px))!important;box-sizing:border-box!important}
  .top{display:block!important;margin-top:12px!important;padding:14px!important;border-radius:22px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important}
  .top h2{font-size:24px!important;line-height:1.15!important;margin:0 0 6px!important;color:#0f172a!important}
  .top p{font-size:14px!important;line-height:1.4!important;margin:0!important;color:#667085!important}
  .status{margin-top:10px!important;display:block!important;font-size:13px!important;line-height:1.35!important}
  .mobileTopSelector{position:sticky!important;top:0!important;z-index:99980!important;margin:0 0 12px!important;padding:12px!important;border-radius:0 0 24px 24px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border:1px solid rgba(148,163,184,.28)!important;border-top:0!important;box-shadow:0 12px 32px rgba(15,23,42,.12)!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .mobileTopTitle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .mobileTopTitle span{font-size:12px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#667085!important}
  .mobileTopTitle b{font-size:16px!important;color:#0f172a!important;text-align:right!important;line-height:1.2!important}
  .mobileSelectLabel{display:block!important;width:100%!important}
  .mobileSelectLabel span{display:block!important;font-size:12px!important;font-weight:800!important;color:#475467!important;margin:0 0 6px!important}
  #mobileViewSelect{width:100%!important;min-height:54px!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.55)!important;background:#fff!important;padding:0 44px 0 14px!important;font-size:18px!important;font-weight:850!important;color:#0f172a!important;box-shadow:0 8px 20px rgba(15,23,42,.06)!important}
  .mobileRefreshBtn{width:100%!important;min-height:50px!important;border-radius:18px!important;border:0!important;background:#0f172a!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(15,23,42,.18)!important}
  .nav,.tabs,[data-nav],.tabbar{display:none!important}
  .card,.panel,.glass,.section,.box{border-radius:22px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(148,163,184,.25)!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important;margin-bottom:12px!important;padding:16px!important}
  .card h3,.panel h3,.glass h3{font-size:20px!important;line-height:1.2!important;margin-top:0!important;color:#101828!important}
  .listitem{border-radius:18px!important;padding:14px!important;margin-bottom:10px!important;background:#fff!important;border:1px solid rgba(148,163,184,.24)!important;display:block!important}
  .row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  button,.button,.secondary,.dangerBtn{min-height:50px!important;border-radius:16px!important;font-size:16px!important;font-weight:850!important;padding:12px 14px!important}
  input,select,textarea{min-height:52px!important;border-radius:16px!important;padding:12px 14px!important;font-size:16px!important}
  .authUserBar{bottom:12px!important;left:12px!important;right:12px!important;z-index:99999!important}
  .popup{bottom:14px!important;left:12px!important;right:12px!important;border-radius:24px!important}
  table{font-size:14px!important;border-radius:18px!important;background:#fff!important}
}
@media (max-width: 420px){
  .main{padding-left:9px!important;padding-right:9px!important}
  .mobileTopSelector{padding:10px!important;border-radius:0 0 22px 22px!important}
  #mobileViewSelect{font-size:17px!important}
  .top h2{font-size:22px!important}
  .card h3,.panel h3,.glass h3{font-size:19px!important}
}

/* EkonomiOS Mobil AI v7.17 – renare mobilapp-layout */
@media (max-width: 820px){
  body{background:#f5f7fb!important;color:#0f172a!important;padding-bottom:24px!important}
  .app{display:block!important;background:#f5f7fb!important}
  .side{display:none!important}
  .main{padding:0 14px 28px!important;max-width:100%!important}
  .top{display:none!important}
  #status{display:none!important}
  [data-quiet-status]{display:none!important}
  #view{display:block!important;margin-top:14px!important}
  .mobileTopSelector{position:sticky!important;top:0!important;z-index:99995!important;margin:0 -14px 14px!important;padding:14px 14px 16px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;border-bottom:1px solid rgba(148,163,184,.25)!important;box-shadow:0 10px 30px rgba(15,23,42,.08)!important;border-radius:0 0 26px 26px!important}
  .mobileAiHeader{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:12px!important}
  .mobileAiBrand{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .mobileAiBrand strong{font-size:21px!important;letter-spacing:-.03em!important;color:#0f172a!important}
  .mobileAiBrand span{font-size:12px!important;color:#64748b!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important}
  .mobileAiStatus{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .mobileStatusCard{background:#fff!important;border:1px solid rgba(148,163,184,.25)!important;border-radius:18px!important;padding:10px 12px!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important}
  .mobileStatusCard small{display:block!important;color:#64748b!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;margin-bottom:3px!important}
  .mobileStatusCard b{display:block!important;font-size:17px!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mobileSelectLabel{display:block!important;background:#fff!important;border:1px solid rgba(148,163,184,.3)!important;border-radius:20px!important;padding:11px!important;box-shadow:0 10px 24px rgba(15,23,42,.07)!important}
  .mobileSelectLabel span{display:block!important;font-size:12px!important;color:#64748b!important;font-weight:800!important;margin:0 0 6px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
  #mobileViewSelect{width:100%!important;min-height:52px!important;border:0!important;background:#eef2ff!important;color:#0f172a!important;font-size:20px!important;font-weight:900!important;border-radius:16px!important;padding:0 14px!important;outline:none!important}
  .mobileActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important}
  .mobileRefreshBtn,.mobileNotifyBtn{min-height:48px!important;border-radius:16px!important;border:0!important;font-weight:900!important;font-size:16px!important;box-shadow:0 8px 20px rgba(15,23,42,.08)!important}
  .mobileRefreshBtn{background:#0f172a!important;color:#fff!important}
  .mobileNotifyBtn{background:#dcfce7!important;color:#166534!important}
  .mobileNotifyBtn.warn{background:#ffedd5!important;color:#9a3412!important}
  .mobileNotifyBtn.off{background:#fee2e2!important;color:#991b1b!important}
  .mobileFocusHint{margin-top:10px!important;padding:11px 12px!important;border-radius:18px!important;background:#eff6ff!important;color:#1e3a8a!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important}
  .grid,.grid.cols2,.grid.cols3,.cards,.summaryGrid,.portfolioGrid,.dashboardGrid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .card,.panel,.glass,.listitem,.portfolioSummary{background:#fff!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:24px!important;box-shadow:0 10px 30px rgba(15,23,42,.07)!important;padding:16px!important;margin-bottom:14px!important;color:#0f172a!important}
  .card h3,.panel h3,.glass h3,.portfolioSummary h3{font-size:21px!important;letter-spacing:-.02em!important;margin:0 0 8px!important;color:#0f172a!important}
  .card p,.panel p,.glass p,.muted{font-size:15px!important;line-height:1.45!important;color:#475569!important}
  .list{display:grid!important;gap:12px!important}
  .listitem{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important}
  .listitem button,.card button,.panel button{min-height:48px!important;border-radius:16px!important;font-size:16px!important;font-weight:850!important}
  .row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important}
  input,select,textarea{min-height:48px!important;border-radius:16px!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#0f172a!important;padding:10px 12px!important}
  .badge,.pill,.traffic{font-size:13px!important;border-radius:999px!important;padding:7px 10px!important;font-weight:900!important}
  .liveBanner{background:linear-gradient(135deg,#ecfdf5,#eff6ff)!important;border-color:rgba(34,197,94,.24)!important}
  .popup{left:12px!important;right:12px!important;bottom:12px!important;border-radius:26px!important;background:#fff!important;color:#0f172a!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important;border:1px solid rgba(148,163,184,.28)!important}
  .authUserBar{left:12px!important;right:12px!important;bottom:12px!important;border-radius:18px!important;justify-content:space-between!important}
  table{font-size:14px!important;background:#fff!important;border-radius:18px!important}
}
@media (max-width:420px){
  .mobileAiStatus{grid-template-columns:1fr!important}
  .mobileActions{grid-template-columns:1fr!important}
  .mobileAiBrand strong{font-size:20px!important}
  #mobileViewSelect{font-size:18px!important}
}


/* === Mobile compact/minimize update === */
@media (max-width: 768px) {

  .sidebar,
  .menu-panel,
  .left-panel,
  .portfolio-panel,
  .ai-panel {
    max-height: 64px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    border-radius: 18px !important;
  }

  .sidebar.expanded,
  .menu-panel.expanded,
  .left-panel.expanded,
  .portfolio-panel.expanded,
  .ai-panel.expanded {
    max-height: 85vh !important;
    overflow: auto !important;
  }

  .mobile-collapse-button {
    width: 100%;
    padding: 14px;
    font-size: 16px;
    border-radius: 14px;
    margin-bottom: 10px;
    cursor: pointer;
  }

  .mobile-topbar {
    position: sticky;
    top: 0;
    z-index: 999;
    padding: 10px;
    background: rgba(15,15,15,0.95);
    backdrop-filter: blur(10px);
  }

  .card,
  .portfolio-card,
  .ai-card {
    margin-bottom: 14px !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body {
    padding-bottom: 30px !important;
  }
}


/* ===== REAL MOBILE OVERHAUL ===== */
@media (max-width: 768px){

body{
  font-size:16px !important;
  overflow-x:hidden !important;
}

.sidebar,
.left-sidebar,
.menu,
.navigation,
.navbar{
  width:100% !important;
  max-width:100% !important;
  position:relative !important;
}

.topbar,
.header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  padding:12px !important;
}

.card,
.widget,
.panel,
.portfolio-card,
.ai-card{
  width:100% !important;
  margin:10px 0 !important;
  padding:18px !important;
  border-radius:22px !important;
  box-sizing:border-box !important;
}

.grid,
.dashboard-grid,
.cards{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

.table,
table{
  display:block !important;
  overflow-x:auto !important;
  white-space:nowrap !important;
}

.mobile-collapsible{
  max-height:72px;
  overflow:hidden;
  transition:all .35s ease;
}

.mobile-collapsible.open{
  max-height:1200px;
}

.mobile-toggle{
  width:100%;
  padding:14px;
  border:none;
  border-radius:16px;
  margin-bottom:10px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}

select{
  width:100% !important;
  min-height:52px !important;
  font-size:16px !important;
  border-radius:16px !important;
  padding:12px !important;
}

button{
  min-height:48px !important;
  font-size:15px !important;
  border-radius:14px !important;
}

h1,h2,h3{
  line-height:1.2 !important;
}

}



/* ===== EkonomiOS Mobil v7.20 – riktig kompakt mobilheader ===== */
@media (max-width: 820px){
  html,body{margin:0!important;width:100%!important;overflow-x:hidden!important;background:#f6f7fb!important;}
  .app{display:block!important;min-height:100vh!important;background:#f6f7fb!important;}
  .side{display:none!important;}
  .main{width:100%!important;max-width:100%!important;padding:0 12px 24px!important;box-sizing:border-box!important;}
  .top,#status,[data-quiet-status]{display:none!important;}
  #view{margin-top:10px!important;}

  #mobileTopSelector.mobileTopSelectorLean{
    position:sticky!important;top:0!important;z-index:99999!important;
    margin:0 -12px 10px!important;padding:8px 12px 10px!important;
    background:rgba(246,247,251,.98)!important;backdrop-filter:blur(14px)!important;
    border-bottom:1px solid rgba(148,163,184,.22)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
    border-radius:0 0 18px 18px!important;
  }
  .mobileLeanHeader{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:7px!important;}
  .mobileLeanHeader span{display:block!important;font-size:11px!important;line-height:1!important;color:#64748b!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
  .mobileLeanHeader strong{display:block!important;font-size:18px!important;line-height:1.15!important;color:#0f172a!important;letter-spacing:-.02em!important;}
  #mobilePanelToggle{min-height:36px!important;padding:8px 11px!important;border:0!important;border-radius:999px!important;background:#e2e8f0!important;color:#0f172a!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important;}

  .mobileSelectLabel.lean{display:block!important;background:#fff!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:16px!important;padding:7px!important;margin:0!important;box-shadow:none!important;}
  .mobileSelectLabel.lean span{display:block!important;margin:0 0 4px!important;font-size:10px!important;line-height:1!important;color:#64748b!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
  #mobileViewSelect{width:100%!important;height:44px!important;min-height:44px!important;border:0!important;border-radius:12px!important;background:#eef2ff!important;color:#0f172a!important;font-size:17px!important;font-weight:900!important;padding:0 10px!important;outline:none!important;}

  .mobileLeanActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important;}
  .mobileRefreshBtn,.mobileNotifyBtn{height:42px!important;min-height:42px!important;border-radius:14px!important;border:0!important;font-size:14px!important;font-weight:900!important;padding:0 10px!important;box-shadow:none!important;}
  .mobileRefreshBtn{background:#0f172a!important;color:#fff!important;}
  .mobileNotifyBtn{background:#dcfce7!important;color:#166534!important;}
  .mobileNotifyBtn.warn{background:#ffedd5!important;color:#9a3412!important;}
  .mobileNotifyBtn.off{background:#fee2e2!important;color:#991b1b!important;}

  .mobileInfoDrawer{display:none!important;margin-top:8px!important;}
  .mobileInfoDrawer.open{display:block!important;}
  .mobileAiStatus{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important;}
  .mobileStatusCard{background:#fff!important;border:1px solid rgba(148,163,184,.25)!important;border-radius:14px!important;padding:9px 10px!important;box-shadow:none!important;}
  .mobileStatusCard small{display:block!important;font-size:10px!important;font-weight:900!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:2px!important;}
  .mobileStatusCard b{display:block!important;font-size:15px!important;line-height:1.15!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .mobileStatusCard span{display:block!important;font-size:12px!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:2px!important;}
  .mobileFocusHint{margin:8px 0 0!important;padding:9px 10px!important;border-radius:14px!important;background:#eff6ff!important;color:#1e3a8a!important;font-size:12px!important;line-height:1.3!important;font-weight:750!important;}

  .grid,.grid.cols2,.grid.cols3,.cards,.summaryGrid,.portfolioGrid,.dashboardGrid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .card,.panel,.glass,.listitem,.portfolioSummary{width:100%!important;box-sizing:border-box!important;background:#fff!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:20px!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important;padding:14px!important;margin:0 0 10px!important;color:#0f172a!important;}
  .card h3,.panel h3,.glass h3,.portfolioSummary h3{font-size:18px!important;line-height:1.2!important;margin:0 0 7px!important;color:#0f172a!important;}
  .card p,.panel p,.glass p,.muted{font-size:14px!important;line-height:1.38!important;color:#475569!important;}
  .list{display:grid!important;gap:10px!important;}
  .listitem{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important;}
  input,select,textarea,button{max-width:100%!important;box-sizing:border-box!important;}
  input,select,textarea{min-height:46px!important;border-radius:14px!important;font-size:16px!important;padding:10px 12px!important;}
  button,.button,.secondary{min-height:44px!important;border-radius:14px!important;font-size:15px!important;font-weight:850!important;padding:10px 12px!important;}
  table{display:block!important;width:100%!important;overflow-x:auto!important;font-size:13px!important;}
  .authUserBar{left:12px!important;right:12px!important;bottom:12px!important;border-radius:16px!important;}
  .popup{left:12px!important;right:12px!important;bottom:12px!important;border-radius:22px!important;}
}
@media (max-width:420px){
  .mobileLeanActions{grid-template-columns:1fr!important;}
  .mobileAiStatus{grid-template-columns:1fr!important;}
  .mobileLeanHeader strong{font-size:17px!important;}
  #mobileViewSelect{font-size:16px!important;}
}


/* v7.21: stabil mobiluppdatering utan flikhopp */
@media (max-width: 768px){
  .main{ scroll-margin-top: 0 !important; }
  #view{ min-height: 60vh; }
  .mobileTopMenu, .mobileTopbar, .top{
    overscroll-behavior: contain;
  }
}