/* «Modmail» access (modmail.js) — in the admin's own look: bf-summary cards, panels like «Авторизация»,
   the standard fields, buttons and stat-table. Scoped under #mma-root. */
#mma-root .mma-panel { background: var(--panel); border: 1px solid var(--glass-bd, var(--stroke)); border-radius: 12px; padding: 16px; margin: 14px 0 0; min-width: 0; }
#mma-root .mma-panel h2 { font-size: 20px; margin: 0 0 8px; }
#mma-root .mma-panel > p.muted { margin: 0 0 12px; max-width: 820px; }
#mma-root .mma-form { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 220px) auto; gap: 12px; align-items: end; }
#mma-root .mma-form label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 600; color: #94a3b8; min-width: 0; }
#mma-root .mma-form input, #mma-root select { background: #0f172a; border: 1px solid #334155; color: var(--text, #e5e7eb); border-radius: 8px; height: 40px; padding: 0 12px; font: inherit; font-size: 14.5px; font-weight: 400; width: 100%; box-sizing: border-box; }
#mma-root .mma-sel { width: auto; min-width: 170px; height: 36px; }
#mma-root .mma-go .btn { height: 40px; }
#mma-root .mma-user { display: flex; align-items: center; gap: 10px; min-width: 0; }
#mma-root .mma-user img, #mma-root .mma-av { width: 32px; height: 32px; border-radius: 50%; flex: none; object-fit: cover; }
#mma-root .mma-av { display: grid; place-items: center; background: #334155; color: #e2e8f0; font-weight: 700; font-size: 13px; }
#mma-root .mma-user b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mma-root .mma-nowrap { white-space: nowrap; }
#mma-root .mma-act { white-space: nowrap; text-align: right; }
#mma-root .mma-act .btn + .btn { margin-left: 6px; }
#mma-root .mma-act a.btn { text-decoration: none; }
#mma-root .mma-err { color: var(--red); margin: 6px 0; }
@media (max-width: 700px) {
  #mma-root .mma-form { grid-template-columns: 1fr; }
  #mma-root .mma-go .btn { width: 100%; }
  #mma-root .mma-table thead { display: none; }
  #mma-root .mma-table tr { display: grid; grid-template-columns: 1fr; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--stroke); }
  #mma-root .mma-table td { border: 0; padding: 0; }
  #mma-root .mma-act { text-align: left; white-space: normal; display: flex; gap: 6px; flex-wrap: wrap; }
  #mma-root .mma-act .btn + .btn { margin-left: 0; }
  #mma-root .mma-sel { width: 100%; }
}