/* OmniVenta V62.35 — global visibility fix for the compact "new item" action.
   CSS-only: no observers, no runtime color calculations, no performance penalty.
   The same .add-new-item control is used by Sales, Receivings, Work Orders and Deliveries.
*/

/* Make the action unmistakably interactive in every bundled light/dark theme. */
a.add-new-item,
a.add-new-item:visited {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-width:40px !important;
  min-height:36px !important;
  padding:7px 11px !important;
  border:1px solid var(--ov-primary, #6f42c1) !important;
  border-radius:7px !important;
  background:var(--ov-primary, #6f42c1) !important;
  color:#fff !important;
  opacity:1 !important;
  text-decoration:none !important;
  box-shadow:0 1px 3px rgba(15,23,42,.18) !important;
  transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease !important;
}

a.add-new-item > i,
a.add-new-item > .icon,
a.add-new-item .register-btn-text {
  color:#fff !important;
  opacity:1 !important;
  text-shadow:none !important;
}

a.add-new-item > i,
a.add-new-item > .icon {
  margin:0 !important;
  font-size:16px !important;
  line-height:1 !important;
}

a.add-new-item:hover,
a.add-new-item:focus,
a.add-new-item:active {
  background:var(--ov-primary-deep, #55309d) !important;
  border-color:var(--ov-primary-deep, #55309d) !important;
  color:#fff !important;
  box-shadow:0 2px 7px rgba(15,23,42,.24) !important;
  text-decoration:none !important;
}

a.add-new-item:focus {
  outline:2px solid rgba(255,255,255,.95) !important;
  outline-offset:-4px !important;
}

/* Sales / Receiving scanner: the surrounding addon must not wash out the button. */
.register .register-items-form .item-form .input-group .input-group-addon > a.add-new-item,
#register .input-group-addon > a.add-new-item,
.sales-register .input-group-addon > a.add-new-item,
.receivings-register .input-group-addon > a.add-new-item {
  width:100% !important;
  height:100% !important;
  min-width:40px !important;
  min-height:36px !important;
  box-sizing:border-box !important;
}

/* The icon-only desktop variant should remain compact and centered. */
#new-item.add-new-item {
  width:42px !important;
  min-width:42px !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Mobile variant can keep its label when space is available. */
#new-item-mobile.add-new-item {
  width:auto !important;
  min-width:44px !important;
  padding-left:12px !important;
  padding-right:12px !important;
}

/* If a parent addon is theme-tinted, give it a clean edge around the filled action. */
.register .register-items-form .item-form .input-group .input-group-addon:has(> a.add-new-item) {
  padding:0 !important;
  background:transparent !important;
  border-color:transparent !important;
  opacity:1 !important;
}

/* Touch targets without making desktop toolbars bulky. */
@media (max-width:991px) {
  a.add-new-item { min-height:40px !important; }
  #new-item.add-new-item { width:44px !important; min-width:44px !important; }
}

/* Dark mode fallback when theme variables are absent. */
body.dark-mode a.add-new-item,
.dark-mode a.add-new-item,
body.theme-black a.add-new-item {
  border-color:var(--ov-primary, #8b5cf6) !important;
  background:var(--ov-primary, #8b5cf6) !important;
  color:#fff !important;
}