/* Дополнения суперадминки к общему app.css CRM: только то, чего там нет. */
.mta-badge{width:fit-content;margin:-6px auto var(--s4);padding:3px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;
 letter-spacing:.3px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-txt,var(--accent))}
.mta-qr{width:fit-content;margin:0 auto var(--s3);border-radius:var(--r-md,12px);background:#fff;line-height:0;overflow:hidden}
.mta-qr img{display:block;width:232px;height:232px;image-rendering:pixelated}
.mta-center{text-align:center;margin:0}
.mta-secret{margin:var(--s2) auto var(--s4);padding:8px 12px;width:fit-content;border-radius:var(--r-sm,8px);background:var(--soft);
 font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);letter-spacing:.5px;user-select:all;text-align:center}
.mta-back{width:100%;margin-top:var(--s2)}
.mta-warn{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);border-color:color-mix(in srgb,var(--warn,#f59e0b) 45%,transparent)}
.mta-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:var(--s3) 0}
.mta-codes code{padding:8px;border-radius:var(--r-sm,8px);background:var(--soft);text-align:center;font-size:var(--fs-sm);user-select:all}
.mta-facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin-top:var(--s3)}
.mta-facts dt{color:var(--mut)}.mta-facts dd{margin:0}
@media (max-width:600px){.mta-warn{flex-direction:column;align-items:flex-start}.mta-facts{grid-template-columns:1fr}.mta-facts dd{margin-bottom:6px}}