/* MBus WMS v144 - popravek izrezanega pogleda */

/* Nastavitve: več prostora in brez odrezovanja vsebine */
body.mbus-route-nastavitve-v144 main {
  overflow-x: auto !important;
  overflow-y: visible !important;
}
body.mbus-route-nastavitve-v144 main > div,
body.mbus-route-nastavitve-v144 [class*="container"],
body.mbus-route-nastavitve-v144 [class*="max-w-"] {
  max-width: none !important;
}
body.mbus-route-nastavitve-v144 main > div {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
body.mbus-route-nastavitve-v144 [role="tablist"],
body.mbus-route-nastavitve-v144 .mbus-scan-mode-v144-card {
  overflow-x: auto !important;
  scrollbar-width: thin;
}
body.mbus-route-nastavitve-v144 [role="tablist"] {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  padding: 6px !important;
}
body.mbus-route-nastavitve-v144 [role="tab"] {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* Admin debug in kartice naj ne lezejo pod levi meni */
body.mbus-route-nastavitve-v144 .mbus-scan-mode-v144-card,
body.mbus-route-nastavitve-v144 [data-slot="card"],
body.mbus-route-nastavitve-v144 .rounded-xl,
body.mbus-route-nastavitve-v144 .rounded-lg {
  min-width: 0 !important;
}

/* Plavajoči gumbi naj na desktopu ne pokrivajo vsebine nastavitev */
body.mbus-route-nastavitve-v144 .mbus-access-v144-top {
  top: 72px !important;
  right: 14px !important;
}
body.mbus-route-nastavitve-v144 .mbus-license-pill.ok {
  transform: scale(.88);
  transform-origin: right bottom;
}

/* Na ožjih ekranih zmanjšamo robove. */
@media (max-width: 900px) {
  body.mbus-route-nastavitve-v144 main > div {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body.mbus-route-nastavitve-v144 .mbus-scan-mode-v144-card {
    display: block !important;
  }
}


/* v144: kompaktnejši desktop pogled in več odmika od levega menija */
@media (min-width: 901px) {
  body:not(.mbus-terminal-mode) {
    font-size: 13px !important;
  }

  body:not(.mbus-terminal-mode) main {
    font-size: 13px !important;
    overflow-x: auto !important;
  }

  body:not(.mbus-terminal-mode) main > div {
    padding-left: 24px !important;
    padding-right: 24px !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body:not(.mbus-terminal-mode) h1 {
    font-size: 22px !important;
    line-height: 1.05 !important;
  }

  body:not(.mbus-terminal-mode) h2,
  body:not(.mbus-terminal-mode) h3 {
    font-size: 17px !important;
    line-height: 1.15 !important;
  }

  body:not(.mbus-terminal-mode) button {
    font-size: 12px !important;
    min-height: 32px !important;
  }

  body:not(.mbus-terminal-mode) input,
  body:not(.mbus-terminal-mode) select,
  body:not(.mbus-terminal-mode) textarea {
    font-size: 13px !important;
  }

  body:not(.mbus-terminal-mode) table {
    font-size: 12px !important;
  }
}

/* v144: lokacije generator bolj kompakten, da ne reže levo/desno */
.mbus-label-v144-location-generator {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 10px !important;
}
.mbus-label-v144-location-generator-head strong {
  font-size: 14px !important;
}
.mbus-label-v144-location-generator-head small {
  font-size: 11px !important;
}
.mbus-label-v144-location-grid {
  grid-template-columns: repeat(4, minmax(90px, 1fr)) !important;
  gap: 8px !important;
}
.mbus-label-v144-location-grid label {
  font-size: 11px !important;
}
.mbus-label-v144-location-grid input,
.mbus-label-v144-location-grid select {
  height: 34px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
.mbus-label-v144-location-actions button,
.mbus-label-v144-inline-location-m221 {
  min-height: 32px !important;
  font-size: 12px !important;
  padding: 0 10px !important;
}

/* v144: prepreči, da plavajoči gumbi prekrijejo vsebino */
body:not(.mbus-terminal-mode) .mbus-license-pill.ok {
  transform: scale(.82);
  transform-origin: right bottom;
  right: 12px !important;
  bottom: 72px !important;
}
body:not(.mbus-terminal-mode) #wms-sound-toggle,
body:not(.mbus-terminal-mode) .mbus-sound-pill {
  right: 12px !important;
  bottom: 14px !important;
  transform: scale(.88);
  transform-origin: right bottom;
}

/* v144: na prodani verziji / kupcu skrij nakup admin gumbe, če JS še ni uspel preveriti platform admina */
body:not(.mbus-platform-owner) .mbus-purchase-admin-link-v144,
body:not(.mbus-platform-owner) .mbus-purchase-admin-link-v144-side {
  display: none !important;
}
body.mbus-platform-owner .mbus-purchase-admin-link-v144,
body.mbus-platform-owner .mbus-purchase-admin-link-v144-side {
  display: inline-flex !important;
}
body.mbus-platform-owner .mbus-purchase-admin-link-v144-side {
  display: flex !important;
}


/* v144: močnejši popravek desktop pogleda, da vsebina ne reže ob levem meniju */
@media (min-width: 901px) {
  html.mbus-view-fix-v144,
  html.mbus-view-fix-v144 body {
    font-size: 12px !important;
  }

  body:not(.mbus-terminal-mode) main {
    margin-left: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    max-width: calc(100vw - 245px) !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
  }

  body:not(.mbus-terminal-mode) main * {
    font-size: min(1em, 13px) !important;
  }

  body:not(.mbus-terminal-mode) main h1,
  body:not(.mbus-terminal-mode) main h1 * {
    font-size: 20px !important;
    line-height: 1.05 !important;
  }

  body:not(.mbus-terminal-mode) main h2,
  body:not(.mbus-terminal-mode) main h2 *,
  body:not(.mbus-terminal-mode) main h3,
  body:not(.mbus-terminal-mode) main h3 * {
    font-size: 16px !important;
    line-height: 1.12 !important;
  }

  body:not(.mbus-terminal-mode) aside,
  body:not(.mbus-terminal-mode) nav {
    font-size: 12px !important;
  }

  body:not(.mbus-terminal-mode) button {
    font-size: 12px !important;
  }
}

/* v144: lokacije panel naj ne ustvari desnega horizontalnega reza */
body:not(.mbus-terminal-mode) #mbus-label-v144-m221-page-panel,
body:not(.mbus-terminal-mode) .mbus-label-v144-m221-panel {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  display: block !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-m221-panel > div:first-child {
  font-size: 12px !important;
  max-width: 180px !important;
  line-height: 1.25 !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-location-generator {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  padding: 10px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-location-generator-head {
  gap: 8px !important;
  margin-bottom: 8px !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-location-generator-head strong {
  font-size: 14px !important;
  line-height: 1.15 !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-location-generator-head small {
  font-size: 11px !important;
  line-height: 1.25 !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-location-grid {
  grid-template-columns: repeat(4, minmax(86px, 1fr)) !important;
  gap: 7px !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-location-grid label {
  font-size: 11px !important;
  gap: 3px !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-location-grid input,
body:not(.mbus-terminal-mode) .mbus-label-v144-location-grid select {
  height: 32px !important;
  font-size: 12px !important;
  padding: 5px 7px !important;
  border-radius: 9px !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-location-actions {
  gap: 7px !important;
  margin-top: 8px !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-location-actions button {
  min-height: 31px !important;
  height: 31px !important;
  font-size: 11px !important;
  padding: 0 9px !important;
}
body:not(.mbus-terminal-mode) .mbus-label-v144-location-sample,
body:not(.mbus-terminal-mode) .mbus-label-v144-location-generator p,
body:not(.mbus-terminal-mode) .mbus-label-v144-location-generator small {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

/* v144: če je ekran manjši, še bolj kompaktno */
@media (min-width: 901px) and (max-width: 1400px) {
  body:not(.mbus-terminal-mode) .mbus-label-v144-location-generator {
    max-width: 700px !important;
  }
  body:not(.mbus-terminal-mode) .mbus-label-v144-location-grid {
    grid-template-columns: repeat(4, minmax(78px, 1fr)) !important;
  }
}