/* TPS V31-M4I master-only contact proposals and internal order discussions */
.m4i-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.m4i-head h3{margin:0}
.m4i-pill{display:inline-block;color:#88551c;border:1px solid #edcfa5;border-radius:10px;background:#fff4e7;font-size:10px;font-weight:850;letter-spacing:.04em;padding:7px 10px}
.m4i-flags{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}
.m4i-flag{font-size:11px;color:#355943;background:#eef5ef;border:1px solid #d7e6d8;border-radius:9px;padding:8px 11px}
.m4i-notice{font-size:12px;color:#675b43;line-height:1.7;background:#fffaf1;padding:12px;border:1px solid #ead8b2;border-radius:9px}
.m4i-status{padding:11px 13px;background:#eaf3ec;color:#255a3b;border-radius:9px;font-size:12px;overflow-wrap:anywhere}
.m4i-status.error{background:#ffefeb;color:#9b402e}
.m4i-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}
.m4i-actions button{max-width:100%;white-space:normal}
.m4i-records{display:grid;gap:10px;margin:16px 0}
.m4i-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #dae7df;background:#fff;border-radius:10px;padding:13px}
.m4i-row strong{display:block;color:#22523a;font-size:13px;overflow-wrap:anywhere}
.m4i-row small{display:block;color:#657e70;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.m4i-row .outline{padding:8px 11px;background:#f0f7f1;border:1px solid #c4dccb;color:#24563a;border-radius:8px}
.m4i-detail{font-size:12px;color:#6b7d71}
.m4i-preview{background:#f8fbf8;color:#4f6855;border:1px dashed #c9d8cb;border-radius:9px;padding:13px;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin:13px 0}
.m4i-preview-title{font-weight:850;color:#8a541d}
.m4i-preview-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e2ebe3;padding:7px 0}
.m4i-preview-total{display:flex;justify-content:space-between;gap:8px;padding:10px 0;font-weight:800;color:#234f38}
@media(max-width:670px){.m4i-row{grid-template-columns:1fr}.m4i-row button{justify-self:start}.m4i-actions button{max-width:100%}.m4i-head{align-items:start}}