/* V10.0.23 - Smaller KPI nominal text only
   Focused change: reduce KPI value/nominal size without changing layout, color, or other UI. */
.kpi-grid>.kpi>strong{
  font-size:clamp(16px,1.55vw,22px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
@media(max-width:980px){
  .kpi-grid>.kpi>strong{
    font-size:clamp(15px,2.05vw,20px)!important;
  }
}
@media(max-width:760px){
  .kpi-grid>.kpi>strong{
    font-size:9.1px!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
  }
}
@media(max-width:400px){
  .kpi-grid>.kpi>strong{
    font-size:8.7px!important;
  }
}

/* V10.2.4 - Perbaikan kolom Aksi agar garis tabel lurus.
   Penyebab sebelumnya: beberapa <td class="actions"> mewarisi .actions{display:flex},
   sehingga browser tidak menggambar kolom itu sebagai table-cell normal. */
@media (min-width: 761px){
  .table-wrap td.actions,
  .table-wrap td.actions-cell,
  .table-wrap td.actions-cell-final,
  .table-wrap td:last-child.actions{
    display:table-cell!important;
    vertical-align:middle!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .table-wrap td.actions > a.button,
  .table-wrap td.actions > button,
  .table-wrap td.actions > form,
  .table-wrap td.actions .button,
  .table-wrap td.actions button{
    vertical-align:middle!important;
  }
  .table-wrap td.actions > form,
  .table-wrap td.actions form{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:2px!important;
    padding:0!important;
  }
  .table-wrap td.actions > .button,
  .table-wrap td.actions > a.button,
  .table-wrap td.actions > button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:2px!important;
  }
  .table-wrap td.actions .actions,
  .table-wrap td.actions .action-buttons,
  .table-wrap td.actions .row-actions-final{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    width:100%!important;
  }
  .inventory-lot-wrap td.actions,
  .master-table-wrap td.actions,
  .inventory-history-wrap td.actions{
    display:table-cell!important;
    vertical-align:middle!important;
    text-align:center!important;
  }
}

@media (max-width: 760px){
  table.responsive-table td.actions,
  .table-wrap.responsive-cards td.actions,
  .inventory-lot-wrap td.actions,
  .master-table-wrap td.actions,
  .inventory-history-wrap td.actions{
    display:block!important;
    width:100%!important;
    text-align:left!important;
    white-space:normal!important;
  }
  table.responsive-table td.actions::before,
  .table-wrap.responsive-cards td.actions::before{
    display:block!important;
  }
  table.responsive-table td.actions .button,
  table.responsive-table td.actions button,
  .table-wrap.responsive-cards td.actions .button,
  .table-wrap.responsive-cards td.actions button{
    width:100%!important;
    margin-top:6px!important;
  }
  table.responsive-table td.actions form,
  .table-wrap.responsive-cards td.actions form{
    width:100%!important;
    margin:0!important;
  }
}

/* V10.2.5 - Penguatan audit tabel: selector dibuat lebih spesifik dari responsive-cards
   agar kolom aksi desktop tetap table-cell, sementara isi tombolnya tetap flex/inline rapi. */
@media (min-width: 761px){
  .table-wrap.responsive-cards td.actions,
  .table-wrap.responsive-cards td:last-child.actions,
  .table-wrap.responsive-cards td.actions-cell,
  .table-wrap.responsive-cards td.actions-cell-final,
  .table-wrap.keep-table td.actions,
  .table-wrap.keep-table td:last-child.actions,
  .inventory-lot-wrap table td.actions,
  .inventory-history-wrap table td.actions{
    display:table-cell!important;
    vertical-align:middle!important;
    text-align:center!important;
    white-space:normal!important;
    min-width:150px!important;
  }
  .table-wrap.responsive-cards td.actions > form,
  .table-wrap.keep-table td.actions > form,
  .inventory-lot-wrap table td.actions > form,
  .inventory-history-wrap table td.actions > form{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:2px!important;
    width:auto!important;
  }
  .table-wrap.responsive-cards td.actions > .button,
  .table-wrap.responsive-cards td.actions > a.button,
  .table-wrap.responsive-cards td.actions > button,
  .table-wrap.keep-table td.actions > .button,
  .table-wrap.keep-table td.actions > a.button,
  .table-wrap.keep-table td.actions > button,
  .inventory-lot-wrap table td.actions > .button,
  .inventory-history-wrap table td.actions > .button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:2px!important;
    width:auto!important;
  }
}