/* QUINCA+ v53 — composants graphiques mobiles stables */

@media(max-width:700px){
  .mobile-category-panel-v53{
    min-height:0!important;
    height:auto!important;
  }
  .mobile-category-v53{
    display:grid!important;
    gap:12px!important;
    padding:4px 13px 15px!important;
    min-height:0!important;
    height:auto!important;
  }
  .mobile-category-row-v53{
    display:grid;
    gap:5px;
  }
  .mobile-category-row-head-v53{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    min-width:0;
  }
  .mobile-category-row-head-v53 span{
    min-width:0;
    color:#536b85;
    font-size:10px;
    font-weight:800;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .mobile-category-row-head-v53 strong{
    color:#183450;
    font-size:10px;
    font-weight:900;
  }
  .mobile-category-bar-v53{
    width:100%;
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#e8eef5;
  }
  .mobile-category-bar-v53 span{
    display:block;
    height:100%;
    min-width:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#1584f5,#1fbc8a);
  }
  .mobile-category-row-v53 small{
    color:#8595a8;
    font-size:8.5px;
  }

  .mobile-sales-chart-v53{
    display:grid!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:2px 7px 10px!important;
  }
  .mobile-sales-chart-summary-v53{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:0 4px;
  }
  .mobile-sales-chart-summary-v53 span{
    color:#8293a8;
    font-size:9px;
  }
  .mobile-sales-chart-summary-v53 strong{
    color:#183450;
    font-size:12px;
    font-weight:900;
  }
  .mobile-sales-bars-v53{
    display:flex!important;
    align-items:flex-end!important;
    gap:2px!important;
    width:100%!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    overflow:hidden!important;
    padding:4px 2px 0!important;
  }
  .mobile-sales-bar-col-v53{
    flex:1 1 0;
    min-width:0;
    height:100%;
    display:grid;
    grid-template-rows:minmax(0,1fr) 16px;
    gap:3px;
    align-items:end;
  }
  .mobile-sales-bar-track-v53{
    position:relative;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    border-radius:4px 4px 1px 1px;
    background:#edf3f8;
  }
  .mobile-sales-bar-track-v53 span{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:block;
    min-height:2px;
    border-radius:4px 4px 1px 1px;
    background:linear-gradient(180deg,#1c8cf8,#0d6fd6);
  }
  .mobile-sales-bar-col-v53 small{
    display:block;
    min-width:0;
    color:#8293a8;
    font-size:6.5px;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    overflow:visible;
  }

  body.dark-ui .mobile-category-row-head-v53 span,
  body.dark-ui .mobile-sales-chart-summary-v53 span,
  body.dark-ui .mobile-sales-bar-col-v53 small,
  body.dark-ui .mobile-category-row-v53 small{
    color:#91a5ba;
  }
  body.dark-ui .mobile-category-row-head-v53 strong,
  body.dark-ui .mobile-sales-chart-summary-v53 strong{
    color:#eef5ff;
  }
  body.dark-ui .mobile-category-bar-v53{
    background:#22364d;
  }
  body.dark-ui .mobile-sales-bar-track-v53{
    background:#1d3147;
  }

  /* neutralise définitivement les dimensions héritées des graphiques desktop */
  .dashboard-v37-category-panel .dashboard-v37-category-body,
  .dashboard-v37-category-panel .dashboard-v37-donut{
    min-height:0!important;
    max-height:none!important;
  }
  .dashboard-v36-chart{
    min-height:0!important;
    height:auto!important;
  }
}

@media(max-width:430px){
  .mobile-sales-bars-v53{
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
  }
  .mobile-category-v53{
    gap:10px!important;
  }
}