/* V473 - Supplier menu readability refinement. UI only; no business logic/data changes. */

.v438a-supplier-overview,
.v438a-action-center,
.v438a-price-intel{
  padding:16px!important;
  border-radius:12px!important;
}

.v438a-section-head{
  gap:16px!important;
  margin-bottom:14px!important;
}
.v438a-section-head>div>span{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}
.v438a-section-head h2,
.v438a-section-head h3{
  margin-top:5px!important;
  font-size:17px!important;
  line-height:1.3!important;
}
.v438a-section-head>small{
  max-width:520px!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* Tong quan nha cung cap */
.v438a-kpis{
  gap:10px!important;
}
.v438a-kpis article{
  min-height:108px!important;
  padding:14px!important;
  border-radius:10px!important;
}
.v438a-kpis span{
  font-size:10px!important;
  line-height:1.35!important;
}
.v438a-kpis b{
  margin-top:8px!important;
  font-size:22px!important;
  line-height:1.05!important;
}
.v438a-kpis small{
  margin-top:8px!important;
  font-size:10px!important;
  line-height:1.45!important;
}

/* Can xu ly hom nay */
.v438a-action-grid{
  gap:10px!important;
}
.v438a-action-grid article{
  min-height:104px!important;
  padding:14px!important;
  border-radius:10px!important;
}
.v438a-action-grid span{
  font-size:10px!important;
  line-height:1.35!important;
}
.v438a-action-grid b{
  margin-top:7px!important;
  font-size:21px!important;
  line-height:1.05!important;
}
.v438a-action-grid small{
  margin-top:7px!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.v438a-action-grid article:after{
  height:4px!important;
}

/* Gia nhap & so sanh NCC */
.v438a-price-grid{
  gap:12px!important;
}
.v438a-price-grid>article{
  padding:14px!important;
  border-radius:10px!important;
}
.v438a-price-grid h4{
  margin-bottom:10px!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.v438a-compare-list>div,
.v438a-price-list>div{
  gap:14px!important;
  padding:11px 0!important;
}
.v438a-compare-list strong,
.v438a-price-list strong{
  font-size:11.5px!important;
  line-height:1.4!important;
}
.v438a-compare-list small,
.v438a-price-list small{
  margin-top:3px!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}
.v438a-offers{
  gap:5px!important;
  min-width:210px!important;
}
.v438a-offers span{
  padding:5px 8px!important;
  font-size:9.5px!important;
  line-height:1.2!important;
}
.v438a-price-value b{
  font-size:12px!important;
  line-height:1.3!important;
}
.v438a-price-value small{
  font-size:9px!important;
}
.v438a-empty{
  padding:14px 0!important;
  font-size:11px!important;
}

@media(max-width:1100px){
  .v438a-section-head h2,
  .v438a-section-head h3{font-size:16px!important}
  .v438a-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v438a-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v438a-price-grid{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  .v438a-supplier-overview,
  .v438a-action-center,
  .v438a-price-intel{padding:11px!important}
  .v438a-section-head{gap:8px!important;margin-bottom:11px!important}
  .v438a-section-head>div>span{font-size:9px!important}
  .v438a-section-head h2,
  .v438a-section-head h3{font-size:15px!important}
  .v438a-section-head>small{font-size:10px!important;text-align:left!important}
  .v438a-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v438a-kpis article{min-height:96px!important;padding:11px!important}
  .v438a-kpis span,.v438a-action-grid span{font-size:9.5px!important}
  .v438a-kpis b,.v438a-action-grid b{font-size:19px!important}
  .v438a-kpis small,.v438a-action-grid small{font-size:9px!important}
  .v438a-action-grid{grid-template-columns:1fr!important}
  .v438a-action-grid article{min-height:92px!important;padding:11px!important}
  .v438a-price-grid>article{padding:11px!important}
  .v438a-price-grid h4{font-size:12px!important}
  .v438a-compare-list>div,
  .v438a-price-list>div{flex-direction:column!important;gap:7px!important;padding:10px 0!important}
  .v438a-compare-list strong,.v438a-price-list strong{font-size:11px!important}
  .v438a-compare-list small,.v438a-price-list small{font-size:9px!important}
  .v438a-offers{align-items:flex-start!important;min-width:0!important;width:100%!important}
  .v438a-offers span{white-space:normal!important;font-size:9px!important}
  .v438a-price-value{text-align:left!important}
  .v438a-price-value b{font-size:11px!important}
}

@media(max-width:480px){
  .v438a-kpis{grid-template-columns:1fr!important}
}