@media(max-width:768px) {
.app-workspace-fluid {padding:10px!important;overflow-x:hidden!important}
.premium-workspace-header {padding:9px 10px!important;gap:7px!important}
.table-responsive-wrapper, .action-tab .table-responsive-wrapper, #tab-manajemenUser .table-responsive-wrapper, #tab-masterBarang .table-responsive-wrapper, #tab-logMasuk .table-responsive-wrapper, #tab-logKeluar .table-responsive-wrapper, #tab-stokGudang .table-responsive-wrapper, #tab-mitraSupplier .table-responsive-wrapper {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:6px!important;
    border-radius:12px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    background:#fff!important;
  }
.table-responsive-wrapper::before {left:8px!important;right:8px!important;height:2px!important}
.table-responsive-wrapper::after {
    content:"Geser tabel";
    display:block;
    position:sticky;
    left:0;
    width:max-content;
    margin-top:6px;
    padding:3px 7px;
    border-radius:999px;
    background:#eff6ff;
    color:#0369a1;
    border:1px solid #dbeafe;
    font-size:.55rem;
    font-weight:900;
    letter-spacing:.15px;
  }
.table-responsive-wrapper table.table, .table-responsive-wrapper>table, .mobile-scroll-table, .table-mobile-scroll-safe, #tableMasterMaterialMain, #tableLogMasukMain, #tableLogKeluarMain, #tableStokMain, #tableSupplierMain {
    display:table!important;
    width:max-content!important;
    max-width:none!important;
    table-layout:auto!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
.table-responsive-wrapper table.table thead, .table-responsive-wrapper table.table tbody, .table-responsive-wrapper table.table tfoot, .mobile-scroll-table thead, .mobile-scroll-table tbody, .mobile-scroll-table tfoot, .table-mobile-scroll-safe thead, .table-mobile-scroll-safe tbody, .table-mobile-scroll-safe tfoot {
    display:table-row-group!important;
    width:auto!important;
  }
.table-responsive-wrapper table.table thead {display:table-header-group!important}
.table-responsive-wrapper table.table tfoot {display:table-footer-group!important}
.table-responsive-wrapper table.table tr, .mobile-scroll-table tr, .table-mobile-scroll-safe tr {display:table-row!important;width:auto!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.table-responsive-wrapper table.table th, .table-responsive-wrapper table.table td, .mobile-scroll-table th, .mobile-scroll-table td, .table-mobile-scroll-safe th, .table-mobile-scroll-safe td {
    display:table-cell!important;
    width:auto!important;
    min-height:0!important;
    padding:5px 5px!important;
    font-size:.56rem!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    text-align:left!important;
    vertical-align:middle!important;
  }
.table-responsive-wrapper table.table th {
    font-size:.48rem!important;
    letter-spacing:.10px!important;
    text-align:center!important;
  }
.table-responsive-wrapper table.table td::before, .mobile-scroll-table td::before, .table-mobile-scroll-safe td::before {content:none!important;display:none!important}
#tableMasterMaterialMain {min-width:430px!important}
#tableSupplierMain {min-width:520px!important}
#tableLogMasukMain, #tableLogKeluarMain {min-width:760px!important}
#tableStokMain {min-width:560px!important}
.table-responsive-wrapper table.table .table-code-chip {font-size:.53rem!important;padding:3px 5px!important;border-radius:7px!important}
.table-responsive-wrapper table.table .qty-chip {font-size:.53rem!important;min-width:26px!important;padding:3px 5px!important}
.table-responsive-wrapper table.table .status-pill {
    min-width:50px!important;
    padding:3px 5px!important;
    font-size:.48rem!important;
    gap:3px!important;
    letter-spacing:.06px!important;
    animation:none!important;
  }
.table-responsive-wrapper table.table .status-pill::before {width:4px!important;height:4px!important;animation:statusDotLight 1.8s ease-in-out infinite!important}
.table-responsive-wrapper table.table .status-pill::after {display:none!important}
.table-responsive-wrapper table.table .badge {font-size:.50rem!important;padding:3px 5px!important;border-radius:7px!important}
.table-responsive-wrapper table.table .btn-edit-in, .table-responsive-wrapper table.table .btn-edit-out, .table-responsive-wrapper table.table .btn-delete-in, .table-responsive-wrapper table.table .btn-delete-out, .table-responsive-wrapper table.table .quick-action-btn {
    height:23px!important;
    min-width:23px!important;
    padding:0 5px!important;
    font-size:.50rem!important;
    border-radius:7px!important;
    gap:3px!important;
  }
.table .aksi-wrap-final {
    display:inline-flex!important;
    flex-wrap:nowrap!important;
    gap:3px!important;
    justify-content:center!important;
    align-items:center!important;
  }
.table-responsive-wrapper table.table .aksi-locked-pill, .aksi-user-locked-final, .aksi-user-locked-v48, .role-user-locked-pill {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:56px!important;
    padding:4px 6px!important;
    font-size:.49rem!important;
    line-height:1!important;
    white-space:nowrap!important;
    border-radius:999px!important;
  }
#pagerMasuk, #pagerKeluar, #pagerBlok {position:sticky;left:0;width:calc(100vw - 32px);justify-content:center!important}
.pagination-cyber-summary-v70, .pagination-cyber-btn {font-size:.60rem!important}
}
@media(max-width:420px) {
#tableMasterMaterialMain {min-width:410px!important}
#tableSupplierMain {min-width:500px!important}
#tableLogMasukMain, #tableLogKeluarMain {min-width:720px!important}
#tableStokMain {min-width:530px!important}
.table-responsive-wrapper table.table th {font-size:.45rem!important;padding:4px!important}
.table-responsive-wrapper table.table td {font-size:.53rem!important;padding:4px!important}
}
@keyframes statusDotLight{50%{transform:scale(1.25);opacity:.72}}