/* Sigma OS mobile dashboard: quick actions + KPI cards only.
   CSS-only visual/layout patch. Intentionally does not touch tap/click handlers,
   pointer-events, routes, JS controllers, navigation or permissions. */
@media(max-width:900px){
  /* Quick actions: full-width, readable and reliably contained inside the hero. */
  #body.sigma-dashboard-host>.hero>.quick{
    width:100%!important;
    max-width:100%!important;
    margin:14px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  #body.sigma-dashboard-host>.hero>.quick .btn{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0!important;
    padding:9px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border-radius:11px!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:650!important;
    white-space:normal!important;
    text-align:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* KPI cards: remove competing oversized geometry and create a clean 2x2 mobile grid. */
  .sdr-kpis{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0 0 10px!important;
    align-items:stretch!important;
  }
  .sdr-kpi{
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-height:104px!important;
    margin:0!important;
    padding:12px 11px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:9px!important;
    background:#fff!important;
    border:1px solid #e5e9ee!important;
    border-radius:15px!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .sdr-kpi:after{top:15px!important;bottom:15px!important;width:3px!important}
  .sdr-kpi-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }
  .sdr-kpi-content,.sdr-kpi>div:last-child{min-width:0!important;width:100%!important}
  .sdr-kpi-labelrow{min-width:0!important;display:block!important}
  .sdr-kpi-labelrow>span,.sdr-kpi span{
    min-width:0!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:650!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .sdr-kpi strong{
    margin-top:5px!important;
    font-size:20px!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .sdr-kpi small{
    margin-top:6px!important;
    font-size:10px!important;
    line-height:1.2!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .sdr-kpi-trend{display:none!important}
}

@media(max-width:480px){
  #body.sigma-dashboard-host>.hero>.quick{gap:7px!important;margin-top:12px!important}
  #body.sigma-dashboard-host>.hero>.quick .btn{min-height:40px!important;padding:8px 7px!important;font-size:11px!important;border-radius:10px!important}
  .sdr-kpis{gap:7px!important}
  .sdr-kpi{min-height:98px!important;padding:10px 9px!important;grid-template-columns:32px minmax(0,1fr)!important;column-gap:8px!important;border-radius:14px!important}
  .sdr-kpi-icon{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important;border-radius:10px!important;font-size:11px!important}
  .sdr-kpi-labelrow>span,.sdr-kpi span{font-size:9px!important}
  .sdr-kpi strong{font-size:18px!important}
  .sdr-kpi small{font-size:9px!important}
}

@media(max-width:360px){
  #body.sigma-dashboard-host>.hero>.quick{grid-template-columns:1fr!important}
  #body.sigma-dashboard-host>.hero>.quick .btn{min-height:38px!important}
  .sdr-kpi{grid-template-columns:30px minmax(0,1fr)!important;padding:9px 8px!important;column-gap:7px!important}
  .sdr-kpi-icon{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important}
  .sdr-kpi strong{font-size:17px!important}
}