/* =========================================================
   STOCK — quick add bar + tomselect + header actions
   ========================================================= */

@media (max-width: 520px){
  .rp-stock-topbtn{
    width: 50%;
    justify-content: center;
  }
}

.rp-quickadd{ margin: 0; }

.rp-quickadd__bar{
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 10px 12px;
  border-radius: var(--rp-radius-lg);

  background: linear-gradient(180deg, rgba(231,243,219,.85), rgba(217,238,200,.75)) !important;
  border: 1px solid rgba(120,150,120,.18) !important;

  box-shadow:
    var(--rp-shadow-inset),
    0 10px 18px rgba(60,90,60,.14);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.rp-quickadd__field{
  flex: 1 1 auto;
  min-width: 0;
}

.rp-quickadd__input{
  width: 100%;
  height: 46px;

  border-radius: var(--rp-radius-md);
  border: 1px solid var(--rp-border);
  background: rgba(255,255,255,.78);

  padding: 0 14px;

  color: var(--rp-text);
  font-weight: 700;

  outline: none;
  box-shadow: var(--rp-shadow-inset);

  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.rp-quickadd__input::placeholder{
  color: rgba(47,58,47,.55);
  font-weight: 700;
}

/* Mini champs */
.rp-quickadd__mini{ flex: 0 0 auto; }

.rp-quickadd__miniInput,
.rp-quickadd__miniSelect,
.rp-quickadd__miniFake{
  height: 46px;
  width: 92px;

  border-radius: var(--rp-radius-md);
  border: 1px solid var(--rp-border);
  background: rgba(255,255,255,.78);

  padding: 0 12px;

  color: var(--rp-text);
  font-weight: 800;

  outline: none;
  box-shadow: var(--rp-shadow-inset);

  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.rp-quickadd__miniFake{
  display: grid;
  place-items: center;
  color: rgba(47,58,47,.60);
  user-select: none;
}

.rp-quickadd__miniInput:focus,
.rp-quickadd__miniSelect:focus{
  background: #fff;
  border-color: rgba(140,185,90,.45);
  box-shadow:
    0 0 0 3px rgba(150,200,100,.22),
    var(--rp-shadow-inset);
}

/* Bouton ajouter */
.rp-quickadd__btn{
  height: 50px;
  padding: 0 18px;

  border: none;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: var(--rp-green-text);
  font-weight: 900;
  letter-spacing: -.01em;

  background: linear-gradient(180deg, var(--rp-green-start), var(--rp-green-end));

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 8px 18px rgba(120,170,80,.45);

  text-shadow: 0 1px 0 rgba(0,0,0,.20);

  transition: transform .08s ease, filter .12s ease, box-shadow .15s ease;
}
.rp-quickadd__btn:hover{
  filter: brightness(1.03);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 10px 22px rgba(120,170,80,.52);
}
.rp-quickadd__btn:active{
  transform: translateY(1px);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.20),
    0 6px 14px rgba(120,170,80,.35);
}
.rp-quickadd__btn:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(150,200,100,.35),
    0 10px 22px rgba(120,170,80,.45);
}

.rp-quickadd__btnIcon{
  width: 28px;
  height: 28px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30);
  font-size: 18px;
  line-height: 1;
}
.rp-quickadd__btnChevron{
  opacity: .9;
  font-size: 18px;
  line-height: 1;
}

/* Erreurs form */
.rp-quickadd .invalid-feedback,
.rp-quickadd .form-error-message{
  margin-top: 6px;
}

/* Mobile quick add */
@media (max-width: 520px){
  .rp-quickadd__bar{
    gap: 10px;
    padding: 10px;
    flex-wrap: wrap;
  }
  .rp-quickadd__field{
    flex: 0 0 100%;
    width: 100%;
  }
  .rp-quickadd__mini{
    flex: 0 0 calc(50% - 5px);
    width: calc(50% - 5px);
  }
  .rp-quickadd__miniInput,
  .rp-quickadd__miniSelect,
  .rp-quickadd__miniFake{
    width: 100%;
  }
  .rp-quickadd__btn{
    width: 100%;
    justify-content: center;
  }
}

/* TomSelect in quickadd */
.rp-quickadd .ts-wrapper.rp-quickadd__input{
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  padding: 0px;
}

.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-control{
  position: relative;
  height: 46px;
  min-height: 46px;

  padding: 0 34px 0 10px;
  border-radius: var(--rp-radius-md);

  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;

  display: flex;
  align-items: center;

  cursor: pointer;
}

.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-control,
.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-control *{
  background: transparent !important;
}

.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-control input{
  width: 1px !important;
  min-width: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-control .clear-button{
  display: none !important;
}

.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-control:hover{
  background: rgba(255,255,255,.25) !important;
  border-color: rgba(120,150,120,.18) !important;
}

.rp-quickadd .ts-wrapper.rp-quickadd__input.focus .ts-control{
  background: rgba(255,255,255,.40) !important;
  border-color: rgba(140,185,90,.45) !important;
  box-shadow: 0 0 0 3px rgba(150,200,100,.22) !important;
}

.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-control::after{
  content: "▾";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  color: rgba(47,58,47,.55);
  pointer-events: none;
}

.rp-quickadd .ts-wrapper.rp-quickadd__input.dropdown-active .ts-control::after{
  transform: translateY(-50%) rotate(180deg);
}

.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-dropdown{
  border-radius: 16px;
  border: 1px solid rgba(120,150,120,.25);
  box-shadow: 0 14px 26px rgba(60,90,60,.18);
  background: #fff;
  overflow: hidden;
}
.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-dropdown .option{
  padding: .55rem .9rem;
  font-weight: 700;
  color: var(--rp-text);
}
.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-dropdown .option.active{
  background: rgba(166,210,123,.20);
}
.rp-quickadd .ts-wrapper.rp-quickadd__input .ts-dropdown .option.selected{
  background: rgba(166,210,123,.30);
}

/* Stock header actions */
.rp-stock-actions{
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
}

/* Mobile: actions full width + boutons 50/50 */
@media (max-width: 575.98px){
  .rp-stock-actions{ width: 100%; }
  .rp-stock-topactions{
    width: 100%;
    justify-content: space-between;
  }

  .rp-stock-topbtn{
    flex: 0 0 50%;
    max-width: 50%;
    justify-content: center;
    white-space: nowrap;
  }
}
/* Stock - unit select inside quickadd miniFake */
.rp-quickadd__miniFake {
  display: flex;
  align-items: center;
}

/* enlève le look bootstrap */
.rp-quickadd__miniSelect {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0px 0px 0px 5px !important;
  margin: 0 !important;
  height: auto !important;
  line-height: 1.1;
  font-weight: 700;
  color: var(--rp-text);
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
}

/* optionnel : focus propre */
.rp-quickadd__miniSelect:focus {
  outline: none !important;
  box-shadow: none !important;
}