/* Geometry and timing are driven by one reversible timeline in quantity-liquid.js. */
#app-view #item-form:not(.checklist-item-form) {
  grid-template-columns: minmax(0,1fr) var(--quantity-space,60px) 36px !important;
  gap: 6px; transition: none !important;
}
#app-view #item-form #item-quantity-control {
  position: relative; display: block !important; width: var(--quantity-space,60px) !important;
  height: 36px; overflow: visible; border: 0; background: transparent;
  transition: none !important;
}
#app-view #item-form #item-quantity-control::after { display: none !important; }
#app-view #item-form #item-quantity-control .quick-add-goo-layer {
  position: absolute; inset: 0; display: block !important; opacity: 1 !important;
  pointer-events: none; filter: url(#quantity-liquid); animation: none !important;
}
#app-view #item-form #item-quantity-control .quick-add-goo-layer span {
  position: absolute; top: 0; left: auto !important; height: 36px;
  background: #eff6ff; border-radius: 12px;
  transform: none !important; transition: none !important; animation: none !important;
}
#app-view #item-form #item-quantity-control .quick-add-goo-quantity { right: 0; width: var(--qw,60px) !important; }
#app-view #item-form #item-quantity-control .quick-add-goo-unit { right: var(--ur,10px); width: 40px; }
#app-view #item-form #item-quantity-control #item-quantity-stepper {
  position: absolute; right: 0; top: 0; display: flex !important; align-items: center;
  justify-content: center !important; gap: 0 !important; width: var(--qw,60px) !important;
  height: 36px; padding: 0; border: 0; box-shadow: none; border-radius: 12px;
  min-width: 0; min-height: 36px; left: auto;
  background: #eff6ff !important; z-index: 3;
  transform: none !important; transition: none !important; animation: none !important;
}
#app-view #item-form #item-quantity-control #item-quantity-stepper::after { display: none !important; }
#app-view #item-form #item-quantity-control #item-quantity-stepper button {
  display: grid !important; place-items: center; width: 24px; min-width: 0; flex: 1 1 24px;
  height: 34px; padding: 0; background: transparent;
  min-height: 34px; border: 0; color: var(--lists-ink); cursor: pointer;
  opacity: var(--qtext,0); visibility: var(--qvisibility,hidden);
  transform: none !important; animation: none !important;
}
#app-view #item-form #item-quantity-control #item-quantity-input {
  width: 24px; flex: 0 0 24px; color: var(--lists-ink) !important;
  min-width: 0; height: 34px; min-height: 34px; padding: 0; margin: 0;
  border: 0; background: transparent; text-align: center; font-size: 14px;
  opacity: var(--qtext,0); animation: none !important;
}
#app-view #item-form #item-quantity-control .item-quantity-compact-label {
  position: absolute; inset: 0; display: grid !important; place-items: center;
  opacity: var(--compact,1); pointer-events: none; font-size: 14px;
}
#app-view #item-form #item-quantity-control > #item-unit-select {
  display: block !important; position: absolute !important; top: 0 !important; left: auto !important;
  right: var(--ur,10px); width: 40px !important; height: 36px;
  padding: 0; border: 0; border-radius: 12px; background: transparent; box-shadow: none;
  overflow: visible; opacity: var(--unittext,0) !important;
  visibility: var(--unitvisibility,hidden) !important; pointer-events: var(--unitpointer,none) !important;
  z-index: 2; transform: none !important; animation: none !important; transition: none !important;
}
#app-view #item-form #item-quantity-control > #item-unit-select:has([aria-expanded="true"]) { z-index: 30; }
#app-view #item-form #item-quantity-control .item-unit-trigger {
  display: grid; place-items: center; grid-template-columns: 1fr; width: 40px; height: 36px;
  padding: 0; border: 0; border-radius: 12px; box-shadow: none; background: transparent !important; animation: none !important;
}
#app-view #item-form #item-quantity-control .item-unit-trigger .icon { display: none; }
#app-view #item-form.checklist-item-form #item-quantity-control { display: none !important; }
#app-view #item-form #item-quantity-control #item-unit-label { font-size: 14px; line-height: 1; font-weight: 400; color: var(--lists-ink); }