/* Retter-Portal v1.2.99 – inventory table polish on tablets only. */

/* Dynamically generated local-filter empty rows must really disappear again. */
html body .content .inventory-table-wrap [data-local-filter-empty-row][hidden],
html body .content .inventory-table-wrap [data-local-filter-empty][hidden]{
  display:none!important;
}

.inventory-table-shell{
  position:relative;
  min-width:0;
  max-width:100%;
}

.inventory-scroll-guide{
  display:none;
}

@media (min-width:761px) and (max-width:1180px),
       (min-width:1181px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  /* A visible affordance is preferable to requiring users to change Safari zoom. */
  html body .content .inventory-table-shell.has-horizontal-overflow .inventory-scroll-guide:not([hidden]){
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:36px!important;
    margin:0 0 10px auto!important;
    padding:7px 11px!important;
    border:1px solid var(--line-soft)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.055)!important;
    color:var(--muted)!important;
    box-shadow:0 8px 24px rgba(2,6,23,.10)!important;
    font-size:.76rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html body[data-theme="light"] .content .inventory-table-shell.has-horizontal-overflow .inventory-scroll-guide:not([hidden]){
    background:rgba(255,255,255,.88)!important;
    border-color:rgba(116,132,154,.25)!important;
  }
  html body .content .inventory-scroll-guide > span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    height:22px!important;
    border-radius:999px!important;
    background:rgba(200,16,46,.14)!important;
    color:#ff4d64!important;
    font-size:1rem!important;
    font-weight:1000!important;
  }
  html body .content .inventory-scroll-guide strong{
    color:var(--text)!important;
    font-weight:950!important;
  }
  html body .content .inventory-scroll-guide small{
    color:var(--muted)!important;
    font-size:inherit!important;
    font-weight:750!important;
  }

  html body .content .inventory-table-shell.has-horizontal-overflow:not(.is-at-end)::after{
    content:"";
    position:absolute;
    z-index:3;
    top:46px;
    right:0;
    bottom:0;
    width:34px;
    pointer-events:none;
    border-radius:0 24px 24px 0;
    background:linear-gradient(90deg,transparent,rgba(7,15,29,.84));
  }
  html body[data-theme="light"] .content .inventory-table-shell.has-horizontal-overflow:not(.is-at-end)::after{
    background:linear-gradient(90deg,transparent,rgba(241,245,249,.94));
  }

  html body .content .inventory-table-wrap{
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:stable!important;
  }
  html body .content .inventory-table-wrap::-webkit-scrollbar{
    height:10px!important;
  }
  html body .content .inventory-table-wrap::-webkit-scrollbar-track{
    background:rgba(148,163,184,.10)!important;
    border-radius:999px!important;
  }
  html body .content .inventory-table-wrap::-webkit-scrollbar-thumb{
    background:rgba(148,163,184,.42)!important;
    border:2px solid transparent!important;
    background-clip:padding-box!important;
    border-radius:999px!important;
  }

  /* Keep tablet status pills compact and vertically centred at every browser zoom. */
  html body .content .inventory-table td:nth-child(4){
    min-width:104px!important;
    vertical-align:middle!important;
  }
  html body .content .inventory-table td:nth-child(4) .status{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:32px!important;
    height:32px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:.75rem!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:761px) and (max-width:920px){
  html body .content .inventory-scroll-guide small{display:none!important;}
}