/* ===== КНОПКИ .mu-btn БЕЗ КАРТИНОК — стиль таблички ника (account.php) =====
   Стальная рамка со скруглением, бронзовая линия, стекло цвета кнопки со светящейся кромкой, блики сверху/снизу.
   Размеры кнопок не меняются (их задают style.css / donateitems.css и т.п.) — только внешний вид.
   Подключается из accountnavbar.php одной строкой. ОТКАТ: убрать эту строку — вернутся картинки btnblue/btnred/btngreen. */

.mu-btn, .mu-btn-long {
  --mb-edge: #4fa3ff; --mb-glow: rgba(79,163,255,.32); --mb-g1: #13294a; --mb-g2: #0a1629; --mb-text: #e6f2ff; --mb-shine: rgba(150,205,255,.95);
  border: 2px solid transparent !important;
  border-radius: 9px !important;
  background:
    radial-gradient(ellipse 30% 2px at 50% 4px, var(--mb-shine), transparent) padding-box,
    radial-gradient(ellipse 30% 2px at 50% calc(100% - 4px), var(--mb-shine), transparent) padding-box,
    radial-gradient(120% 150% at 50% 35%, var(--mb-g1) 0%, var(--mb-g2) 70%) padding-box,
    linear-gradient(180deg, #767c86, #2b2f35 45%, #50555e) border-box !important;
  box-shadow:
    inset 0 0 0 1px #b8925a,
    inset 0 0 0 2px #070b10,
    inset 0 0 0 3px var(--mb-edge),
    inset 0 0 10px 3px var(--mb-glow) !important;
  color: var(--mb-text) !important;
  font-weight: 800; letter-spacing: .03em;
  text-shadow: 0 0 8px var(--mb-glow), 0 1px 2px #000 !important;
  -webkit-mask-image: none !important; mask-image: none !important;
  filter: none;
  transition: filter .2s ease !important;
}
/* синяя (по умолчанию) */
.mu-btn-blue { --mb-edge: #4fa3ff; --mb-glow: rgba(79,163,255,.32); --mb-g1: #13294a; --mb-g2: #0a1629; --mb-text: #e6f2ff; --mb-shine: rgba(150,205,255,.95); }
/* красная */
.mu-btn-red  { --mb-edge: #ff5a4e; --mb-glow: rgba(255,90,78,.32); --mb-g1: #4a1512; --mb-g2: #230807; --mb-text: #ffe3df; --mb-shine: rgba(255,170,160,.95); }
/* зелёная */
.mu-btn-green{ --mb-edge: #3fd862; --mb-glow: rgba(63,216,98,.32); --mb-g1: #134a26; --mb-g2: #082614; --mb-text: #e3ffe9; --mb-shine: rgba(160,255,175,.95); }

.mu-btn:hover, .mu-btn-long:hover,
.mu-btn-blue:hover, .mu-btn-red:hover, .mu-btn-green:hover {
  color: #fff !important; filter: brightness(1.2) saturate(1.15) !important;
  -webkit-mask-image: none !important; mask-image: none !important;
}
.mu-btn:active, .mu-btn-long:active { filter: brightness(.95) !important; }
.mu-btn:focus-visible, .mu-btn-long:focus-visible { outline: 2px solid var(--mb-edge); outline-offset: 2px; }
.mu-btn[disabled], .mu-btn:disabled { filter: grayscale(.6) brightness(.8) !important; cursor: not-allowed; }