.jqmsb{max-width:1000px;margin:1rem auto;padding:0 1rem}
.jqmsb-steps{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.jqmsb .pill{padding:.35rem .6rem;border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc}
.jqmsb .pill.active{background:#111;color:#fff;border-color:#111}
.jqmsb-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}
.jqmsb-form .row{margin-bottom:.75rem}
.jqmsb-form label{display:block;font-weight:600;margin-bottom:.25rem}
.jqmsb-form input,.jqmsb-form select,.jqmsb-form textarea{width:100%;padding:.55rem;border:1px solid #d1d5db;border-radius:.5rem}
.jqmsb-form .flex{display:flex;gap:.5rem}
.jqmsb-form .flex .col{flex:1}
.jqmsb-form .actions{display:flex;gap:.5rem;justify-content:flex-end}
.jqmsb-form .btn{background:#111;color:#fff;border:none;border-radius:.5rem;padding:.6rem 1rem;cursor:pointer}
.jqmsb-form .btn:hover{opacity:.9}
.jqmsb-form .btn.btn-alt{background:#e5e7eb;color:#111}
.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:1rem}
.summary .box{border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;background:#fafafa}
.thumbs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.thumbs .thumb{width:90px;height:90px;border:1px solid #ddd;border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fafafa}
.thumbs .thumb img{max-width:100%;max-height:100%}
@media(max-width:720px){.grid-2{grid-template-columns:1fr}}

/* Item grid cards */
.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.75rem 0}
.item-card{border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;padding:1rem;text-align:center;cursor:pointer}
.item-card .icon{font-size:28px;margin-bottom:.25rem}
.item-card .title{font-weight:700;margin-bottom:.1rem}
.item-card .price{color:#374151;font-size:.9rem}
.item-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}

.search-row{display:flex;gap:.5rem}
.search-select{flex:1;min-height:40px;border:1px solid #d1d5db;border-radius:.5rem;padding:.4rem}

.items-bag{border:1px solid #e5e7eb;border-radius:.5rem;min-height:64px;padding:.5rem;background:#fff}
.bag-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #eee;padding:.4rem 0}
.bag-line:last-child{border-bottom:none}
.bag-line .nm{font-weight:600}
.qty-ctrls{display:flex;align-items:center;gap:.35rem}
.pill-btn{border:1px solid #d1d5db;border-radius:999px;padding:.1rem .5rem;background:#f8fafc;cursor:pointer}
.pill-btn:hover{background:#eef2f7}
.link{background:transparent;border:none;text-decoration:underline;cursor:pointer}
.link.danger{color:#b91c1c}

.summary .summary-list{min-height:48px;margin:.25rem 0 .75rem}
.promo{margin:.5rem 0}
.promo-row{display:flex;gap:.5rem}
.total-row{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0;font-size:1.05rem}
