:root{--mn-bg:#081426;--mn-panel:#10223c;--mn-panel-2:#0c1a30;--mn-line:#294767;--mn-text:#ecf7ff;--mn-muted:#aabbd2;--mn-accent:#20cee1;--mn-accent-ink:#03131d;--mn-danger:#ff8da1}*{box-sizing:border-box}body{background:var(--mn-bg)!important;color:var(--mn-text)!important}.mn-nav{max-width:1120px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--mn-line);background:rgba(8,20,38,.96);position:sticky;top:0;z-index:10}.mn-brand{font-weight:800;color:var(--mn-text);text-decoration:none;white-space:nowrap}.mn-brand span{color:var(--mn-accent)}.mn-links{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mn-links a,.mn-links button{padding:8px 11px;border:1px solid var(--mn-line);border-radius:8px;background:transparent;color:var(--mn-text);text-decoration:none;font:inherit;cursor:pointer}.mn-links a:hover,.mn-links button:hover{border-color:var(--mn-accent);color:var(--mn-accent)}.mn-links .primary{background:var(--mn-accent);color:var(--mn-accent-ink);border-color:var(--mn-accent);font-weight:700}.mn-links .mn-language{background:linear-gradient(135deg,var(--mn-accent),#8cecf5);color:var(--mn-accent-ink);border-color:transparent;font-size:.74rem;font-weight:800;letter-spacing:.08em;box-shadow:0 5px 16px rgba(32,206,225,.23)}.mn-links .mn-language:hover{color:var(--mn-accent-ink);transform:translateY(-1px);border-color:transparent}.mn-help{max-width:1120px;margin:14px auto 0;padding:0 22px;color:var(--mn-muted);font-size:.92rem}@media(max-width:640px){.mn-nav{padding:12px 14px;align-items:flex-start}.mn-links{margin-left:0}.mn-brand{width:100%}.mn-help{padding:0 14px}}
.language{display:none!important}
:where(.mn-auth-note){padding:12px 14px;border:1px solid var(--mn-line);border-left:3px solid var(--mn-accent);border-radius:9px;background:rgba(32,206,225,.06);line-height:1.55}
#billing a[href="/client-wallet.html"]{display:inline-flex;align-items:center;min-height:42px;padding:10px 14px;border:0;border-radius:8px;background:var(--mn-accent);color:var(--mn-accent-ink);font-weight:800;text-decoration:none}

/* Wallet history: compact transaction cards that remain readable on phones. */
.wallet-history{display:grid;gap:10px}.history-entry{padding:14px;border:1px solid var(--mn-line);border-radius:12px;background:var(--mn-panel-2)}.history-entry__top,.history-entry__bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}.history-type{font-weight:800;color:var(--mn-accent)}.history-status{padding:4px 8px;border-radius:999px;background:#1b304e;color:var(--mn-muted);font-size:.78rem;font-weight:700}.status-credited,.status-completed,.status-paid{background:rgba(62,207,142,.14);color:#7de8b1}.status-pending,.status-confirmed,.status-approved{background:rgba(255,193,74,.13);color:#ffd27a}.status-failed,.status-rejected{background:rgba(255,112,132,.14);color:#ff9dac}.history-amount{margin-top:9px;color:var(--mn-text);font-size:1.18rem;font-weight:800}.history-description{margin:6px 0 13px;color:var(--mn-muted);line-height:1.4;overflow-wrap:anywhere}.history-entry__bottom{padding-top:10px;border-top:1px solid rgba(41,71,103,.7);color:var(--mn-muted);font-size:.82rem}.tx-link{color:var(--mn-accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none}.tx-link:hover{text-decoration:underline}.wallet-history-empty{margin:0;padding:20px 0;text-align:center;color:var(--mn-muted)}.wallet-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.wallet-pager button{width:42px;height:38px;margin:0;padding:0;border:1px solid var(--mn-line);border-radius:8px;background:var(--mn-panel);color:var(--mn-text);font-size:1.45rem;line-height:1;cursor:pointer}.wallet-pager button:disabled{opacity:.42;cursor:not-allowed}.wallet-pager span{min-width:112px;text-align:center;color:var(--mn-muted);font-size:.9rem}@media(max-width:460px){.history-entry{padding:13px}.history-entry__bottom{align-items:flex-start;flex-direction:column;gap:7px}.history-status{white-space:nowrap}.wallet-pager{gap:8px}}

/* On phones the global navigation is a deliberate side drawer, never a wrapped column. */
.mn-menu-toggle,.mn-menu-backdrop{display:none}
@media(max-width:640px){
  .mn-nav{padding:12px 14px;align-items:center}
  .mn-menu-toggle{display:block;margin-left:auto;width:42px;height:40px;border:1px solid var(--mn-line);border-radius:8px;background:var(--mn-panel-2);color:var(--mn-text);font-size:1.35rem;line-height:1;cursor:pointer;z-index:22}
  .mn-menu-backdrop{display:block;position:fixed;z-index:19;inset:0;border:0;background:rgba(0,0,0,.52);opacity:0;pointer-events:none;transition:opacity .2s ease}
  .mn-menu-backdrop.mn-menu-open{opacity:1;pointer-events:auto}
  .mn-links{display:flex;position:fixed;z-index:20;top:0;right:0;bottom:0;width:min(84vw,320px);margin:0;padding:76px 16px 20px;flex-direction:column;align-items:stretch;flex-wrap:nowrap;background:var(--mn-panel);border-left:1px solid var(--mn-line);box-shadow:-18px 0 42px rgba(0,0,0,.34);transform:translateX(105%);transition:transform .2s ease}
  .mn-links.mn-menu-open{transform:translateX(0)}
  .mn-links a,.mn-links button{width:100%;padding:12px 14px;text-align:left}
  .mn-links .mn-language{margin-top:auto;text-align:center}
  .mn-brand{width:auto;font-size:1.05rem}
}