/* Direct deal/variation selection + centered modals on customer and bill pages */
#dealModal.modal-backdrop,
.modal-backdrop#dealModal,
#ooOptionPreviewModal.oo-option-preview-backdrop{
    align-items:center!important;
    justify-content:center!important;
    padding:14px!important;
}
#dealModal.open,
#ooOptionPreviewModal.open{display:flex!important;}
#dealModal .modal-card,
#ooOptionPreviewModal .oo-option-preview-card{
    margin:auto!important;
    transform:none!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    width:min(620px,100%)!important;
    max-height:92vh!important;
    overflow:auto!important;
    border-radius:26px!important;
}
.oo-deal-preview-block{display:flex;gap:12px;align-items:flex-start;margin:12px 0 14px;padding:12px;border:1px solid #e5e7eb;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc)}
.oo-deal-preview-img{width:76px!important;height:76px!important;border-radius:16px;background:#fff;border:1px solid #e5e7eb;object-fit:contain!important;object-position:center center!important;padding:4px;flex-shrink:0;box-sizing:border-box}
.oo-deal-preview-name{font-size:13px;font-weight:1000;color:#0f172a;margin-bottom:4px}
.oo-deal-preview-desc{font-size:13px;font-weight:800;line-height:1.45;color:#475569;white-space:pre-wrap}
.oo-option-preview-backdrop{position:fixed;inset:0;z-index:99998;display:none;background:rgba(15,23,42,.66);backdrop-filter:blur(8px)}
.oo-option-preview-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 34px 100px rgba(15,23,42,.36);display:flex;flex-direction:column;overflow:hidden!important}
.oo-option-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#0f172a,#2563eb,#7c3aed);color:#fff}
.oo-option-preview-head h3{margin:0;font-size:21px;line-height:1.2}.oo-option-close{width:38px;height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:22px;font-weight:1000;cursor:pointer}
.oo-option-preview-body{padding:15px;overflow:auto;background:linear-gradient(180deg,#fff,#f8fbff)}
.oo-option-detail-block{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;padding:12px;border:1px solid #e5e7eb;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc)}
.oo-option-image-frame{width:76px;height:76px;min-width:76px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden;flex-shrink:0;box-sizing:border-box}.oo-option-image-frame img{width:100%;height:100%;object-fit:contain!important;object-position:center center!important;padding:4px;box-sizing:border-box}.oo-option-no-image{font-size:32px;color:#94a3b8}
.oo-option-preview-name{font-size:13px;font-weight:1000;color:#0f172a;margin-bottom:4px}
.oo-option-description{font-size:13px;font-weight:800;line-height:1.45;color:#475569;white-space:pre-wrap}.oo-option-list{display:grid;gap:9px}.oo-option-row{display:flex;align-items:center;gap:10px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;padding:11px;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.04)}.oo-option-row.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 10px 24px rgba(37,99,235,.12)}.oo-option-row input{accent-color:#2563eb}.oo-option-row strong{display:block;font-size:14px;color:#0f172a}.oo-option-row small{display:block;margin-top:3px;color:#64748b;font-weight:900;line-height:1.35}
.oo-option-footer{display:flex;gap:10px;align-items:center;padding:13px 15px;border-top:1px solid #e5e7eb;background:#fff;position:sticky;bottom:0}.oo-option-qty{display:flex;align-items:center;gap:5px;padding:3px;border:1px solid #dbe3ef;border-radius:999px;background:#fff}.oo-option-qty button{width:36px;height:36px;border:0;border-radius:50%;background:#111827;color:#fff;font-size:20px;font-weight:1000;cursor:pointer}.oo-option-qty span{min-width:34px;text-align:center;font-weight:1000}.oo-option-add{flex:1;min-height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-weight:1000;cursor:pointer}.oo-option-add:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:640px){#dealModal.modal-backdrop,.modal-backdrop#dealModal,#ooOptionPreviewModal.oo-option-preview-backdrop{align-items:center!important;justify-content:center!important;padding:9px!important}#dealModal .modal-card,#ooOptionPreviewModal .oo-option-preview-card{width:100%!important;max-height:92vh!important;border-radius:22px!important;margin:auto!important}.oo-option-preview-head{padding:13px 14px}.oo-option-preview-head h3{font-size:18px}.oo-option-preview-body{padding:12px}.oo-option-image-frame{width:68px;height:68px;min-width:68px}.oo-option-footer{padding:10px 12px}.oo-deal-preview-block{margin-top:10px}.oo-deal-preview-img{width:68px;height:68px;padding:3px}}

/* Keep modal preview images exactly in the older bill-page size. Do not affect item-card image frames. */
#dealModal .oo-deal-preview-img,
#ooOptionPreviewModal .oo-option-image-frame{
    width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;padding:4px!important;box-sizing:border-box!important;
}
#ooOptionPreviewModal .oo-option-image-frame img{padding:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;}
@media(max-width:640px){
    #dealModal .oo-deal-preview-img,
    #ooOptionPreviewModal .oo-option-image-frame{width:68px!important;height:68px!important;min-width:68px!important;max-width:68px!important;padding:3px!important;}
}