.quantity-stepper{display:inline-grid;grid-template-columns:26px 28px 26px;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:rgba(255,255,255,.65);min-height:30px}.quantity-stepper button{border:0;background:transparent;color:var(--ink);font:800 18px/1 Manrope;min-height:30px;padding:0;cursor:pointer}.quantity-stepper button:active{background:var(--lime)}.quantity-stepper b{text-align:center;font:800 12px Manrope;border-left:1px solid var(--line);border-right:1px solid var(--line);line-height:30px}.grocery-item{grid-template-columns:29px auto minmax(80px,1fr) 105px 34px 28px 28px}.item-edit{border:0;background:none;color:var(--ink);font:750 9px Manrope;cursor:pointer;padding:5px 0}.item-edit:hover{color:var(--orange)}.item-edit-dialog{width:min(430px,calc(100% - 28px))}.item-edit-dialog form{display:grid;gap:10px}.item-edit-dialog .dialog-head{margin-bottom:5px}.item-quantity-input{max-width:120px;border:1px solid var(--line)!important;background:white!important;border-radius:8px!important}.item-edit-dialog .dialog-actions{margin-top:8px}
@media(max-width:900px){.grocery-item{grid-template-columns:29px auto minmax(70px,1fr) 85px 32px 25px 25px}}
.confirm-dialog{width:min(430px,calc(100% - 28px))}.confirm-content{padding:24px}.confirm-content .dialog-head{margin-bottom:8px}.confirm-content p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.destructive-button{background:var(--orange);color:white}
@media(max-width:560px){.grocery-item{grid-template-columns:27px auto minmax(70px,1fr) 31px 25px 25px;padding-left:10px;padding-right:10px;gap:6px}.grocery-item .dept-select{display:none}.quantity-stepper{grid-template-columns:25px 25px 25px}.mobile-draft-row{grid-template-columns:27px auto minmax(0,1fr) auto}.draft-item-name{font-size:13px;font-weight:650;overflow-wrap:anywhere}.mobile-draft-actions{gap:1px}.mobile-draft-row .quantity-stepper button{padding:0;color:var(--ink)}.mobile-draft-row .quantity-stepper b{font-size:11px}.mobile-draft-row .draft-check{width:23px;height:23px;padding:0;border:1.5px solid #a6ada8;background:var(--paper);border-radius:6px;color:white;font:800 13px Manrope}.mobile-draft-row .draft-check.checked{background:var(--ink);border-color:var(--ink)}.mobile-draft-row.done .draft-item-name{text-decoration:line-through;color:#9da49f}.item-edit-dialog{margin:auto}}