/* Merchant billing service console */
.mx{display:grid;gap:1rem}
.mx-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.mx-head h1{margin:.1rem 0}
.mx-section>summary{cursor:pointer;list-style:none}
.mx-section>summary h2{display:inline;font-size:1.1rem}
.mx-form{display:grid;gap:.5rem;max-width:44rem}
.mx-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;margin:.25rem 0}
.mx-inline .field{margin:0}
.mx-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem}
.mx-tile{border:1px solid #d7dee6;border-radius:10px;padding:.6rem;display:grid;gap:.15rem}
.mx-tile small,.mx-tile span{font-size:12px;color:#51606f}
.mx-tile strong{font-size:1.05rem}
.mx-negative{border-color:#b42318;background:#fff4f2}
.mx-warn{color:#8a3b00;background:#fff4d6;border-radius:8px;padding:.5rem .75rem}
.mx-ok{color:#135c2b}
.mx-badge{display:inline-block;border-radius:999px;padding:.1rem .55rem;font-size:12px;background:#eef2f6;color:#1b2733;text-transform:capitalize}
.mx-approved,.mx-paid,.mx-delivered,.mx-on{background:#e3f4e8;color:#135c2b}
.mx-suspended,.mx-attention,.mx-failed,.mx-locked{background:#fff4d6;color:#8a3b00}
.mx-retired,.mx-voided,.mx-off{background:#eef2f6;color:#51606f}
.mx-gates{list-style:none;padding:0;display:grid;gap:.3rem}
.mx-gates li.todo{color:#8a3b00}
.mx-gates small{display:block;color:#51606f;margin-left:1.2rem}
.mx-reveal{border:2px solid #1b2733;border-radius:10px;padding:1rem;display:grid;gap:.5rem}
.mx-reveal code{word-break:break-all;font-size:14px;background:#f5f7f9;padding:.5rem;border-radius:6px}