/* === lk.css === */
/* ==========================================================================
   ВикСейл — ЛИЧНЫЙ КАБИНЕТ  (Claude, 2026-09-04)
   Функционал — как в ЛК тема сайта, вид — фирменный ВикСейл (тёмное стекло, неон,
   Manrope, «бегущий свет»). НЕ копия вёрстки тема сайта.
   Подключать в <head> ПОСЛЕ bundle.css. Общий файл для всех страниц /account/*.
   Классы в неймспейсе .lk-*, чтобы не конфликтовать с остальным сайтом.
   ========================================================================== */

/* --- токены (фолбэки, если bundle.css не отдал) --- */
.lk{
  --lk-bg:            var(--bg-primary,#1e1e3a);
  --lk-surface:       var(--bg-glass,rgba(40,40,80,.55));
  --lk-surface-2:     var(--bg-card,#2e2e5a);
  --lk-line:          rgba(255,255,255,.08);
  --lk-line-strong:   rgba(0,243,255,.22);
  --lk-txt:           var(--text-primary,#f0f0ff);
  --lk-txt-dim:       var(--text-secondary,rgba(240,240,255,.72));
  --lk-txt-mut:       var(--text-muted,rgba(240,240,255,.5));
  --lk-cyan:          var(--neon-cyan,#94adae);
  --lk-pink:          var(--neon-pink,#ff5db1);
  --lk-gold:          var(--gold,#ffd700);
  --lk-r:             14px;
  --lk-r-lg:          20px;
  --lk-ease:          var(--ease-spring,cubic-bezier(.34,1.56,.64,1));
  --lk-font:          'Manrope','Inter',-apple-system,'Segoe UI',sans-serif;
}

/* --- каркас --- */
.lk{ font-family:var(--lk-font); color:var(--lk-txt); }
.lk-wrap{
  max-width:1240px; margin:0 auto; padding:24px 20px 60px;
  display:grid; grid-template-columns:290px 1fr; gap:22px; align-items:start;
}
.lk-aside{ position:sticky; top:16px; display:flex; flex-direction:column; gap:16px; }
.lk-main{ min-width:0; }

/* --- карточка профиля --- */
.lk-user{
  position:relative; overflow:hidden;
  padding:20px 18px; border-radius:var(--lk-r-lg);
  background:var(--lk-surface); border:1px solid var(--lk-line);
  backdrop-filter:blur(12px);
}
.lk-user::after{                     /* «бегущий свет» по контуру */
  content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; z-index:2;
  pointer-events:none; opacity:0; transition:opacity .25s;
  background:conic-gradient(from var(--vk-a,0deg),
     rgba(0,229,255,0) 0deg,#00e5ff 60deg,#9b6bff 140deg,#ff3d94 210deg,#00e5ff 300deg,rgba(0,229,255,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; filter:blur(.4px) saturate(1.2);
}
.lk-user:hover::after{ opacity:1; animation:vk-run 3s linear infinite; }

/* VIP / платное продвижение — бегущий свет по контуру при наведении (фирменный
   приём сайта) + блеск, сам собой пробегающий раз в 3 секунды независимо от
   наведения — чтобы кнопки/чипы, связанные с VIP и платными услугами, сразу
   считывались как «особенные». Разметка: добавить атрибут data-vip-glow. */
.lk [data-vip-glow]{ position:relative; overflow:hidden; isolation:isolate; }
.lk [data-vip-glow]::after{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; z-index:2;
  pointer-events:none; opacity:0; transition:opacity .22s ease;
  background:conic-gradient(from var(--vk-a,0deg),
     rgba(0,229,255,0) 0deg,#00e5ff 60deg,#9b6bff 140deg,#ff3d94 210deg,#00e5ff 300deg,rgba(0,229,255,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; filter:blur(.4px) saturate(1.2);
}
.lk [data-vip-glow]:hover::after,
.lk [data-vip-glow]:focus-visible::after{ opacity:1; animation:vk-run 2.4s linear infinite; }
.lk [data-vip-glow]::before{
  content:""; position:absolute; top:0; bottom:0; left:-60%; width:36%; z-index:1;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
  transform:skewX(-20deg); pointer-events:none;
  animation:lk-vip-shine 3s ease-in-out infinite;
}
@keyframes lk-vip-shine{ 0%{ left:-60%; } 14%{ left:130%; } 100%{ left:130%; } }
@media (prefers-reduced-motion:reduce){
  .lk [data-vip-glow]::before{ animation:none; display:none; }
  .lk [data-vip-glow]:hover::after{ animation:none; }
}

.lk-user__top{ display:flex; gap:14px; align-items:center; }
.lk-ava{
  position:relative; width:64px; height:64px; border-radius:50%; flex:none;
  background:linear-gradient(135deg,var(--primary,#6C63FF),var(--lk-pink));
  display:flex; align-items:center; justify-content:center;
  font-size:24px; font-weight:800; color:#fff;
}
.lk-ava__cam{
  position:absolute; right:-2px; bottom:-2px; width:24px; height:24px; border-radius:50%;
  background:var(--lk-surface-2); border:1px solid var(--lk-line-strong);
  display:flex; align-items:center; justify-content:center; font-size:11px; cursor:pointer;
}
.lk-user__name{ font-size:18px; font-weight:800; line-height:1.2; }
.lk-user__rate{ display:flex; align-items:center; gap:6px; margin-top:4px; font-size:12.5px; color:var(--lk-txt-dim); }
.lk-stars{ color:var(--lk-gold); letter-spacing:1px; font-size:12px; }
.lk-user__since{ margin-top:10px; font-size:11.5px; color:var(--lk-txt-mut); }

.lk-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.lk-chip{
  display:inline-flex; align-items:center; gap:5px; min-height:24px;
  padding:4px 9px; border-radius:999px; font-size:10.5px; font-weight:700;
  border:1px solid var(--lk-line); background:rgba(255,255,255,.03); color:var(--lk-txt-dim);
  text-decoration:none; -webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
.lk-chip--ok{ color:#66f0b0; border-color:rgba(0,255,136,.24); background:rgba(0,255,136,.06); }
.lk-chip--vip{ color:var(--lk-gold); border-color:rgba(255,215,0,.28); background:rgba(255,215,0,.07); }
.lk-chip--todo{ color:var(--lk-txt-mut); }

/* --- меню --- */
.lk-nav{
  padding:10px 8px; border-radius:var(--lk-r-lg);
  background:var(--lk-surface); border:1px solid var(--lk-line); backdrop-filter:blur(12px);
}
.lk-nav__group + .lk-nav__group{ margin-top:6px; padding-top:6px; border-top:1px solid var(--lk-line); }
.lk-nav__label{
  padding:8px 12px 4px; font-size:10px; font-weight:800; letter-spacing:1.2px;
  text-transform:uppercase; color:var(--lk-txt-mut);
}
.lk-nav__item{
  position:relative; display:flex; align-items:center; gap:11px;
  min-height:40px; padding:9px 12px; border-radius:10px; text-decoration:none;
  font-size:13.5px; font-weight:600; color:var(--lk-txt-dim);
  transition:color .15s, background .15s;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
.lk-nav__item:hover{ color:var(--lk-txt); background:rgba(255,255,255,.04); }
.lk-nav__item.is-active{ color:var(--lk-txt); background:rgba(0,243,255,.07); }
.lk-nav__item.is-active::before{
  content:""; position:absolute; left:3px; top:8px; bottom:8px; width:3px; border-radius:3px;
  background:linear-gradient(var(--lk-cyan),var(--lk-pink)); box-shadow:0 0 10px rgba(0,243,255,.6);
}
.lk-nav__ic{ width:18px; height:18px; flex:none; opacity:.8; }
.lk-nav__item.is-active .lk-nav__ic{ opacity:1; }
.lk-nav__badge{
  margin-left:auto; font-size:9px; font-weight:800; text-transform:uppercase;
  padding:2px 6px; border-radius:999px; background:rgba(255,93,177,.16); color:var(--lk-pink);
}
.lk-nav__count{ margin-left:auto; font-size:12px; font-weight:800; color:var(--lk-txt-mut); }

/* --- контент: заголовок раздела --- */
.lk-head{ margin-bottom:18px; }
.lk-head__title{ font-size:24px; font-weight:800; line-height:1.15; }
.lk-head__sub{ margin-top:6px; font-size:13px; color:var(--lk-txt-dim); }

/* --- карточки/панели --- */
.lk-card{
  padding:18px; border-radius:var(--lk-r);
  background:var(--lk-surface); border:1px solid var(--lk-line); backdrop-filter:blur(10px);
}
.lk-card + .lk-card{ margin-top:14px; }
.lk-card__title{ font-size:15px; font-weight:800; margin-bottom:12px; }

/* плитки показателей (обзор) */
.lk-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.lk-stat{
  position:relative; overflow:hidden;
  padding:16px; border-radius:var(--lk-r);
  background:var(--lk-surface); border:1px solid var(--lk-line);
  transition:transform .25s var(--lk-ease), border-color .25s;
}
.lk-stat:hover{ transform:translateY(-2px); border-color:var(--lk-line-strong); }
.lk-stat__num{ font-size:26px; font-weight:900; font-family:'JetBrains Mono',ui-monospace,monospace; }
.lk-stat__lbl{ font-size:11.5px; color:var(--lk-txt-dim); margin-top:4px; line-height:1.35; }
.lk-stat__delta{ font-size:11px; font-weight:700; margin-top:6px; }
.lk-stat__delta.up{ color:#66f0b0; } .lk-stat__delta.down{ color:#ff7a9c; }

/* «продолжить» карточки-подсказки */
.lk-tasks{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lk-task{
  display:flex; gap:12px; align-items:flex-start;
  padding:14px; border-radius:var(--lk-r); text-decoration:none;
  background:rgba(255,255,255,.03); border:1px solid var(--lk-line); color:var(--lk-txt);
  transition:border-color .2s, transform .2s;
}
.lk-task:hover{ border-color:var(--lk-line-strong); transform:translateY(-2px); }
.lk-task__ic{
  width:38px; height:38px; border-radius:11px; flex:none;
  display:flex; align-items:center; justify-content:center; font-size:17px;
  background:rgba(0,243,255,.08); color:var(--lk-cyan);
}
.lk-task__t{ font-size:13.5px; font-weight:800; }
.lk-task__d{ font-size:11.5px; color:var(--lk-txt-dim); margin-top:3px; line-height:1.4; }

/* вкладки */
.lk-tabs{ display:flex; gap:4px; border-bottom:1px solid var(--lk-line); margin-bottom:16px; overflow-x:auto; }
.lk-tab{
  min-height:40px; padding:10px 14px; font-size:13px; font-weight:700; white-space:nowrap; cursor:pointer;
  color:var(--lk-txt-dim); border-bottom:2px solid transparent; background:none; border-top:0; border-left:0; border-right:0;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation; appearance:none; -webkit-appearance:none; outline:0;
  font-family:var(--lk-font);
}
.lk-tab:hover{ color:var(--lk-txt); }
.lk-tab.is-active{ color:var(--lk-txt); border-bottom-color:var(--lk-cyan); text-shadow:0 0 10px rgba(0,243,255,.5); }
.lk-tab__n{ opacity:.6; font-weight:800; margin-left:5px; }
.lk-tabpane{ display:none; } .lk-tabpane.is-active{ display:block; }

/* строка объявления */
.lk-ad{
  display:grid; grid-template-columns:96px 1fr auto; gap:14px; align-items:center;
  padding:14px; border-radius:var(--lk-r);
  background:rgba(255,255,255,.03); border:1px solid var(--lk-line);
}
.lk-ad + .lk-ad{ margin-top:10px; }
.lk-ad__img{ width:96px; height:72px; border-radius:10px; object-fit:cover; background:var(--lk-surface-2); }
.lk-ad__t{ font-size:14px; font-weight:700; }
.lk-ad__price{ font-size:15px; font-weight:900; color:var(--lk-gold); font-family:'JetBrains Mono',ui-monospace,monospace; margin-top:3px; }
.lk-ad__meta{ display:flex; gap:14px; margin-top:7px; font-size:11.5px; color:var(--lk-txt-mut); }
.lk-ad__meta span{ display:inline-flex; align-items:center; gap:4px; }
.lk-ad__status{
  display:inline-flex; align-items:center; gap:5px; font-size:10.5px; font-weight:800;
  padding:3px 8px; border-radius:999px; margin-top:7px;
}
.lk-ad__status.active{ color:#66f0b0; background:rgba(0,255,136,.08); }
.lk-ad__status.moderation{ color:var(--lk-gold); background:rgba(255,215,0,.08); }
.lk-ad__status.rejected{ color:#ff7a9c; background:rgba(255,60,90,.1); }
.lk-ad__status.archived{ color:var(--lk-txt-mut); background:rgba(255,255,255,.05); }
.lk-ad__actions{ display:flex; flex-direction:column; gap:6px; }

/* кнопки — бегущий свет по контуру при наведении встроен прямо в класс
   (фирменный приём сайта), не отдельным атрибутом, который легко забыть */
.lk-btn, .lk-iconbtn{ position:relative; }
.lk-btn::after, .lk-iconbtn::after{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; z-index:2;
  pointer-events:none; opacity:0; transition:opacity .22s ease;
  background:conic-gradient(from var(--vk-a,0deg),
     rgba(0,229,255,0) 0deg,#00e5ff 60deg,#9b6bff 140deg,#ff3d94 210deg,#00e5ff 300deg,rgba(0,229,255,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; filter:blur(.4px) saturate(1.2);
}
.lk-btn:hover::after, .lk-btn:focus-visible::after,
.lk-iconbtn:hover::after, .lk-iconbtn:focus-visible::after{ opacity:1; animation:vk-run 2.6s linear infinite; }

.lk-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-height:38px; padding:9px 16px; border-radius:10px; cursor:pointer; text-decoration:none; border:1px solid var(--lk-line-strong);
  font-family:var(--lk-font); font-size:12.5px; font-weight:800;
  background:rgba(0,243,255,.05); color:var(--lk-cyan); transition:.18s;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation; appearance:none; -webkit-appearance:none; outline:0;
}
.lk-btn:hover{ background:rgba(0,243,255,.1); color:#fff; }
.lk-btn:focus-visible{ box-shadow:0 0 0 3px rgba(0,243,255,.3); }
.lk-btn--gold{ border-color:rgba(255,215,0,.5); color:#1e1e3a; background:linear-gradient(120deg,var(--lk-gold),#ff9d3d); }
.lk-btn--gold:hover{ filter:brightness(1.06); color:#1e1e3a; }
.lk-btn--ghost{ background:none; color:var(--lk-txt-dim); border-color:var(--lk-line); }
.lk-btn--sm{ min-height:32px; padding:6px 12px; font-size:11.5px; }
.lk-btn:disabled,.lk-btn.is-disabled{ opacity:.4; cursor:not-allowed; pointer-events:none; }

/* маленькая круглая icon-button («колыбельная», но с полноценной зоной нажатия) */
.lk-iconbtn{
  display:inline-flex; align-items:center; justify-content:center; flex:none;
  width:30px; height:30px; padding:5px; box-sizing:content-box; background-clip:content-box;
  border-radius:50%; border:1px solid var(--lk-line); background-color:rgba(255,255,255,.03);
  color:var(--lk-txt-dim); cursor:pointer; font-size:14px; line-height:1;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation; appearance:none; -webkit-appearance:none; outline:0;
  transition:.18s;
}
.lk-iconbtn:hover{ color:var(--lk-txt); border-color:var(--lk-line-strong); background-color:rgba(0,243,255,.08); }
.lk-iconbtn:active{ transform:scale(.9); }
.lk-iconbtn:focus-visible{ box-shadow:0 0 0 3px rgba(0,243,255,.3); }
.lk-iconbtn--danger:hover{ color:#ff7a9c; border-color:rgba(255,60,90,.35); background-color:rgba(255,60,90,.08); }

/* пустые состояния */
.lk-empty{ text-align:center; padding:48px 20px; }
.lk-empty__ic{ font-size:44px; margin-bottom:14px; opacity:.5; }
.lk-empty__t{ font-size:17px; font-weight:800; }
.lk-empty__d{ font-size:12.5px; color:var(--lk-txt-dim); margin-top:6px; }
.lk-empty .lk-btn{ margin-top:16px; }

/* строки настроек */
.lk-row{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  padding:14px 0; border-bottom:1px solid var(--lk-line);
}
.lk-row:last-child{ border-bottom:0; }
.lk-row__t{ font-size:13.5px; font-weight:700; }
.lk-row__d{ font-size:11.5px; color:var(--lk-txt-dim); margin-top:3px; line-height:1.45; max-width:520px; }
.lk-row__val{ font-size:12.5px; color:var(--lk-txt-mut); white-space:nowrap; }

/* переключатель */
.lk-switch{ position:relative; width:42px; height:24px; flex:none; cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.lk-switch::before{ content:""; position:absolute; inset:-8px; } /* невидимая зона — реальный тач-таргет ~40px */
.lk-switch input{ position:absolute; opacity:0; }
.lk-switch__track{
  position:absolute; inset:0; border-radius:999px; background:rgba(255,255,255,.12); transition:.2s;
}
.lk-switch__track::after{
  content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%;
  background:#fff; transition:.2s var(--lk-ease);
}
.lk-switch input:checked + .lk-switch__track{ background:linear-gradient(120deg,var(--lk-cyan),#3a7bd0); }
.lk-switch input:checked + .lk-switch__track::after{ transform:translateX(18px); }

/* поле ввода */
.lk-field{ display:block; margin-bottom:14px; }
.lk-field__lbl{ display:block; font-size:11.5px; font-weight:700; color:var(--lk-txt-dim); margin-bottom:6px; }
.lk-input{
  width:100%; padding:11px 14px; border-radius:10px;
  background:rgba(0,0,0,.2); border:1px solid var(--lk-line); color:var(--lk-txt);
  font-family:var(--lk-font); font-size:13px;
}
.lk-input:focus{ outline:none; border-color:var(--lk-line-strong); box-shadow:0 0 0 3px rgba(0,243,255,.08); }

/* промо-плашка внутри раздела */
.lk-promo{
  display:flex; gap:14px; align-items:center; justify-content:space-between;
  padding:14px 16px; border-radius:var(--lk-r); margin-bottom:14px;
  background:linear-gradient(120deg,rgba(0,243,255,.06),rgba(255,93,177,.05));
  border:1px solid var(--lk-line-strong);
}
.lk-promo__t{ font-size:13px; font-weight:800; }
.lk-promo__d{ font-size:11.5px; color:var(--lk-txt-dim); margin-top:2px; }

/* фильтр-чипы (взаимоисключающий выбор: статус заказа, тип уведомления и т.п.) */
.lk-filters{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.lk-filter{
  min-height:32px; padding:7px 13px; border-radius:999px; font-size:12px; font-weight:700; cursor:pointer;
  background:rgba(255,255,255,.04); border:1px solid var(--lk-line); color:var(--lk-txt-dim);
  font-family:var(--lk-font); appearance:none; -webkit-appearance:none; outline:0;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation; transition:.15s;
}
.lk-filter:hover{ color:var(--lk-txt); }
.lk-filter.is-active{ color:var(--lk-cyan); border-color:rgba(0,243,255,.35); background:rgba(0,243,255,.08); }

/* лента событий */
.lk-feed__item{ display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--lk-line); font-size:12.5px; }
.lk-feed__item:last-child{ border-bottom:0; }
.lk-feed__dot{ width:8px; height:8px; border-radius:50%; background:var(--lk-cyan); margin-top:5px; flex:none; }
.lk-feed__time{ margin-left:auto; color:var(--lk-txt-mut); font-size:11px; white-space:nowrap; }

/* --- чат-виджет в углу (как у тема сайта) --- */
.lk-chatw{
  position:fixed; right:20px; bottom:0; width:300px; z-index:1200;
  border-radius:14px 14px 0 0; overflow:hidden;
  background:var(--lk-surface-2); border:1px solid var(--lk-line-strong); border-bottom:0;
  box-shadow:0 -10px 40px rgba(0,0,0,.4);
}
.lk-chatw__head{
  display:flex; align-items:center; gap:8px; min-height:44px; padding:12px 14px; cursor:pointer;
  font-size:13px; font-weight:800; -webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
.lk-chatw__badge{ width:7px; height:7px; border-radius:50%; background:var(--lk-pink); box-shadow:0 0 8px var(--lk-pink); }
.lk-chatw__chevron{ margin-left:auto; transition:transform .2s; }
.lk-chatw.is-collapsed .lk-chatw__chevron{ transform:rotate(180deg); }
.lk-chatw__body{ max-height:320px; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; border-top:1px solid var(--lk-line); }
.lk-chatw.is-collapsed .lk-chatw__body{ display:none; }
.lk-chatw__row{ display:flex; gap:10px; align-items:center; padding:12px 14px; border-bottom:1px solid var(--lk-line); }
.lk-chatw__ava{ width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,#6C63FF,#94adae); flex:none; }
.lk-chatw__nm{ font-size:12.5px; font-weight:700; }
.lk-chatw__pv{ font-size:11px; color:var(--lk-txt-mut); }

/* --- бургер меню ЛК на мобильном --- */
.lk-menu-toggle{
  display:none; grid-column:1 / -1; align-items:center; gap:8px; margin-bottom:2px;
  min-height:40px; padding:10px 14px; border-radius:10px; cursor:pointer;
  background:var(--lk-surface); border:1px solid var(--lk-line); color:var(--lk-txt);
  font-family:var(--lk-font); font-size:13px; font-weight:700; width:max-content;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation; appearance:none; -webkit-appearance:none;
}
/* затемнение под выехавшим меню (перенесено из .lk-wrap, чтобы не занимать ячейку грида) */
.lk-aside__scrim{ display:none; position:fixed; inset:0; z-index:1290; background:rgba(0,0,0,.5); }
.lk-aside__scrim.is-visible{ display:block; }
@media (min-width:1001px){ .lk-aside__scrim{ display:none !important; } }

/* --- адаптив --- */
@media (max-width:1000px){
  .lk-wrap{ grid-template-columns:1fr; gap:16px; }
  .lk-stats{ grid-template-columns:repeat(2,1fr); }
  .lk-tasks{ grid-template-columns:1fr; }
  .lk-menu-toggle{ display:inline-flex; }
  .lk-aside{
    position:fixed; left:0; top:0; bottom:0; width:290px; z-index:1300;
    padding:16px 16px calc(16px + env(safe-area-inset-bottom)); overflow-y:auto; background:var(--lk-bg);
    -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
    transform:translateX(-105%); transition:transform .28s var(--lk-ease);
  }
  .lk-aside.is-open{ transform:translateX(0); box-shadow:0 0 60px rgba(0,0,0,.6); }
  /* iOS Safari зумит страницу при фокусе на поле с font-size < 16px */
  .lk-input,select.lk-input{ font-size:16px; }
}
@media (max-width:560px){
  .lk-stats{ grid-template-columns:1fr 1fr; }
  .lk-ad{ grid-template-columns:72px 1fr; }
  .lk-ad__actions{ grid-column:1/-1; flex-direction:row; flex-wrap:wrap; }
  .lk-chatw{ right:12px; width:calc(100% - 24px); padding-bottom:env(safe-area-inset-bottom); }
}

/* --- светлая тема --- */
body.light-theme .lk{
  --lk-surface:rgba(255,255,255,.72);
  --lk-surface-2:#ffffff;
  --lk-line:rgba(23,24,47,.1);
  --lk-line-strong:rgba(108,99,255,.28);
  --lk-txt:#17182f;
  --lk-txt-dim:rgba(23,24,47,.7);
  --lk-txt-mut:rgba(23,24,47,.5);
}
body.light-theme .lk-ava__cam{ background:#fff; }

/* ==========================================================================
   Дополнения для работы в проекте ВикСейл
   ========================================================================== */

/* Manrope (на случай, если bundle.css не отдал) */
.lk { font-family: 'Manrope','Inter',-apple-system,'Segoe UI',sans-serif; }

/* Плоский фон — как в других страницах кабинета */

/* На всякий случай: контейнер .lk не должен растягиваться на всю ширину */
.lk { min-height: 100%; }

/* Светлая тема — правки «под проект» */
body.light-theme .lk {
  --lk-surface:    rgba(255,255,255,.9);
  --lk-surface-2:  #ffffff;
  --lk-line:       rgba(23,24,47,.1);
  --lk-line-strong:rgba(3,105,161,.28);
  --lk-txt:        #17182f;
  --lk-txt-dim:    rgba(23,24,47,.72);
  --lk-txt-mut:    rgba(23,24,47,.5);
  --lk-cyan:       #0369a1;
  --lk-pink:       #be185d;
  --lk-gold:       #b45309;
}
body.light-theme .lk-user::after { opacity: 0; animation: none; }
body.light-theme .lk-nav__item.is-active {
  background: rgba(3,105,161,.08);
}
body.light-theme .lk-nav__item.is-active::before {
  background: linear-gradient(#0369a1, #5b52e0);
  box-shadow: none;
}
body.light-theme .lk-stars { color: #b45309; }
body.light-theme .lk-ad__price { color: #b45309; }
body.light-theme .lk-btn {
  color: #0369a1;
  background: rgba(3,105,161,.06);
  border-color: rgba(3,105,161,.28);
}
body.light-theme .lk-btn:hover {
  color: #fff;
  background: #0369a1;
}
body.light-theme .lk-btn--gold {
  background: linear-gradient(120deg, #b45309, #d97706);
  color: #fff;
}
body.light-theme .lk-ad__status.active      { color:#047857; background:rgba(4,120,87,.08); }
body.light-theme .lk-ad__status.moderation  { color:#b45309; background:rgba(180,83,9,.08); }
body.light-theme .lk-ad__status.rejected    { color:#be123c; background:rgba(190,18,60,.08); }
body.light-theme .lk-ad__status.archived    { color:rgba(23,24,47,.5); background:rgba(0,0,0,.04); }
body.light-theme .lk-chip--ok { color:#047857; border-color:rgba(4,120,87,.24); background:rgba(4,120,87,.06); }
body.light-theme .lk-chip--vip{ color:#b45309; border-color:rgba(180,83,9,.28); background:rgba(180,83,9,.07); }

/* LK-AD-CARD-V2 2026-10-09 */
/* Компактная сетка карточки: картинка / тело / 200px колонка действий. */
.lk .lk-ad {
    grid-template-columns: 112px minmax(0, 1fr) 200px;
    gap: 16px;
    align-items: stretch;
    padding: 16px;
    border-radius: 14px;
    transition: border-color .18s ease, background-color .18s ease;
}
.lk .lk-ad:hover {
    border-color: var(--lk-line-strong);
    background-color: rgba(255,255,255,.045);
}
body.light-theme .lk .lk-ad:hover {
    background-color: rgba(23,24,47,.02);
}

.lk .lk-ad__media {
    display: flex;
    align-items: center;
    justify-content: center;
}
.lk .lk-ad__img {
    width: 112px;
    height: 84px;
    border-radius: 10px;
    object-fit: cover;
    background: var(--lk-surface-2);
}
.lk .lk-ad__img--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lk-txt-mut);
    font-size: 26px;
}

.lk .lk-ad__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}
.lk .lk-ad__t {
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--lk-txt);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.lk .lk-ad__price {
    font-size: 17px;
    font-weight: 900;
    letter-spacing: -.2px;
    margin-top: 0;
}
.lk .lk-ad__meta {
    gap: 14px;
    margin-top: 2px;
    font-size: 11.5px;
}
.lk .lk-ad__meta i {
    font-size: 11px;
    opacity: .65;
}
.lk .lk-ad__status {
    align-self: flex-start;
    margin-top: 4px;
}
.lk .lk-ad__reason {
    margin-top: 6px;
}

/* Колонка действий: 200px, сетка 2 колонки для иконок, кнопки — на всю ширину. */
.lk .lk-ad__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 200px;
    flex: none;
    align-content: center;
    justify-items: stretch;
}
.lk .lk-ad__actions .lk-btn {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 34px;
    padding: 7px 14px;
    font-size: 12.5px;
    border-radius: 999px;
    letter-spacing: .2px;
    white-space: nowrap;
    justify-content: center;
}
.lk .lk-ad__actions .lk-iconbtn {
    justify-self: center;
    align-self: center;
    width: 34px;
    height: 34px;
    padding: 0;
    box-sizing: border-box;
    font-size: 13px;
}
/* Форма (delete) — распаковываем, чтобы её кнопка встала в сетку рядом с edit. */
.lk .lk-ad__actions > form {
    display: contents;
}
.lk .lk-ad__actions > form > input[type="hidden"] {
    display: none !important;
}
.lk .lk-ad__actions > form > .lk-iconbtn {
    justify-self: center;
    align-self: center;
    width: 34px;
    height: 34px;
    padding: 0;
    box-sizing: border-box;
    font-size: 13px;
}

/* Планшет: картинка меньше, кнопки — отдельным рядом внизу. */
@media (max-width: 900px) {
    .lk .lk-ad {
        grid-template-columns: 96px minmax(0, 1fr);
        padding: 14px;
    }
    .lk .lk-ad__img {
        width: 96px;
        height: 72px;
    }
    .lk .lk-ad__actions {
        grid-column: 1 / -1;
        width: auto;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        align-content: start;
        margin-top: 6px;
    }
    .lk .lk-ad__actions .lk-btn {
        grid-column: span 1;
    }
}

/* Мобильный: одна колонка, картинка на всю ширину. */
@media (max-width: 560px) {
    .lk .lk-ad {
        grid-template-columns: 1fr;
    }
    .lk .lk-ad__media {
        justify-content: flex-start;
    }
    .lk .lk-ad__img {
        width: 100%;
        max-width: 240px;
        height: auto;
        aspect-ratio: 4 / 3;
    }
    .lk .lk-ad__actions {
        grid-template-columns: 1fr 1fr;
    }
    .lk .lk-ad__actions .lk-btn {
        grid-column: 1 / -1;
    }
}

/* LK-BTN-V3 2026-10-09 */
/* Перебиваем глобальные правила theme-main.css для кнопок ЛК. */

html body .lk-btn,
html body button.lk-btn,
html body a.lk-btn,
html body input.lk-btn[type="submit"],
html body input.lk-btn[type="button"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: auto !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    border: 1.5px solid transparent !important;
    font-family: var(--lk-font, 'Manrope', 'Inter', system-ui, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .2px !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: background-color .18s ease, background-image .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .12s ease !important;
    transform: none !important;
}
html body .lk-btn.lk-btn--sm {
    min-height: 34px !important;
    padding: 7px 14px !important;
    font-size: 12.5px !important;
}
html body .lk-btn i,
html body .lk-btn .icon,
html body .lk-btn svg {
    font-size: 13px !important;
    color: currentColor !important;
    fill: currentColor !important;
}

/* ТЁМНАЯ ТЕМА — базовый (outline cyan) */
html body:not(.light-theme) .lk-btn,
html body:not(.light-theme) a.lk-btn,
html body:not(.light-theme) button.lk-btn {
    background-color: rgba(0, 243, 255, .06) !important;
    background-image: none !important;
    color: #94adae !important;
    -webkit-text-fill-color: #94adae !important;
    border-color: rgba(0, 243, 255, .3) !important;
}
html body:not(.light-theme) .lk-btn:hover,
html body:not(.light-theme) .lk-btn:focus-visible {
    background-color: rgba(0, 243, 255, .14) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(0, 243, 255, .55) !important;
}

/* СВЕТЛАЯ ТЕМА — базовый (outline blue) */
html body.light-theme .lk-btn,
html body.light-theme a.lk-btn,
html body.light-theme button.lk-btn {
    background-color: rgba(3, 105, 161, .06) !important;
    background-image: none !important;
    color: #0369a1 !important;
    -webkit-text-fill-color: #0369a1 !important;
    border-color: rgba(3, 105, 161, .3) !important;
}
html body.light-theme .lk-btn:hover,
html body.light-theme .lk-btn:focus-visible {
    background-color: #0369a1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #0369a1 !important;
    box-shadow: 0 4px 14px rgba(3, 105, 161, .25) !important;
}

/* ГЛАВНЫЙ CTA — фирменный градиент (как «Подать объявление») */
html body .lk-btn.lk-btn--gold,
html body a.lk-btn.lk-btn--gold,
html body button.lk-btn.lk-btn--gold {
    background: linear-gradient(135deg, #fd5f10 0%, #7a50fc 100%) !important;
    background-image: linear-gradient(135deg, #fd5f10 0%, #7a50fc 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: transparent !important;
}
html body .lk-btn.lk-btn--gold:hover {
    filter: brightness(1.08) !important;
    box-shadow: 0 6px 20px rgba(122, 80, 252, .35) !important;
    transform: translateY(-1px) !important;
}

/* GHOST — прозрачный */
html body .lk-btn.lk-btn--ghost {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
html body:not(.light-theme) .lk-btn.lk-btn--ghost {
    color: rgba(240, 240, 255, .72) !important;
    -webkit-text-fill-color: rgba(240, 240, 255, .72) !important;
    border-color: rgba(255, 255, 255, .15) !important;
}
html body:not(.light-theme) .lk-btn.lk-btn--ghost:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255, 255, 255, .35) !important;
    background-color: rgba(255, 255, 255, .06) !important;
}
html body.light-theme .lk-btn.lk-btn--ghost {
    color: rgba(23, 24, 47, .72) !important;
    -webkit-text-fill-color: rgba(23, 24, 47, .72) !important;
    border-color: rgba(23, 24, 47, .18) !important;
}
html body.light-theme .lk-btn.lk-btn--ghost:hover {
    color: #17182f !important;
    -webkit-text-fill-color: #17182f !important;
    border-color: rgba(23, 24, 47, .35) !important;
    background-color: rgba(23, 24, 47, .05) !important;
}

html body .lk-btn.is-disabled,
html body .lk-btn:disabled {
    opacity: .4 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* ==========================================================================
   ИКОНКИ-КНОПКИ (edit / delete / reason)
   ========================================================================== */
html body .lk-iconbtn,
html body a.lk-iconbtn,
html body button.lk-iconbtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    border: 1.5px solid transparent !important;
    font-size: 14px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    flex: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .12s ease !important;
    transform: none !important;
}
html body .lk-iconbtn i,
html body .lk-iconbtn .icon,
html body .lk-iconbtn svg {
    font-size: 14px !important;
    color: currentColor !important;
    fill: currentColor !important;
}

html body:not(.light-theme) .lk-iconbtn {
    background-color: rgba(255, 255, 255, .04) !important;
    background-image: none !important;
    color: rgba(240, 240, 255, .72) !important;
    -webkit-text-fill-color: rgba(240, 240, 255, .72) !important;
    border-color: rgba(255, 255, 255, .12) !important;
}
html body:not(.light-theme) .lk-iconbtn:hover {
    background-color: rgba(0, 243, 255, .1) !important;
    color: #94adae !important;
    -webkit-text-fill-color: #94adae !important;
    border-color: rgba(0, 243, 255, .4) !important;
}
html body.light-theme .lk-iconbtn {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #4a5568 !important;
    -webkit-text-fill-color: #4a5568 !important;
    border-color: rgba(23, 24, 47, .12) !important;
}
html body.light-theme .lk-iconbtn:hover {
    background-color: rgba(3, 105, 161, .08) !important;
    color: #0369a1 !important;
    -webkit-text-fill-color: #0369a1 !important;
    border-color: rgba(3, 105, 161, .35) !important;
}

/* Danger-иконка (удаление) */
html body:not(.light-theme) .lk-iconbtn.lk-iconbtn--danger {
    background-color: rgba(255, 92, 122, .06) !important;
    color: #ff5c7a !important;
    -webkit-text-fill-color: #ff5c7a !important;
    border-color: rgba(255, 92, 122, .28) !important;
}
html body:not(.light-theme) .lk-iconbtn.lk-iconbtn--danger:hover {
    background-color: rgba(255, 92, 122, .16) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255, 92, 122, .55) !important;
}
html body.light-theme .lk-iconbtn.lk-iconbtn--danger {
    background-color: rgba(190, 18, 60, .05) !important;
    color: #be123c !important;
    -webkit-text-fill-color: #be123c !important;
    border-color: rgba(190, 18, 60, .28) !important;
}
html body.light-theme .lk-iconbtn.lk-iconbtn--danger:hover {
    background-color: rgba(190, 18, 60, .12) !important;
    color: #9f1239 !important;
    -webkit-text-fill-color: #9f1239 !important;
    border-color: rgba(190, 18, 60, .5) !important;
}

/* Убираем glow-псевдоэлементы у кнопок ЛК */
html body .lk-iconbtn::before,
html body .lk-iconbtn::after,
html body .lk-btn::before,
html body .lk-btn::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

/* ==========================================================================
   ТУЛБАР: поиск / сортировка / кнопки — компактнее, в одну строку
   ========================================================================== */
html body .ad-toolbar {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin: 12px 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
html body .ad-toolbar__search {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
}
html body .ad-toolbar__search input {
    width: 100% !important;
    min-height: 38px !important;
    padding: 8px 14px 8px 38px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
}
html body .ad-toolbar__sort {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 8px 34px 8px 16px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    max-width: 220px !important;
    box-sizing: border-box !important;
}
html body .ad-toolbar .lk-btn,
html body .ad-toolbar button.lk-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 8px 20px !important;
    border-radius: 999px !important;
}

@media (max-width: 700px) {
    html body .ad-toolbar { flex-wrap: wrap !important; }
    html body .ad-toolbar__search { flex: 1 1 100% !important; }
    html body .ad-toolbar__sort { flex: 1 1 auto !important; max-width: none !important; }
    html body .ad-toolbar .lk-btn { flex: 1 1 auto !important; }
}
/* LK-BTN-CONTRAST-V4 2026-10-09 */
/* Ghost-кнопка «Снять» — контраст в обеих темах. */
html body.light-theme .lk-btn.lk-btn--ghost {
    color: #1f2937 !important;
    -webkit-text-fill-color: #1f2937 !important;
    border-color: rgba(23, 24, 47, .35) !important;
    background-color: rgba(23, 24, 47, .04) !important;
    opacity: 1 !important;
    filter: none !important;
}
html body.light-theme .lk-btn.lk-btn--ghost:hover,
html body.light-theme .lk-btn.lk-btn--ghost:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #0369a1 !important;
    background-color: #0369a1 !important;
}
html body:not(.light-theme) .lk-btn.lk-btn--ghost {
    color: rgba(240, 240, 255, .92) !important;
    -webkit-text-fill-color: rgba(240, 240, 255, .92) !important;
    border-color: rgba(255, 255, 255, .3) !important;
    background-color: rgba(255, 255, 255, .06) !important;
    opacity: 1 !important;
    filter: none !important;
}
html body:not(.light-theme) .lk-btn.lk-btn--ghost:hover,
html body:not(.light-theme) .lk-btn.lk-btn--ghost:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(0, 243, 255, .7) !important;
    background-color: rgba(0, 243, 255, .16) !important;
}

/* Иконка «Редактировать» — контраст в обеих темах. */
html body.light-theme .lk-iconbtn {
    color: #1f2937 !important;
    -webkit-text-fill-color: #1f2937 !important;
    background-color: #ffffff !important;
    border-color: rgba(23, 24, 47, .35) !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: 0 1px 3px rgba(23, 24, 47, .08) !important;
}
html body.light-theme .lk-iconbtn i,
html body.light-theme .lk-iconbtn svg,
html body.light-theme .lk-iconbtn .icon {
    color: #1f2937 !important;
    -webkit-text-fill-color: #1f2937 !important;
    fill: currentColor !important;
    opacity: 1 !important;
}
html body.light-theme .lk-iconbtn:hover,
html body.light-theme .lk-iconbtn:focus-visible {
    color: #0369a1 !important;
    -webkit-text-fill-color: #0369a1 !important;
    background-color: rgba(3, 105, 161, .1) !important;
    border-color: #0369a1 !important;
}
html body.light-theme .lk-iconbtn:hover i,
html body.light-theme .lk-iconbtn:hover svg,
html body.light-theme .lk-iconbtn:hover .icon {
    color: #0369a1 !important;
    -webkit-text-fill-color: #0369a1 !important;
}
html body:not(.light-theme) .lk-iconbtn {
    color: rgba(240, 240, 255, .92) !important;
    -webkit-text-fill-color: rgba(240, 240, 255, .92) !important;
    background-color: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .3) !important;
    opacity: 1 !important;
    filter: none !important;
}
html body:not(.light-theme) .lk-iconbtn i,
html body:not(.light-theme) .lk-iconbtn svg,
html body:not(.light-theme) .lk-iconbtn .icon {
    color: rgba(240, 240, 255, .92) !important;
    -webkit-text-fill-color: rgba(240, 240, 255, .92) !important;
    fill: currentColor !important;
    opacity: 1 !important;
}
html body:not(.light-theme) .lk-iconbtn:hover,
html body:not(.light-theme) .lk-iconbtn:focus-visible {
    color: #94adae !important;
    -webkit-text-fill-color: #94adae !important;
    background-color: rgba(0, 243, 255, .14) !important;
    border-color: rgba(0, 243, 255, .7) !important;
}
html body:not(.light-theme) .lk-iconbtn:hover i,
html body:not(.light-theme) .lk-iconbtn:hover svg,
html body:not(.light-theme) .lk-iconbtn:hover .icon {
    color: #94adae !important;
    -webkit-text-fill-color: #94adae !important;
}

/* Иконка «Удалить» (danger) — контраст в обеих темах. */
html body.light-theme .lk-iconbtn.lk-iconbtn--danger {
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
    background-color: rgba(190, 18, 60, .08) !important;
    border-color: rgba(190, 18, 60, .5) !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: 0 1px 3px rgba(190, 18, 60, .12) !important;
}
html body.light-theme .lk-iconbtn.lk-iconbtn--danger i,
html body.light-theme .lk-iconbtn.lk-iconbtn--danger svg {
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
    fill: currentColor !important;
    opacity: 1 !important;
}
html body.light-theme .lk-iconbtn.lk-iconbtn--danger:hover,
html body.light-theme .lk-iconbtn.lk-iconbtn--danger:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: #b91c1c !important;
    border-color: #b91c1c !important;
}
html body.light-theme .lk-iconbtn.lk-iconbtn--danger:hover i,
html body.light-theme .lk-iconbtn.lk-iconbtn--danger:hover svg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body:not(.light-theme) .lk-iconbtn.lk-iconbtn--danger {
    color: #ff7a9c !important;
    -webkit-text-fill-color: #ff7a9c !important;
    background-color: rgba(255, 60, 90, .1) !important;
    border-color: rgba(255, 92, 122, .55) !important;
    opacity: 1 !important;
    filter: none !important;
}
html body:not(.light-theme) .lk-iconbtn.lk-iconbtn--danger i,
html body:not(.light-theme) .lk-iconbtn.lk-iconbtn--danger svg {
    color: #ff7a9c !important;
    -webkit-text-fill-color: #ff7a9c !important;
    fill: currentColor !important;
    opacity: 1 !important;
}
html body:not(.light-theme) .lk-iconbtn.lk-iconbtn--danger:hover,
html body:not(.light-theme) .lk-iconbtn.lk-iconbtn--danger:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: rgba(255, 60, 90, .35) !important;
    border-color: #ff7a9c !important;
}
html body:not(.light-theme) .lk-iconbtn.lk-iconbtn--danger:hover i,
html body:not(.light-theme) .lk-iconbtn.lk-iconbtn--danger:hover svg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Убираем любые гасящие эффекты у иконок-кнопок ЛК. */
html body .lk-iconbtn,
html body .lk-iconbtn i,
html body .lk-iconbtn svg {
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}

/* LK-AD-ICONROW 2026-10-09 */
/* Правая колонка действий — flex-колонка, иконки отдельным рядом. */
html body .lk-ad__actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 200px !important;
    flex: none !important;
    justify-content: center !important;
    align-items: stretch !important;
}
html body .lk-ad__actions > .lk-btn {
    width: 100% !important;
    min-height: 34px !important;
    padding: 7px 14px !important;
    font-size: 12.5px !important;
    border-radius: 999px !important;
    justify-content: center !important;
}

/* Ряд иконок: обе рядом, прижаты к правому краю колонки. */
html body .lk-ad__iconrow {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 2px !important;
}
html body .lk-ad__iconrow > form {
    display: contents !important;
}
html body .lk-ad__iconrow > form > input[type="hidden"] {
    display: none !important;
}
html body .lk-ad__iconrow > a.lk-iconbtn,
html body .lk-ad__iconrow > button.lk-iconbtn,
html body .lk-ad__iconrow > form > button.lk-iconbtn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    flex: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* LK-BTN-DANGER-V2 2026-10-09 */
/* Красная кнопка «Удалить» — pill, как остальные. */
html body:not(.light-theme) .lk-btn.lk-btn--danger {
    color: #ff7a9c !important;
    -webkit-text-fill-color: #ff7a9c !important;
    background-color: rgba(255, 60, 90, .08) !important;
    border-color: rgba(255, 92, 122, .5) !important;
}
html body:not(.light-theme) .lk-btn.lk-btn--danger:hover,
html body:not(.light-theme) .lk-btn.lk-btn--danger:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: rgba(255, 60, 90, .35) !important;
    border-color: #ff7a9c !important;
}
html body.light-theme .lk-btn.lk-btn--danger {
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
    background-color: rgba(190, 18, 60, .06) !important;
    border-color: rgba(190, 18, 60, .5) !important;
}
html body.light-theme .lk-btn.lk-btn--danger:hover,
html body.light-theme .lk-btn.lk-btn--danger:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: #b91c1c !important;
    border-color: #b91c1c !important;
}

/* Форма внутри .lk-ad__actions — не блок, а прозрачный контейнер. */
html body .lk-ad__actions > form {
    display: contents !important;
}
html body .lk-ad__actions > form > input[type="hidden"] {
    display: none !important;
}

/* Кнопки внутри .lk-ad__actions — на всю ширину колонки. */
html body .lk-ad__actions > .lk-btn,
html body .lk-ad__actions > form > .lk-btn {
    width: 100% !important;
    min-height: 34px !important;
    padding: 7px 14px !important;
    font-size: 12.5px !important;
    border-radius: 999px !important;
    justify-content: center !important;
    gap: 7px !important;
}

/* LK-DANGER-ICON 2026-10-09 */
/* Иконка кнопки «Удалить» — того же цвета, что и текст.
   Максимальная специфичность: html body .lk-btn.lk-btn--danger i.fas
   Перебивает любые `html body i { color: ... !important }`. */
html body .lk-btn.lk-btn--danger i,
html body .lk-btn.lk-btn--danger i.fas,
html body .lk-btn.lk-btn--danger i.far,
html body .lk-btn.lk-btn--danger svg,
html body .lk-btn.lk-btn--danger .icon {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}
html body:not(.light-theme) .lk-btn.lk-btn--danger i,
html body:not(.light-theme) .lk-btn.lk-btn--danger i.fas,
html body:not(.light-theme) .lk-btn.lk-btn--danger svg,
html body:not(.light-theme) .lk-btn.lk-btn--danger .icon {
    color: #ff7a9c !important;
    -webkit-text-fill-color: #ff7a9c !important;
    fill: currentColor !important;
}
html body:not(.light-theme) .lk-btn.lk-btn--danger:hover i,
html body:not(.light-theme) .lk-btn.lk-btn--danger:hover i.fas,
html body:not(.light-theme) .lk-btn.lk-btn--danger:hover svg,
html body:not(.light-theme) .lk-btn.lk-btn--danger:hover .icon,
html body:not(.light-theme) .lk-btn.lk-btn--danger:focus-visible i,
html body:not(.light-theme) .lk-btn.lk-btn--danger:focus-visible svg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
}
html body.light-theme .lk-btn.lk-btn--danger i,
html body.light-theme .lk-btn.lk-btn--danger i.fas,
html body.light-theme .lk-btn.lk-btn--danger svg,
html body.light-theme .lk-btn.lk-btn--danger .icon {
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
    fill: currentColor !important;
}
html body.light-theme .lk-btn.lk-btn--danger:hover i,
html body.light-theme .lk-btn.lk-btn--danger:hover i.fas,
html body.light-theme .lk-btn.lk-btn--danger:hover svg,
html body.light-theme .lk-btn.lk-btn--danger:hover .icon,
html body.light-theme .lk-btn.lk-btn--danger:focus-visible i,
html body.light-theme .lk-btn.lk-btn--danger:focus-visible svg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
}

/* LK-BTN-GOLD-BRAND 2026-10-09 */
/* Кнопка «Поднять» — фирменный градиент как у .btn-submit-ad. */
html body .lk-btn.lk-btn--gold,
html body a.lk-btn.lk-btn--gold,
html body button.lk-btn.lk-btn--gold {
    background: linear-gradient(135deg, #fd5f10 0%, #7a50fc 100%) !important;
    background-image: linear-gradient(135deg, #fd5f10 0%, #7a50fc 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-radius: 999px !important;
    border: 0 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: 0 2px 8px rgba(253, 95, 16, .25) !important;
}
html body .lk-btn.lk-btn--gold:hover,
html body a.lk-btn.lk-btn--gold:hover,
html body button.lk-btn.lk-btn--gold:hover,
html body .lk-btn.lk-btn--gold:focus-visible {
    background: linear-gradient(135deg, #fd5f10 0%, #7a50fc 100%) !important;
    background-image: linear-gradient(135deg, #fd5f10 0%, #7a50fc 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    filter: brightness(1.06) !important;
    box-shadow: 0 6px 18px rgba(122, 80, 252, .4) !important;
    transform: translateY(-1px) !important;
}

/* Иконка и текст внутри «Поднять» — белые. */
html body .lk-btn.lk-btn--gold i,
html body .lk-btn.lk-btn--gold i.fas,
html body .lk-btn.lk-btn--gold svg,
html body .lk-btn.lk-btn--gold svg.icon,
html body .lk-btn.lk-btn--gold svg use,
html body .lk-btn.lk-btn--gold .icon,
html body .lk-btn.lk-btn--gold .btn-text,
html body .lk-btn.lk-btn--gold .btn-icon,
html body .lk-btn.lk-btn--gold .btn-icon svg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
}
html body .lk-btn.lk-btn--gold:hover i,
html body .lk-btn.lk-btn--gold:hover i.fas,
html body .lk-btn.lk-btn--gold:hover svg,
html body .lk-btn.lk-btn--gold:hover .icon,
html body .lk-btn.lk-btn--gold:hover .btn-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: #ffffff !important;
}

/* Явно для светлой темы — базовый lk-btn (как «Найти», «Сбросить»). */
html body.light-theme .lk-btn i,
html body.light-theme .lk-btn i.fas,
html body.light-theme .lk-btn svg,
html body.light-theme .lk-btn svg.icon,
html body.light-theme .lk-btn svg use,
html body.light-theme .lk-btn .icon {
    color: #0369a1 !important;
    -webkit-text-fill-color: #0369a1 !important;
    fill: currentColor !important;
}
html body.light-theme .lk-btn:hover i,
html body.light-theme .lk-btn:hover i.fas,
html body.light-theme .lk-btn:hover svg,
html body.light-theme .lk-btn:hover svg use,
html body.light-theme .lk-btn:hover .icon,
html body.light-theme .lk-btn:focus-visible i,
html body.light-theme .lk-btn:focus-visible svg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
}

/* Тёмная тема — базовый lk-btn. */
html body:not(.light-theme) .lk-btn i,
html body:not(.light-theme) .lk-btn i.fas,
html body:not(.light-theme) .lk-btn svg,
html body:not(.light-theme) .lk-btn svg.icon,
html body:not(.light-theme) .lk-btn svg use,
html body:not(.light-theme) .lk-btn .icon {
    color: #94adae !important;
    -webkit-text-fill-color: #94adae !important;
    fill: currentColor !important;
}
html body:not(.light-theme) .lk-btn:hover i,
html body:not(.light-theme) .lk-btn:hover i.fas,
html body:not(.light-theme) .lk-btn:hover svg,
html body:not(.light-theme) .lk-btn:hover svg use,
html body:not(.light-theme) .lk-btn:hover .icon,
html body:not(.light-theme) .lk-btn:focus-visible i,
html body:not(.light-theme) .lk-btn:focus-visible svg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
}

/* Ghost-кнопки: иконка — цвет текста кнопки. */
html body.light-theme .lk-btn.lk-btn--ghost i,
html body.light-theme .lk-btn.lk-btn--ghost svg,
html body.light-theme .lk-btn.lk-btn--ghost .icon {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}
html body:not(.light-theme) .lk-btn.lk-btn--ghost i,
html body:not(.light-theme) .lk-btn.lk-btn--ghost svg,
html body:not(.light-theme) .lk-btn.lk-btn--ghost .icon {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* LK-BTN-GOLD-ICON-WHITE 2026-10-09 */
/* Иконка внутри .lk-btn--gold («Поднять») — белая, как текст. */
html body .lk-btn.lk-btn--gold i,
html body .lk-btn.lk-btn--gold i.fas,
html body .lk-btn.lk-btn--gold svg,
html body .lk-btn.lk-btn--gold svg.icon,
html body .lk-btn.lk-btn--gold svg use,
html body .lk-btn.lk-btn--gold .icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}
html body .lk-btn.lk-btn--gold:hover i,
html body .lk-btn.lk-btn--gold:hover i.fas,
html body .lk-btn.lk-btn--gold:hover svg,
html body .lk-btn.lk-btn--gold:hover svg use,
html body .lk-btn.lk-btn--gold:hover .icon,
html body .lk-btn.lk-btn--gold:focus-visible i,
html body .lk-btn.lk-btn--gold:focus-visible svg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
}

/* LK-USER-FIX-CSS 2026-10-09 */

/* Инициал в аватаре. */
.lk-ava__initial {
    display: inline-block;
    line-height: 1;
    pointer-events: none;
}

/* Камера-кнопка: сброс дефолтных стилей button. */
html body button.lk-ava__cam,
html body .lk-ava__cam {
    position: absolute !important;
    right: -2px !important;
    bottom: -2px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    border: 1px solid var(--lk-line-strong) !important;
    background-color: var(--lk-surface-2) !important;
    background-image: none !important;
    color: var(--lk-txt-dim) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
html body .lk-ava__cam svg {
    display: block !important;
    width: 13px !important;
    height: 13px !important;
    color: currentColor !important;
    fill: none !important;
    stroke: currentColor !important;
}
html body .lk-ava__cam:hover {
    color: var(--lk-cyan) !important;
    border-color: var(--lk-cyan) !important;
    transform: scale(1.08);
}
html body .lk-ava__cam:focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 243, 255, .35) !important;
}
body.light-theme .lk-ava__cam {
    color: #4a5568 !important;
    background-color: #ffffff !important;
    border-color: rgba(23, 24, 47, .18) !important;
}
body.light-theme .lk-ava__cam:hover {
    color: #0369a1 !important;
    border-color: #0369a1 !important;
}

/* Текст рядом со звёздами. */
.lk-user__rate-text {
    color: var(--lk-txt-dim);
}
/* Пустое состояние рейтинга. */
.lk-user__rate-empty {
    color: var(--lk-txt-mut);
    font-style: normal;
}
/* LK-AVA-IMG 2026-10-09 — картинка аватара внутри .lk-ava */
.lk-ava {
    overflow: hidden;
}
.lk-ava__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    display: block;
    z-index: 1;
    background: var(--lk-surface-2, #2e2e5a);
}
.lk-ava--has-img {
    background: none;
}
.lk-ava--has-img .lk-ava__cam {
    z-index: 3;
}
/* .cabinet-card__head — оставляем только нижний разделитель (как задумано дизайном ЛК). */
html body .cabinet-card__head {
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html body.light-theme .cabinet-card__head {
    border-bottom-color: #edf2f7 !important;
}

/* Явные исключения для часто встречающихся BEM-элементов (страховка на случай,
   если специфичность wildcard-правила окажется равной). */
html body .cabinet-card__title,
html body .cabinet-card__icon,
html body .cabinet-card__hint,
html body .lk-card__title,
html body .stat-card__icon,
html body .stat-card__num,
html body .stat-card__label,
html body .stat-card__body {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* RESET-CARD-BORDER-V2 2026-10-10 */
/* theme-main.css навешивает border/radius/shadow через широкий селектор
   [class*="card"] на любые элементы, в чьём классе есть подстрока "card" — включая
   cabinet-card__head, cabinet-card__title, cabinet-card__icon, cabinet-card__hint,
   lk-card__title. Ниже — резет ТОЛЬКО для BEM-элементов этих двух карточных систем.
   :not(#_) даёт специфичность по ID — гарантированно перебивает theme-main
   в обеих темах. Не трогает .stat-card__icon, .cabinet-alert--*, .btn--*,
   .ad-card--vip, .ad-card--boosted и т.д. */
html body:is(.cabinet-page, .add-ad-body, .admin-body, .lk-page):not(#_)
    [class*="cabinet-card__"]:not(.cat-card):not(.ad-card--vip):not(.ad-card--boosted),
html body:is(.cabinet-page, .add-ad-body, .admin-body, .lk-page):not(#_)
    [class*="lk-card__"]:not(.cat-card):not(.ad-card--vip):not(.ad-card--boosted) {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* .cabinet-card__head — оставляем только нижний разделитель (замысел дизайна ЛК). */
html body:is(.cabinet-page, .add-ad-body, .admin-body, .lk-page):not(#_)
    .cabinet-card__head[class*="cabinet-card__"] {
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html body.light-theme:not(#_) .cabinet-card__head[class*="cabinet-card__"] {
    border-bottom-color: #edf2f7 !important;
}

/* Явные фоллбеки для конкретных элементов (страховка). */
html body:not(#_) .cabinet-card__title,
html body:not(#_) .cabinet-card__icon,
html body:not(#_) .cabinet-card__hint,
html body:not(#_) .lk-card__title {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* BTN-UNIFIED 2026-10-10 — единый стиль всех кнопок ЛК. Эталон: .btn.btn-primary.btn-compact.
   :not(#_) даёт ID-уровень специфичности → перебивает theme-main.css.
   Светлая: тёмный градиент #5b52e0 → #0369a1, белый текст/иконки.
   Тёмная:  яркий градиент #6C63FF → #00D9FF, белый текст/иконки. */

html body:not(#_) .btn,
html body:not(#_) .btn-primary,
html body:not(#_) .btn-compact,
html body:not(#_) .btn-secondary,
html body:not(#_) .btn-ghost,
html body:not(#_) .lk-btn,
html body:not(#_) .lk-btn--gold,
html body:not(#_) .lk-btn--ghost,
html body:not(#_) .lk-btn--sm,
html body:not(#_) .lk-btn--danger,
html body:not(#_) .auth-btn,
html body:not(#_) .search-submit-btn,
html body:not(#_) .mobile-search-submit,
html body:not(#_) .reason-modal__ok,
html body:not(#_) .lk-iconbtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    border: 0 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    overflow: hidden !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, background-color .2s ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: 0 !important;
}

html body:not(#_) .lk-btn--sm {
    min-height: 36px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
}

html body:not(#_) .lk-ad__actions > .lk-iconbtn,
html body:not(#_) .lk-ad__actions > form > .lk-iconbtn {
    min-height: 36px !important;
    padding: 0 14px !important;
}

/* СВЕТЛАЯ ТЕМА — тёмный градиент */
html body.light-theme:not(#_) .btn,
html body.light-theme:not(#_) .btn-primary,
html body.light-theme:not(#_) .btn-compact,
html body.light-theme:not(#_) .btn-secondary,
html body.light-theme:not(#_) .btn-ghost,
html body.light-theme:not(#_) .lk-btn,
html body.light-theme:not(#_) .lk-btn--gold,
html body.light-theme:not(#_) .lk-btn--ghost,
html body.light-theme:not(#_) .lk-btn--sm,
html body.light-theme:not(#_) .auth-btn,
html body.light-theme:not(#_) .search-submit-btn,
html body.light-theme:not(#_) .mobile-search-submit,
html body.light-theme:not(#_) .reason-modal__ok,
html body.light-theme:not(#_) .lk-iconbtn {
    background: linear-gradient(135deg, #5b52e0 0%, #0369a1 100%) !important;
    background-image: linear-gradient(135deg, #5b52e0 0%, #0369a1 100%) !important;
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(91, 82, 224, .22) !important;
}
html body.light-theme:not(#_) .lk-btn--danger {
    background: linear-gradient(135deg, #be123c 0%, #9f1239 100%) !important;
    background-image: linear-gradient(135deg, #be123c 0%, #9f1239 100%) !important;
    background-color: #be123c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(190, 18, 60, .22) !important;
}

/* ТЁМНАЯ ТЕМА — яркий градиент */
html body:not(.light-theme):not(#_) .btn,
html body:not(.light-theme):not(#_) .btn-primary,
html body:not(.light-theme):not(#_) .btn-compact,
html body:not(.light-theme):not(#_) .btn-secondary,
html body:not(.light-theme):not(#_) .btn-ghost,
html body:not(.light-theme):not(#_) .lk-btn,
html body:not(.light-theme):not(#_) .lk-btn--gold,
html body:not(.light-theme):not(#_) .lk-btn--ghost,
html body:not(.light-theme):not(#_) .lk-btn--sm,
html body:not(.light-theme):not(#_) .auth-btn,
html body:not(.light-theme):not(#_) .search-submit-btn,
html body:not(.light-theme):not(#_) .mobile-search-submit,
html body:not(.light-theme):not(#_) .reason-modal__ok,
html body:not(.light-theme):not(#_) .lk-iconbtn {
    background: linear-gradient(135deg, #6C63FF 0%, #00D9FF 100%) !important;
    background-image: linear-gradient(135deg, #6C63FF 0%, #00D9FF 100%) !important;
    background-color: #6C63FF !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 217, 255, .22) !important;
}
html body:not(.light-theme):not(#_) .lk-btn--danger {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
    background-image: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
    background-color: #dc2626 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(220, 38, 38, .24) !important;
}

/* Иконки и текст внутри кнопок — белые */
html body:not(#_) .btn i,
html body:not(#_) .btn i.fas,
html body:not(#_) .btn i.far,
html body:not(#_) .btn i.fab,
html body:not(#_) .btn svg,
html body:not(#_) .btn svg.icon,
html body:not(#_) .btn svg use,
html body:not(#_) .btn .icon,
html body:not(#_) .btn .btn-icon,
html body:not(#_) .btn .btn-text,
html body:not(#_) .lk-btn i,
html body:not(#_) .lk-btn i.fas,
html body:not(#_) .lk-btn svg,
html body:not(#_) .lk-btn svg.icon,
html body:not(#_) .lk-btn svg use,
html body:not(#_) .lk-btn .icon,
html body:not(#_) .lk-btn .btn-icon,
html body:not(#_) .lk-btn .btn-text,
html body:not(#_) .auth-btn i,
html body:not(#_) .auth-btn svg,
html body:not(#_) .auth-btn .icon,
html body:not(#_) .search-submit-btn i,
html body:not(#_) .search-submit-btn svg,
html body:not(#_) .search-submit-btn .icon,
html body:not(#_) .mobile-search-submit i,
html body:not(#_) .mobile-search-submit svg,
html body:not(#_) .mobile-search-submit .icon,
html body:not(#_) .reason-modal__ok i,
html body:not(#_) .reason-modal__ok svg,
html body:not(#_) .lk-iconbtn i,
html body:not(#_) .lk-iconbtn i.fas,
html body:not(#_) .lk-iconbtn svg,
html body:not(#_) .lk-iconbtn svg.icon,
html body:not(#_) .lk-iconbtn svg use,
html body:not(#_) .lk-iconbtn .icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Hover / focus */
html body:not(#_) .btn:hover:not(:disabled),
html body:not(#_) .lk-btn:hover:not(:disabled),
html body:not(#_) .auth-btn:hover:not(:disabled),
html body:not(#_) .search-submit-btn:hover:not(:disabled),
html body:not(#_) .mobile-search-submit:hover:not(:disabled),
html body:not(#_) .reason-modal__ok:hover:not(:disabled),
html body:not(#_) .lk-iconbtn:hover:not(:disabled),
html body:not(#_) .btn:focus-visible,
html body:not(#_) .lk-btn:focus-visible {
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
}
html body.light-theme:not(#_) .btn:hover:not(:disabled),
html body.light-theme:not(#_) .lk-btn:hover:not(:disabled),
html body.light-theme:not(#_) .auth-btn:hover:not(:disabled),
html body.light-theme:not(#_) .search-submit-btn:hover:not(:disabled),
html body.light-theme:not(#_) .mobile-search-submit:hover:not(:disabled),
html body.light-theme:not(#_) .reason-modal__ok:hover:not(:disabled),
html body.light-theme:not(#_) .lk-iconbtn:hover:not(:disabled) {
    box-shadow: 0 6px 20px rgba(91, 82, 224, .38) !important;
}
html body:not(.light-theme):not(#_) .btn:hover:not(:disabled),
html body:not(.light-theme):not(#_) .lk-btn:hover:not(:disabled),
html body:not(.light-theme):not(#_) .auth-btn:hover:not(:disabled),
html body:not(.light-theme):not(#_) .search-submit-btn:hover:not(:disabled),
html body:not(.light-theme):not(#_) .mobile-search-submit:hover:not(:disabled),
html body:not(.light-theme):not(#_) .reason-modal__ok:hover:not(:disabled),
html body:not(.light-theme):not(#_) .lk-iconbtn:hover:not(:disabled) {
    box-shadow: 0 6px 22px rgba(0, 217, 255, .4) !important;
}

/* Disabled */
html body:not(#_) .btn:disabled,
html body:not(#_) .btn.is-disabled,
html body:not(#_) .lk-btn:disabled,
html body:not(#_) .lk-btn.is-disabled,
html body:not(#_) .auth-btn:disabled,
html body:not(#_) .lk-iconbtn:disabled {
    opacity: .5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Сброс псевдоэлементов */
html body:not(#_) .btn::before,
html body:not(#_) .btn::after,
html body:not(#_) .lk-btn::before,
html body:not(#_) .lk-btn::after,
html body:not(#_) .auth-btn::before,
html body:not(#_) .auth-btn::after,
html body:not(#_) .lk-iconbtn::before,
html body:not(#_) .lk-iconbtn::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

/* BTN-UNIFIED-AVATAR 2026-10-11
   Кнопка «Загрузить фото» (.avatar-upload-btn) — это <label>, не попала в BTN-UNIFIED.
   Текст/иконку перебивал theme-main.css: html body label { color: #000000 !important }.
   Ниже — то же оформление, что у .btn.btn-primary.btn-compact, с :not(#_) для победы. */

html body:not(#_) .avatar-upload-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    border: 0 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    overflow: hidden !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: 0 !important;
}

html body.light-theme:not(#_) .avatar-upload-btn {
    background: linear-gradient(135deg, #5b52e0 0%, #0369a1 100%) !important;
    background-image: linear-gradient(135deg, #5b52e0 0%, #0369a1 100%) !important;
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(91, 82, 224, .22) !important;
}

html body:not(.light-theme):not(#_) .avatar-upload-btn {
    background: linear-gradient(135deg, #6C63FF 0%, #00D9FF 100%) !important;
    background-image: linear-gradient(135deg, #6C63FF 0%, #00D9FF 100%) !important;
    background-color: #6C63FF !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 217, 255, .22) !important;
}

html body:not(#_) .avatar-upload-btn i,
html body:not(#_) .avatar-upload-btn i.fas,
html body:not(#_) .avatar-upload-btn svg,
html body:not(#_) .avatar-upload-btn svg use,
html body:not(#_) .avatar-upload-btn .icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}

html body:not(#_) .avatar-upload-btn:hover,
html body:not(#_) .avatar-upload-btn:focus-visible {
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
}
html body.light-theme:not(#_) .avatar-upload-btn:hover {
    box-shadow: 0 6px 20px rgba(91, 82, 224, .38) !important;
}
html body:not(.light-theme):not(#_) .avatar-upload-btn:hover {
    box-shadow: 0 6px 22px rgba(0, 217, 255, .4) !important;
}

/* STEP-CHIP-WHITE 2026-10-11
   Иконка/цифра внутри .step-chip — всегда белые, в светлой и тёмной теме.
   Фон у шашки — градиент (primary → accent), тёмный в обеих темах,
   поэтому белый читается везде. Перебиваем возможные правила theme-main
   типа html body i { color: ... !important }. */

html body:not(#_) .step-chip,
html body:not(#_) .step-chip *,
html body:not(#_) .step-chip i,
html body:not(#_) .step-chip i.fas,
html body:not(#_) .step-chip i.far,
html body:not(#_) .step-chip i.fab,
html body:not(#_) .step-chip svg,
html body:not(#_) .step-chip svg.icon,
html body:not(#_) .step-chip svg use,
html body:not(#_) .step-chip .icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}