/* AppHub Studio 5.4.1 — fix readable admin table actions */
#categories .table-wrap,#variants .table-wrap,#pages .table-wrap,#orders .table-wrap{overflow-x:auto;max-width:100%}
/* The legacy .mini fixed 30x30px size is appropriate for icon-only controls,
   NOT for controls containing words. */
#categoryRows td:last-child .mini,
#optionsRows td:last-child .mini,
#pagesRows td:last-child .mini,
#orderRows .mini{
  box-sizing:border-box;
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  width:auto !important;
  height:auto !important;
  min-height:36px;
  min-width:72px;
  max-width:none;
  padding:9px 13px;
  margin:3px 7px 3px 0;
  white-space:nowrap;
  line-height:1.25;
  font-size:12px;
  font-weight:700;
  letter-spacing:0;
  text-align:center;
  border-radius:9px;
  transition:background .16s,color .16s,box-shadow .16s;
}
#categoryRows td:last-child,#optionsRows td:last-child,#pagesRows td:last-child{min-width:286px;white-space:nowrap;vertical-align:middle}
#pagesRows td:last-child{min-width:310px}
#categoryRows td:last-child .mini.danger,#optionsRows td:last-child .mini.danger,#pagesRows td:last-child .mini.danger{background:#fff0f2;color:#c33d52}
#categoryRows td:last-child .mini:hover,#optionsRows td:last-child .mini:hover,#pagesRows td:last-child .mini:hover,#orderRows .mini:hover{background:#ede7fb;color:#6541cc}
#categoryRows td:last-child .mini:focus-visible,#optionsRows td:last-child .mini:focus-visible,#pagesRows td:last-child .mini:focus-visible,#orderRows .mini:focus-visible{outline:3px solid #8d75e5;outline-offset:2px}
/* Keep order action and reference from overlapping. The whole row remains clickable. */
#orderRows td:first-child{min-width:215px;white-space:normal}
#orderRows td:first-child .mini{display:inline-flex;min-width:91px;margin:0 0 10px 0;background:#f0edff;color:#6541cc}
#orderRows td:first-child b{display:block;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.35;margin-bottom:3px}
#orderRows td:first-child small{display:block;line-height:1.45;color:#6b7280}
#orderRows tr[data-order-click]{cursor:pointer}
#orderRows tr[data-order-click]:hover{background:#f5f3ff}
@media(max-width:850px){#categoryRows td:last-child,#optionsRows td:last-child,#pagesRows td:last-child{min-width:280px}}