.commerce-panel{margin:1.5rem 0;padding:1.5rem;background:#fff;border:1px solid #dbe4ed;border-radius:1rem;color:#142e3d}.commerce-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.commerce-panel h2{margin:.2rem 0 .6rem}.commerce-tools{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin:1.5rem 0}.commerce-tools form{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap;padding:1rem;border:1px solid #e1e8ef;border-radius:.75rem}.commerce-panel label,.commerce-dialog label{display:grid;gap:.4rem;font-weight:600;margin:.7rem 0}.commerce-panel input,.commerce-panel select,.commerce-dialog input{font:inherit;box-sizing:border-box;padding:.75rem;border:1px solid #b8cadb;border-radius:.6rem;background:#fff;color:#142e3d;max-width:100%;min-width:0}.commerce-panel input:focus,.commerce-panel select:focus,.commerce-dialog input:focus,.commerce-dialog button:focus{outline:3px solid #57a6e0;outline-offset:2px}.commerce-table-wrap{overflow-x:auto}.commerce-panel table{width:100%;border-collapse:collapse}.commerce-panel th,.commerce-panel td{text-align:left;border-bottom:1px solid #e1e8ef;padding:.8rem;vertical-align:top;overflow-wrap:anywhere}.commerce-actions{display:flex;gap:.4rem;flex-wrap:wrap;min-width:15rem}.commerce-pager{display:flex;align-items:center;gap:1rem;justify-content:center;flex-wrap:wrap;margin:1.2rem 0}.commerce-job{border:1px solid #dbe4ed;border-radius:.75rem;padding:1rem;margin:.8rem 0}.commerce-modal{position:fixed;inset:0;z-index:10000;background:#0b192fbb;display:flex;align-items:center;justify-content:center;padding:1rem}.commerce-dialog{box-sizing:border-box;width:min(100%,38rem);max-height:90dvh;overflow-y:auto;background:#fff;border-radius:1rem;padding:1.5rem;color:#142e3d;box-shadow:0 20px 80px #0005}.commerce-dialog h2{margin-top:0}.commerce-dialog p{line-height:1.55;overflow-wrap:anywhere}.commerce-warning{padding:1rem;background:#fff3d7;border-left:4px solid #ba7e16;border-radius:.3rem}.commerce-panel .commerce-check,.commerce-dialog .commerce-check{display:flex;gap:.7rem;align-items:start;font-weight:400;line-height:1.5}.commerce-check input{flex:none;margin-top:.3rem;min-height:1.2rem;min-width:1.2rem}.commerce-dialog button{margin:.5rem .3rem .1rem 0}.commerce-owned{padding-left:1.2rem}.commerce-owned li{padding:.5rem 0;overflow-wrap:anywhere}.commerce-panel button:disabled,.commerce-dialog button:disabled{opacity:.55;cursor:not-allowed}[data-activation]{max-width:38rem}.commerce-dialog [role=status]{font-size:.95rem}@media(max-width:640px){.commerce-panel{padding:1rem}.commerce-tools,.commerce-tools form{display:grid;width:100%;box-sizing:border-box}.commerce-tools input,.commerce-tools select{width:100%}.commerce-modal{padding:.6rem}.commerce-dialog{padding:1.2rem}.commerce-pager{gap:.6rem;font-size:.9rem}.commerce-panel .button,.commerce-dialog .button{min-height:44px}.commerce-actions{min-width:12rem}}

.commerce-panel .button,.commerce-dialog .button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.65rem .9rem;font:inherit;font-weight:600;border:1px solid #b8cadb;border-radius:.6rem;cursor:pointer;background:#eef4fa;color:#183a58;text-decoration:none}.commerce-panel .button.primary,.commerce-dialog .button.primary{background:#155fa7;border-color:#155fa7;color:#fff}.commerce-panel .button.danger,.commerce-dialog .button.danger{background:#fff0f1;border-color:#dfb5bc;color:#a52638}

/* Checkboxes must not inherit the admin form's width:100% / 44px fields. */
.commerce-panel .commerce-check,.commerce-dialog .commerce-check{display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.7rem;max-width:100%;min-width:0}
.commerce-check>span{min-width:0;overflow-wrap:anywhere}
.commerce-panel .commerce-check input[type=checkbox],.commerce-dialog .commerce-check input[type=checkbox]{display:block;box-sizing:border-box;width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;margin:.15rem 0 0;padding:0;accent-color:#155fa7}
.commerce-dialog form{min-width:0}.commerce-dialog form>label:not(.commerce-check){display:grid;grid-template-columns:minmax(0,1fr)}
.commerce-table-wrap table{min-width:60rem}.commerce-panel th:nth-child(1){width:14rem}.commerce-panel th:nth-child(2){width:7rem;white-space:nowrap}.commerce-panel td:nth-child(2){white-space:nowrap}

.commerce-print-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;padding:16px;border:1px solid #d4dfdf;border-radius:14px;background:#f6f9f4}.commerce-print-tools p{flex-basis:100%;margin:0;font-size:.9rem;color:#526570}.commerce-print-tools input[type=checkbox],[data-print-choice]{min-width:20px;min-height:20px}
