/* Ordini cliente: modale selezione prodotti + box riordini in scadenza */
.bep-ord-overlay { position: fixed; inset: 0; background: rgba(15,30,50,.62); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 99997; display: flex; align-items: center; justify-content: center; padding: 14px; animation: bepOrdFade .25s ease; }
@keyframes bepOrdFade { from { opacity: 0; } to { opacity: 1; } }
.bep-ord-card { background: #fff; border-radius: 20px; max-width: 640px; width: 100%; max-height: 92vh; overflow-y: auto; padding: 26px 24px; box-shadow: 0 24px 70px rgba(10,25,45,.35); animation: bepOrdUp .3s cubic-bezier(.2,.9,.3,1.15); }
@keyframes bepOrdUp { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
.bep-ord-title { font-size: 21px; font-weight: 800; color: #123d72; margin: 0 0 4px; }
.bep-ord-sub { color: #5c6b7f; font-size: 13.5px; margin: 0 0 16px; line-height: 1.5; }
.bep-ord-section { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #24765d; margin: 18px 0 10px; }
.bep-ord-grid { display: grid; gap: 8px; }
.bep-ord-item { display: flex; align-items: center; gap: 11px; border: 1.5px solid #e2eaf2; border-radius: 12px; padding: 10px 12px; cursor: pointer; transition: border-color .15s, background .15s; }
.bep-ord-item:hover { border-color: #9fc3e8; }
.bep-ord-item.sel { border-color: #1f7a4d; background: #f2f9f4; }
.bep-ord-item input { width: 18px; height: 18px; accent-color: #1f7a4d; flex: 0 0 auto; }
.bep-ord-item .info { flex: 1; min-width: 0; }
.bep-ord-item .nm { font-weight: 700; font-size: 13.5px; color: #1e3c72; }
.bep-ord-item .meta { font-size: 11.5px; color: #7b8496; margin-top: 2px; }
.bep-ord-item .pr { text-align: right; font-size: 12.5px; font-weight: 700; color: #123d72; white-space: nowrap; }
.bep-ord-item .pr small { display: block; font-weight: 600; color: #9a3412; font-size: 11px; }
.bep-ord-totals { display: grid; grid-template-columns: repeat(auto-fit,minmax(130px,1fr)); gap: 9px; margin: 14px 0; }
.bep-ord-tot { border-radius: 12px; padding: 11px 12px; border: 1px solid; }
.bep-ord-tot .l { font-size: 10.5px; font-weight: 800; letter-spacing: .05em; }
.bep-ord-tot .v { font-size: 19px; font-weight: 850; margin-top: 3px; }
.bep-ord-active { background: #fffbeb; border: 1px solid #fcd34d; border-radius: 12px; padding: 10px 12px; margin-bottom: 8px; font-size: 13px; color: #78350f; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bep-ord-active .grow { flex: 1; min-width: 180px; }
.bep-ord-pill { border: none; border-radius: 8px; padding: 6px 10px; font-size: 12px; font-weight: 750; cursor: pointer; }
.bep-ord-pill.ok { background: #1f7a4d; color: #fff; }
.bep-ord-pill.del { background: #fee2e2; color: #b91c1c; }
.bep-ord-btn { display: block; width: 100%; border: none; cursor: pointer; background: linear-gradient(135deg,#1f7a4d,#2e9e63); color: #fff; font-size: 15.5px; font-weight: 800; padding: 14px; border-radius: 13px; box-shadow: 0 8px 20px rgba(31,122,77,.3); margin-top: 14px; }
.bep-ord-btn:disabled { opacity: .6; cursor: wait; }
.bep-ord-btn.ghost { background: #eef3f8; color: #123d72; box-shadow: none; }
.bep-ord-close { position: absolute; top: 14px; right: 16px; background: #eef3f8; border: none; border-radius: 50%; width: 34px; height: 34px; font-size: 15px; cursor: pointer; color: #456; }
.bep-ord-date { width: 100%; padding: 11px 12px; border: 1.5px solid #d5e0ea; border-radius: 11px; font-size: 14px; margin-bottom: 4px; }
/* Righe box riordini */
.bep-rio-row { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #dbe5ef; border-radius: 11px; padding: 10px 12px; margin-bottom: 8px; flex-wrap: wrap; }
.bep-rio-row .grow { flex: 1; min-width: 170px; }
.bep-rio-row .who { font-weight: 750; color: #123d72; font-size: 13.5px; }
.bep-rio-row .what { font-size: 12.5px; color: #475569; margin-top: 1px; }
.bep-rio-badge { font-size: 11px; font-weight: 800; border-radius: 20px; padding: 3px 9px; white-space: nowrap; }
.bep-rio-badge.soon { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
.bep-rio-badge.out { background: #fee2e2; color: #b91c1c; border: 1px solid #fca5a5; }
.bep-rio-wa { background: #25d366; color: #fff; text-decoration: none; border-radius: 9px; padding: 7px 11px; font-size: 12.5px; font-weight: 800; white-space: nowrap; }
/* Barra totali + salva sempre visibile in fondo alla modale mentre si scorre */
.bep-ord-sticky { position: sticky; bottom: -26px; margin: 10px -24px -26px; padding: 10px 24px 24px; background: #fff; border-top: 1px solid #eef3f8; box-shadow: 0 -10px 18px rgba(255,255,255,.95); z-index: 5; }