/* V8: Handrolls y métricas diarias. Alcance limitado a los módulos nuevos. */
.handroll-flavors{border:1px solid #187789;background:#081c24;padding:13px;margin:13px 0;color:#fff}
.handroll-flavors h3{color:#04edfa;margin:0 0 6px;font:800 15px Arial,sans-serif;letter-spacing:.04em}
.handroll-flavors p{margin:0 0 10px;font:12px/1.4 Arial,sans-serif;color:#b7d7dc}
.handroll-flavor-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px;border-top:1px solid #214451}
.handroll-flavor-row strong{font-size:14px}
.handroll-flavor-stepper{display:flex;align-items:center;min-width:128px}
.handroll-flavor-stepper button{height:36px;min-width:35px;background:#04dce8;color:#001012;border:0;cursor:pointer;font-size:22px}
.handroll-flavor-stepper input{width:48px;height:36px;text-align:center;color:#fff;background:#092833;border:1px solid #2d8794;font-size:18px;font-weight:800;appearance:textfield;-moz-appearance:textfield}
.handroll-flavor-stepper input::-webkit-outer-spin-button,.handroll-flavor-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.handroll-calculated{padding:12px 4px 0;color:#fff;font-size:13px;line-height:1.7}
.handroll-calculated strong{color:#35f614}
.handroll-calculated small{display:block;color:#b5d3dc}
.handroll-cart-hint{display:block;color:#8ce5e9;font-size:10px;margin:4px 0}
.sa51-daily-money{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0}
.sa51-daily-money>div{border:1px solid #1c6771;background:#071b23;padding:10px 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.sa51-daily-money small{color:#c3e4e8;font-size:11px;flex-basis:100%}
.sa51-daily-money strong{color:#37f915;font-size:24px}
.sa51-daily-money span{font-size:11px;color:#b0ccd0}
.live-visitors-table td time{font-size:11px;white-space:nowrap;color:#c6e5e8}
@media(max-width:720px){.sa51-daily-money{grid-template-columns:1fr}}

/* V9: edición de rellenos en canasto. */
.handroll-edit-button{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:7px 10px;border:1px solid #06d7e4;background:#082833;color:#44edf6;cursor:pointer;font-size:12px;font-weight:700}
.handroll-edit-button:hover,.handroll-edit-button:focus-visible{background:#124353;outline:1px solid #02e5f3}

/* V12: la cantidad de Handrolls se edita solo desde sus rellenos. */
.cart-item:has([data-handroll-edit]) .cart-item-end{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end}
.cart-item:has([data-handroll-edit]) .handroll-edit-button{margin-top:0;flex:0 1 auto;max-width:100%;white-space:normal;text-align:center;justify-content:center;line-height:1.2}
@media(max-width:700px){.cart-item:has([data-handroll-edit]) .cart-item-end{justify-content:space-between;gap:8px}.cart-item:has([data-handroll-edit]) .handroll-edit-button{font-size:11px;padding:9px 8px}}