/* ==========================================================================
   v69.css — слой поверх v68 (тот же приём :root:not(#v)).
   1. Скидка по объёму у ключа API (профиль).
   2. Телефон и Mini App: жидкие кнопки без размытия фона (дешевле прокрутка).
   ========================================================================== */

/* 1. Скидка по объёму */
:root:not(#v) .apivol{display:grid;gap:12px;margin-top:8px;padding:16px;border-radius:16px;
  background:color-mix(in srgb,var(--tone,var(--text)) 4%,transparent);box-shadow:inset 0 0 0 1px var(--line)}
:root:not(#v) .apivol__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;
  font:500 14px/1.3 var(--f-sans);color:var(--text-dim)}
:root:not(#v) .apivol__head b{font:600 24px/1 var(--f-sans);color:var(--text);font-variant-numeric:tabular-nums}
:root:not(#v) .apivol__head em{font-style:normal;font-weight:600;color:var(--violet-hi)}
:root:not(#v) .apivol__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}
:root:not(#v) .apivol__step{display:grid;gap:4px;padding:8px 12px;border-radius:12px;
  box-shadow:inset 0 0 0 1px var(--line);font:500 13px/1.2 var(--f-sans);color:var(--text-dim)}
:root:not(#v) .apivol__step b{font:600 16px/1 var(--f-sans);color:var(--text)}
:root:not(#v) .apivol__step.is-on{box-shadow:inset 0 0 0 1.5px var(--violet-hi);
  background:color-mix(in srgb,var(--violet-hi) 10%,transparent)}

/* 2. Сенсорные экраны: размытие фона под десятками кнопок — лишняя работа при прокрутке */
@media (pointer:coarse){
  :root:not(#v) .lq-btn{-webkit-backdrop-filter:none;backdrop-filter:none}
}
:root:not(#v).telegram-mini-app .lq-btn{-webkit-backdrop-filter:none;backdrop-filter:none}

/* 3. Уведомления на телефоне — над панелью вкладок, а не поверх неё */
@media (max-width:760px){
  :root:not(#v).has-tabbar .toasts{left:16px;right:16px;width:auto;
    bottom:calc(62px + 8px + 12px + env(safe-area-inset-bottom,0px))}
  :root:not(#v).has-tabbar .toast{background:color-mix(in srgb,var(--bg) 88%,var(--text) 6%)}
}

/* 4. Ступени скидки: 2 в ряд на телефоне, 4 — шире */
:root:not(#v) .apivol__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:560px){:root:not(#v) .apivol__steps{grid-template-columns:repeat(4,minmax(0,1fr))}}