
/* V438B - Supplier mobile polish */
@media(max-width:760px){
  .v438a-supplier-overview,
  .v438a-action-center,
  .v438a-charts,
  .v438a-price-intel{
    margin-bottom:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }

  .v438a-section-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    margin-bottom:8px!important;
  }
  .v438a-section-head>div>span{
    font-size:7px!important;
    letter-spacing:.07em!important;
  }
  .v438a-section-head h2,
  .v438a-section-head h3{
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  .v438a-section-head>small{
    max-width:none!important;
    text-align:left!important;
    font-size:7.2px!important;
    line-height:1.35!important;
  }

  /* Overview KPI */
  .v438a-kpis{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438a-kpis article{
    min-height:80px!important;
    padding:8px!important;
    border-radius:8px!important;
  }
  .v438a-kpis article:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }
  .v438a-kpis span{
    font-size:7.2px!important;
    line-height:1.3!important;
  }
  .v438a-kpis b{
    margin-top:5px!important;
    font-size:15px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  .v438a-kpis small{
    margin-top:5px!important;
    font-size:6.9px!important;
    line-height:1.35!important;
  }

  /* Action cards */
  .v438a-action-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438a-action-grid article{
    min-height:82px!important;
    padding:8px!important;
    border-radius:8px!important;
  }
  .v438a-action-grid b{
    font-size:15px!important;
  }
  .v438a-action-grid span{
    margin-top:4px!important;
    font-size:7.4px!important;
    line-height:1.3!important;
  }
  .v438a-action-grid small{
    margin-top:4px!important;
    font-size:6.9px!important;
    line-height:1.35!important;
  }

  /* Charts */
  .v438a-chart-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .v438a-chart-card{
    padding:8px!important;
    border-radius:8px!important;
    overflow:hidden!important;
  }
  .v438a-chart-head{
    align-items:flex-start!important;
    gap:4px!important;
    margin-bottom:3px!important;
  }
  .v438a-chart-head h4{
    font-size:9.3px!important;
    line-height:1.25!important;
  }
  .v438a-chart-head small{
    max-width:46%!important;
    text-align:right!important;
    font-size:6.8px!important;
    line-height:1.3!important;
  }
  .v438a-chart-card .recharts-responsive-container{
    height:205px!important;
    min-height:205px!important;
  }
  .v438a-chart-card svg{
    max-width:100%!important;
  }

  /* Price compare */
  .v438a-price-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .v438a-price-grid>article{
    padding:8px!important;
    border-radius:8px!important;
  }
  .v438a-price-grid h4{
    margin-bottom:6px!important;
    font-size:9.3px!important;
  }
  .v438a-compare-list>div,
  .v438a-price-list>div{
    gap:8px!important;
    padding:8px 0!important;
  }
  .v438a-compare-list>div>div:first-child,
  .v438a-price-list>div>div:first-child{
    min-width:0!important;
  }
  .v438a-compare-list strong,
  .v438a-price-list strong{
    font-size:8.5px!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .v438a-compare-list small,
  .v438a-price-list small{
    font-size:6.9px!important;
    line-height:1.3!important;
  }
  .v438a-offers{
    min-width:0!important;
    width:48%!important;
    align-items:flex-end!important;
  }
  .v438a-offers span{
    max-width:100%!important;
    font-size:6.9px!important;
    white-space:normal!important;
    text-align:right!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }
  .v438a-price-value b{
    font-size:8.5px!important;
  }
  .v438a-price-value small{
    font-size:6.8px!important;
  }

  /* Existing supplier list */
  .v285-supplier-toolbar{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  .v285-supplier-toolbar h3{
    font-size:13px!important;
  }
  .v285-supplier-toolbar p{
    font-size:8.5px!important;
    line-height:1.35!important;
  }
  .v285-supplier-tools{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 110px!important;
    gap:6px!important;
  }
  .v285-supplier-tools>div{
    min-width:0!important;
    width:100%!important;
  }
  .v285-supplier-tools input,
  .v285-supplier-tools select{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8.5px!important;
  }

  .v285-supplier-card{
    padding:10px!important;
    border-radius:9px!important;
  }
  .v285-supplier-card>div:first-child{
    gap:8px!important;
  }
  .v285-supplier-card p{
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .v285-supplier-card p.font-semibold{
    font-size:11px!important;
    line-height:1.3!important;
  }
  .v285-supplier-card .stamp{
    flex:none!important;
    font-size:7px!important;
    padding:3px 6px!important;
  }
  .v285-supplier-card .mt-3.flex{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v285-supplier-card button{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    font-size:8px!important;
  }

  /* Pagination */
  .v285-pagination{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
  }
  .v285-pagination>div:first-child{
    text-align:center!important;
    font-size:7.5px!important;
  }
  .v285-pagination>div:last-child{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    width:100%!important;
    gap:6px!important;
  }
  .v285-pagination button{
    width:100%!important;
    height:34px!important;
    font-size:8px!important;
  }
  .v285-pagination span{
    min-width:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:8px!important;
  }

  /* Modal */
  .fixed.inset-0.z-50 .max-w-2xl{
    max-height:92vh!important;
    overflow-y:auto!important;
    padding:12px!important;
    border-radius:14px 14px 0 0!important;
  }
  .fixed.inset-0.z-50 .max-w-2xl h3{
    font-size:14px!important;
  }
}

@media(max-width:390px){
  .v438a-kpis,
  .v438a-action-grid{
    grid-template-columns:1fr!important;
  }
  .v438a-kpis article:last-child:nth-child(odd){
    grid-column:auto!important;
  }
  .v438a-offers{
    width:100%!important;
    align-items:flex-start!important;
  }
  .v438a-compare-list>div,
  .v438a-price-list>div{
    flex-direction:column!important;
  }
  .v438a-offers span{
    text-align:left!important;
  }
  .v438a-price-value{
    text-align:left!important;
  }
  .v285-supplier-tools{
    grid-template-columns:1fr!important;
  }
}
