/* Field help keeps Inventory labels and inputs in their original grid rows. */
#inventoryItemForm .lo-field-heading,
#stockActionForm .lo-field-heading,
.lo-inventory-editor .lo-field-heading{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  flex-wrap:wrap;
  width:100%;
  min-width:0;
  font:inherit;
  line-height:1.45;
}
#inventoryItemForm .lo-inventory-help-trigger,
#stockActionForm .lo-inventory-help-trigger,
.lo-inventory-editor .lo-inventory-help-trigger{
  display:inline-grid;
  place-items:center;
  padding:0;
  margin:0 0 0 1px;
  width:17px;
  height:17px;
  min-width:17px;
  min-height:17px;
  flex:0 0 17px;
  line-height:1;
  font:700 11px/1 system-ui,-apple-system,sans-serif;
  border-radius:50%;
  color:#2d6252;
  background:transparent;
  border:1px solid #86a99b;
  cursor:help;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
#inventoryItemForm .lo-inventory-help-trigger:hover,
#stockActionForm .lo-inventory-help-trigger:hover,
.lo-inventory-editor .lo-inventory-help-trigger:hover,
#inventoryItemForm .lo-inventory-help-trigger[aria-expanded="true"],
#stockActionForm .lo-inventory-help-trigger[aria-expanded="true"],
.lo-inventory-editor .lo-inventory-help-trigger[aria-expanded="true"]{
  background:#315c4d;
  border-color:#315c4d;
  color:#fff;
}
.lo-inventory-help-trigger:focus-visible{
  outline:2px solid #438d74;
  outline-offset:3px;
}
/* The popover is outside scrolling modal cards; modern browsers render it in
   the top layer, so tips remain readable even near the bottom of a form. */
.lo-inventory-help-popover{
  position:fixed;
  inset:auto;
  z-index:2147483000;
  margin:0;
  padding:11px 13px;
  width:max-content;
  max-width:min(272px,calc(100vw - 20px));
  border:1px solid #305848;
  border-radius:10px;
  background:#1e4236;
  color:#f5fbf7;
  box-shadow:0 8px 24px rgba(8,27,18,.22);
  font:500 12px/1.5 system-ui,-apple-system,sans-serif;
  letter-spacing:0;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:left;
  pointer-events:none;
}
.lo-inventory-help-popover[hidden]{display:none!important}
html[data-leisure-contrast="dark"] .lo-inventory-help-trigger{
  color:#e5f6ef!important;
  border-color:#87ad9c!important;
}
html[data-leisure-contrast="dark"] .lo-inventory-help-popover{
  border-color:#a1c6b5;
  background:#172d28;
  color:#f5fff9;
}
@media (prefers-reduced-motion:no-preference){
  .lo-inventory-help-popover{animation:lo-help-appear .12s ease-out}
  @keyframes lo-help-appear{
    from{opacity:.7;transform:translateY(-2px)}
    to{opacity:1;transform:translateY(0)}
  }
}