/* Shared production-ready admin DataTable layer. */
.admin-app .admin-page,.admin-app .admin-content,.admin-app .admin-erp-page,.admin-production-grid-table,.admin-production-table-wrap{box-sizing:border-box;max-width:100%;min-width:0}
.admin-production-table,.admin-production-table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.admin-production-table>.admin-table-head,.admin-production-table>.admin-table-row{box-sizing:border-box}
.admin-production-table>.admin-table-row>*,.admin-production-native-table td,.admin-production-native-table th{min-width:0;overflow-wrap:anywhere}
.admin-production-native-table{border-collapse:collapse;width:100%}
.admin-production-native-table th{white-space:nowrap}
.admin-production-native-table .admin-native-serial{font-variant-numeric:tabular-nums;font-weight:800;text-align:center}
.admin-production-native-table caption{max-width:100%;overflow-wrap:anywhere;text-align:left}
.admin-production-master-table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.admin-production-grid-table :is(button,a):focus-visible,.admin-production-native-table :is(button,a):focus-visible{outline:3px solid color-mix(in srgb,var(--blue,#30348f) 35%,transparent);outline-offset:2px}
.admin-filter-bar,.admin-log-toolbar,.admin-master-toolbar,.admin-feedback-toolbar{max-width:100%;min-width:0}
.admin-filter-bar input,.admin-filter-bar select,.admin-log-toolbar input,.admin-log-toolbar select,.admin-master-toolbar input,.admin-master-toolbar select,.admin-feedback-toolbar input{box-sizing:border-box;max-width:100%;min-width:0}
.admin-log-pagination,.admin-member-pagination,.admin-approval-pagination,.press-pagination{box-sizing:border-box;max-width:100%}
.admin-app .empty-state,.admin-production-table .empty-state,.admin-production-table-wrap>.notice,.admin-production-table-wrap>p{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}

@media (min-width:1025px){
  .admin-production-table,.admin-production-table-wrap{overflow-x:auto}
  .admin-production-table>.admin-table-head,.admin-production-table>.admin-table-row{padding:14px}
}

@media (min-width:641px) and (max-width:1024px){
  .admin-production-table,.admin-production-table-wrap{overflow-x:auto!important;overflow-y:hidden!important;width:100%}
  .admin-production-table>.admin-table-head,.admin-production-table>.admin-table-row{gap:9px!important;padding:10px!important}
  .admin-production-native-table th,.admin-production-native-table td{padding:10px!important}
  .admin-filter-bar,.admin-log-toolbar,.admin-master-toolbar,.admin-feedback-toolbar{align-items:stretch;display:grid!important;gap:10px;grid-template-columns:minmax(220px,1fr) minmax(160px,auto)}
  .admin-log-pagination,.admin-member-pagination,.admin-approval-pagination,.press-pagination{flex-wrap:wrap;gap:8px}
}

@media (max-width:640px){
  .admin-app .admin-page{overflow-x:clip;padding-inline:12px!important}
  .admin-production-table{background:transparent!important;border:0!important;display:grid!important;gap:10px;overflow:visible!important;width:100%!important}
  .admin-production-table>.admin-table-head{display:none!important}
  .admin-production-table>.admin-table-row{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 5px 14px #0f172a0a;display:grid!important;gap:0!important;grid-template-columns:1fr!important;min-width:0!important;overflow:hidden;padding:0!important;width:100%!important}
  .admin-production-table>.admin-table-row>*{align-items:start!important;border-bottom:1px solid #edf2f7;display:grid!important;gap:10px;grid-column:auto!important;grid-row:auto!important;grid-template-columns:minmax(92px,36%) minmax(0,1fr)!important;justify-content:stretch!important;margin:0!important;min-height:42px;padding:10px 12px!important;text-align:left!important;width:100%!important}
  .admin-production-table>.admin-table-row>*>*{max-width:100%}
  .admin-production-table>.admin-table-row>*:last-child{border-bottom:0}
  .admin-production-table>.admin-table-row>*::before{color:#64748b;content:attr(data-label);font-size:10px;font-weight:900;letter-spacing:.02em;line-height:1.35;text-transform:uppercase}
  .admin-production-table .admin-global-serial,.admin-production-table .admin-uploader-serial{background:#f8fafc!important;border-radius:0!important;justify-content:stretch!important}
  .admin-production-table .admin-actions,.admin-production-table .admin-global-actions,.admin-production-table .admin-approval-actions,.admin-production-table .admin-member-actions{align-items:center!important;display:flex!important;flex-flow:row wrap!important;gap:8px!important;white-space:normal!important}
  .admin-production-table .admin-actions::before,.admin-production-table .admin-global-actions::before,.admin-production-table .admin-approval-actions::before,.admin-production-table .admin-member-actions::before{flex:0 0 min(92px,36%)}
  .admin-production-table .admin-actions :is(button,a){align-items:center;display:inline-flex;justify-content:center;min-height:42px;min-width:42px}
  .admin-production-table .admin-icon-action-only,.admin-production-table .admin-listing-icon-action{height:42px!important;min-width:42px!important;width:42px!important}

  .admin-production-master-table{background:transparent!important;border:0!important;display:grid!important;gap:10px;overflow:visible!important;width:100%!important}
  .admin-production-master-table>.admin-master-table-head{display:none!important;grid-template-columns:1fr!important;min-width:0!important}
  .admin-production-master-table>.admin-master-table-row{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 5px 14px #0f172a0a;display:grid!important;gap:0!important;grid-template-columns:1fr!important;min-width:0!important;overflow:hidden;padding:0!important;width:100%!important}
  .admin-production-master-table>.admin-master-table-row>*{align-items:start!important;border-bottom:1px solid #edf2f7;display:grid!important;gap:10px;grid-column:auto!important;grid-row:auto!important;grid-template-columns:minmax(92px,36%) minmax(0,1fr)!important;margin:0!important;min-height:42px;padding:10px 12px!important;text-align:left!important;width:100%!important}
  .admin-production-master-table>.admin-master-table-row>*:last-child{border-bottom:0}
  .admin-production-master-table>.admin-master-table-row>*::before{color:#64748b;content:attr(data-label);font-size:10px;font-weight:900;line-height:1.35;text-transform:uppercase}
  .admin-production-master-table .admin-master-actions{align-items:center!important;display:flex!important;flex-flow:row wrap!important;gap:8px!important}
  .admin-production-master-table .admin-master-actions::before{flex:0 0 min(92px,36%)}
  .admin-production-master-table .admin-master-actions .admin-icon-action-only{height:42px!important;min-width:42px!important;width:42px!important}

  /* Native tables retain native semantics and use contained scrolling. This is
     safer for media, colspan states and dense action columns than forced cards. */
  .admin-production-table-wrap{max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;width:100%}
  .admin-production-native-table{min-width:max(680px,100%)}
  .admin-production-native-table th,.admin-production-native-table td{padding:10px!important;vertical-align:top}
  .admin-production-native-table td{max-width:340px;overflow-wrap:anywhere;word-break:break-word}
  .admin-production-native-table td img{height:auto;max-height:72px;max-width:120px;object-fit:contain;width:auto}
  .admin-production-native-table :is(button,a){min-height:42px}
  .admin-production-native-table :is(a,code){overflow-wrap:anywhere;word-break:break-word}

  .admin-filter-bar,.admin-log-toolbar,.admin-master-toolbar,.admin-feedback-toolbar,.press-list-head{align-items:stretch!important;display:grid!important;gap:9px!important;grid-template-columns:1fr!important}
  .admin-filter-bar>*,.admin-log-toolbar>*,.admin-master-toolbar>*,.admin-feedback-toolbar>*,.press-list-head>*{max-width:none!important;width:100%!important}
  .admin-log-pagination,.admin-member-pagination,.admin-approval-pagination,.press-pagination{align-items:center;display:grid!important;gap:8px;grid-template-columns:1fr auto 1fr;justify-content:stretch!important}
  .admin-log-pagination button,.admin-member-pagination button,.admin-approval-pagination button,.press-pagination button{justify-content:center;min-height:42px;min-width:0;padding-inline:8px;width:100%}
  .admin-log-pagination select,.admin-member-pagination select,.admin-approval-pagination select,.press-pagination select{max-width:100%;min-height:42px;min-width:0}
  .admin-log-pagination>span,.admin-member-pagination>span,.admin-approval-pagination>span,.press-pagination>span{font-size:11px;text-align:center;white-space:nowrap}
  .admin-app .empty-state,.admin-production-table .empty-state,.admin-production-table-wrap>.notice,.admin-production-table-wrap>p{min-width:0!important;padding:20px 12px!important;width:100%!important}
}

@media (max-width:374px){
  .admin-app .admin-page{padding-inline:8px!important}
  .admin-production-table>.admin-table-row>*{gap:7px;grid-template-columns:82px minmax(0,1fr)!important;padding:9px!important}
  .admin-production-master-table>.admin-master-table-row>*{gap:7px;grid-template-columns:82px minmax(0,1fr)!important;padding:9px!important}
  .admin-production-table .admin-actions::before,.admin-production-table .admin-global-actions::before,.admin-production-table .admin-approval-actions::before,.admin-production-table .admin-member-actions::before{flex-basis:82px}
  .admin-log-pagination,.admin-member-pagination,.admin-approval-pagination,.press-pagination{grid-template-columns:1fr 1fr!important}
  .admin-log-pagination>span,.admin-member-pagination>span,.admin-approval-pagination>span,.press-pagination>span{grid-column:1/-1;grid-row:1}
}
