/* TPS V31-M5A original-code WHMCS-style Products & Plans.
   Compact master-only editor, mobile-first (320px supported). */
#m5a-products{margin:1.2rem 0;padding:1.2rem;border:1px solid #d7e2dc;background:#fff;color:#173026;border-radius:15px;max-width:100%;min-width:0}
#m5a-products *{box-sizing:border-box}
#m5a-products .m5a-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}
#m5a-products h3{margin:.1rem 0 .4rem;font-size:1.35rem}
#m5a-products h4{margin:.2rem 0 .7rem;font-size:1.03rem}
#m5a-products .m5a-muted{color:#58695e;font-size:.92rem;line-height:1.5}
#m5a-products .m5a-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.1rem}
#m5a-products .m5a-form{padding:1rem;background:#f6f9f6;border:1px solid #dce5de;border-radius:12px;min-width:0}
#m5a-products label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.91rem;margin:.6rem 0;min-width:0}
#m5a-products input,#m5a-products textarea,#m5a-products select{width:100%;min-width:0;max-width:100%;min-height:44px;padding:.65rem;border:1px solid #9cb0a1;border-radius:8px;color:#173026;background:#fff;font:inherit;font-size:16px}
#m5a-products textarea{min-height:74px;resize:vertical}
#m5a-products input:disabled{opacity:.68}
#m5a-products .m5a-allowances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .85rem}
#m5a-products .m5a-buttons{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
#m5a-products button{min-height:44px;padding:.65rem 1.1rem;border-radius:8px;border:1px solid #336749;background:#fff;color:#16452b;cursor:pointer;font:inherit}
#m5a-products button.m5a-primary{background:#22583b;color:#fff}
#m5a-products button:disabled{opacity:.6;cursor:not-allowed}
#m5a-products .m5a-lists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1rem;margin-top:1.4rem}
#m5a-products .m5a-item{padding:.85rem;border:1px solid #dce5de;border-radius:10px;margin:.6rem 0;min-width:0;overflow-wrap:anywhere}
#m5a-products .m5a-item strong{display:block;font-size:.98rem}
#m5a-products .m5a-item small{display:block;color:#587063;line-height:1.5;margin:.4rem 0}
#m5a-products .m5a-item button{margin-top:.4rem}
#m5a-products .m5a-warning{border-left:3px solid #7c9466;padding:.5rem .8rem;margin-top:1rem;background:#f4f7ee}
#m5a-products #m5a-status{overflow-wrap:anywhere;min-height:1.5rem}
@media(max-width:860px){#m5a-products .m5a-cols,#m5a-products .m5a-lists{grid-template-columns:1fr}}
@media(max-width:440px){#m5a-products{padding:.85rem}#m5a-products .m5a-form{padding:.8rem}#m5a-products .m5a-allowances{grid-template-columns:1fr}#m5a-products .m5a-buttons button,#m5a-products .m5a-top button{width:100%}}