/* AiDostup — UI-полировка страницы «Баланс и логи» (check.html).
   Правила только внешние: ни одна строка не меняет поведение чекера.
   Всё ограничено body[data-page="check"] — другие страницы сайта не затронуты.
   Подключается ПОСЛЕ style.css и style-v2.css. */

/* ---------- 1. Акценты страницы ---------- */
body[data-page="check"]{
  --chk-accent:#a78bfa;
  --chk-accent-rgb:167,139,250;
  --chk-ok:#86efac;
  --chk-bad:#fca5a5;
}

/* ---------- 2. Шапка и вступление ---------- */
body[data-page="check"] .page{max-width:940px;padding-top:38px;padding-bottom:40px}
body[data-page="check"] h1{max-width:720px;margin-bottom:13px;letter-spacing:-.045em}
body[data-page="check"] .lead{max-width:680px;margin-bottom:26px;color:#aab3c7;line-height:1.7}

/* ---------- 3. Карточка ввода ключа — главный акцент страницы ---------- */
body[data-page="check"] .check-panel{position:relative;overflow:hidden;padding:20px;
  background:linear-gradient(145deg,rgba(21,29,54,.94),rgba(10,14,28,.98));
  border-color:rgba(var(--chk-accent-rgb),.26);
  box-shadow:0 24px 64px rgba(4,6,18,.4),inset 0 1px 0 rgba(255,255,255,.08)}
/* Свечение держим ВНУТРИ карточки: вылезающий за край псевдоэлемент создавал
   скрытую горизонтальную прокрутку — поле и кнопка визуально съезжали влево. */
body[data-page="check"] .check-panel::after{content:"";position:absolute;left:18%;top:0;width:64%;height:190px;
  border-radius:0 0 50% 50%;background:radial-gradient(ellipse at top,rgba(var(--chk-accent-rgb),.15),transparent 70%);pointer-events:none}
body[data-page="check"] .checkrow{position:relative;z-index:1;gap:9px}
body[data-page="check"] .checkrow input{min-height:48px;padding:13px 15px;border-radius:12px;
  background:rgba(4,8,18,.62);border-color:rgba(173,188,225,.24)}
body[data-page="check"] .checkrow input:focus{border-color:var(--chk-accent);
  box-shadow:0 0 0 4px rgba(var(--chk-accent-rgb),.14),0 8px 28px rgba(3,5,15,.25)}
body[data-page="check"] #keyToggle{width:48px;min-height:48px;padding:0;font-size:16px}
body[data-page="check"] #btn{min-height:48px;padding-inline:22px;
  background:linear-gradient(110deg,#8b5cf6,#4f46e5);box-shadow:0 8px 24px rgba(91,67,220,.28)}
body[data-page="check"] .toggle{position:relative;z-index:1;margin-top:13px!important;padding-top:13px;
  border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:#9da8bd}
body[data-page="check"] .toggle input{width:17px;height:17px}

/* ---------- 4. Статус проверки ---------- */
body[data-page="check"] #msg{min-height:20px;margin:12px 2px 0;font-size:12.5px}
body[data-page="check"] #msg.ok{color:var(--chk-ok)}
body[data-page="check"] #msg.err{color:var(--chk-bad)}
body[data-page="check"] #msg.wait{color:#b8aaff}

/* ---------- 5. Карточка баланса ---------- */
body[data-page="check"] .bal{gap:12px;margin-top:14px}
body[data-page="check"] .bal .b{min-height:112px;padding:20px 16px;border-radius:16px;
  background:linear-gradient(145deg,rgba(23,31,58,.96),rgba(12,17,33,.96));
  border-color:rgba(var(--chk-accent-rgb),.24);
  box-shadow:0 14px 34px rgba(3,5,15,.26),inset 0 1px 0 rgba(255,255,255,.06)}
body[data-page="check"] .bal .b .v{font-size:clamp(25px,4vw,34px);color:#f5f3ff}
body[data-page="check"] .bal .b .l{font-size:11px;color:#a6afc5}

/* ---------- 6. Журнал списаний ---------- */
body[data-page="check"] #logsCard{margin-top:14px;padding:18px 18px 11px!important;
  border-color:rgba(139,92,246,.2);background:rgba(13,18,34,.88);box-shadow:0 14px 36px rgba(3,5,15,.22)}
body[data-page="check"] #logsCard h3{margin:2px 0 0;font-size:16px}
body[data-page="check"] #totalInfo{font-size:12px;color:#aeb8cc}
body[data-page="check"] .tblwrap{margin-top:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}
body[data-page="check"] .rtable{font-size:12.5px}
body[data-page="check"] .rtable th{padding:11px 10px;background:rgba(255,255,255,.025);font-size:10px;color:#8792aa}
body[data-page="check"] .rtable td{padding:11px 10px;border-bottom-color:rgba(255,255,255,.055)}
body[data-page="check"] .rtable tbody tr:hover{background:rgba(var(--chk-accent-rgb),.06);box-shadow:inset 3px 0 0 var(--chk-accent)}
body[data-page="check"] .tnote{margin:12px 2px 2px;font-size:11.5px;line-height:1.55;color:#7f8aa1}

/* ---------- 7. FAQ ---------- */
body[data-page="check"] h2{margin-top:38px!important;margin-bottom:15px;font-size:22px}
body[data-page="check"] details{margin-bottom:8px;background:rgba(14,19,36,.66);border-color:rgba(255,255,255,.075);border-radius:14px}
body[data-page="check"] details:hover,body[data-page="check"] details[open]{border-color:rgba(var(--chk-accent-rgb),.34);background:rgba(21,26,48,.78)}
body[data-page="check"] summary{padding:15px 16px;font-size:13px;color:#b6bed0}
body[data-page="check"] details .a{padding:0 16px 16px;font-size:13px;line-height:1.68;color:#929db2}

/* ---------- 8. Нижний блок-подсказка ---------- */
body[data-page="check"] .check-outro{margin-top:20px!important;padding:15px 17px!important;
  border-color:rgba(96,165,250,.18);background:rgba(14,20,38,.6)}
body[data-page="check"] .check-outro .note{font-size:12.5px;line-height:1.6}
body[data-page="check"] .check-outro a{color:#a99cff}

/* ---------- 9. Доступность ---------- */
body[data-page="check"] :is(button,a,input,summary):focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}

/* ---------- 10. Телефон: поле цельное, глаз внутри, кнопка отдельной строкой ---------- */
@media(max-width:720px){
  body[data-page="check"] .page{padding:28px 15px 34px}
  body[data-page="check"] h1{font-size:30px;line-height:1.1}
  body[data-page="check"] .lead{font-size:14px;line-height:1.66;margin-bottom:20px}
  body[data-page="check"] .check-panel{padding:14px}
  body[data-page="check"] .checkrow{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  body[data-page="check"] .checkrow input{grid-column:1;grid-row:1;width:100%;min-width:0;height:52px;padding-right:58px}
  body[data-page="check"] #keyToggle{position:absolute;z-index:2;top:4px;right:4px;width:44px;height:44px;min-height:44px;border:0;background:transparent;box-shadow:none}
  body[data-page="check"] #btn{grid-column:1;grid-row:2;display:flex;width:100%;min-width:0;min-height:52px;margin:0;padding:13px 18px;border-radius:12px;font-size:15px;line-height:1.2;text-align:center}
  body[data-page="check"] #logsCard{padding:14px 13px 9px!important}
  body[data-page="check"] .rtable tr{padding:9px 12px}
}

@media(prefers-reduced-motion:reduce){body[data-page="check"] *{animation-duration:.01ms!important;transition-duration:.01ms!important}}