/* =====================================================================
   5.27.945 — полный визуальный проход светлой темы и единые интерактивы
   ===================================================================== */

/* Тёмный фон больше не меняет яркость по вертикали viewport. Раньше
   градиент veil создавал ощущение, что при прокрутке фон внезапно светлеет. */
html:not(.theme-light) .jmiSiteBgVeil.is-on{display:none!important;}

/* Режим просмотра не должен уезжать под закреплённую шапку. */
.viewbar{
  position:sticky!important;top:var(--jmi-hdrh,76px)!important;z-index:9000!important;
  margin:0!important;box-sizing:border-box!important;
}
html.theme-light .viewbar{
  background:rgba(250,239,202,.97)!important;color:#694c11!important;
  border-color:#d7ad4c!important;box-shadow:0 5px 16px rgba(83,60,13,.10)!important;
}
html.theme-light .viewbar .jmi-view-role{
  color:#b97800!important;text-shadow:none!important;font-weight:900!important;
}
html.theme-light .viewbar .jmi-view-role .jmi-role-svg{filter:none!important;opacity:1!important}
/* 5.28.353 — readable view-mode role in light theme, including inline role colour. */
html.theme-light .viewbar .jmi-view-role,
html.theme-light .viewbar .jmi-view-role *{
  color:#8a5700!important;
  fill:currentColor!important;
  text-shadow:none!important;
}



/* Базовая плавность форм — без резких скачков при focus/hover. */
:where(input:not([type=checkbox]):not([type=radio]),textarea,button,.btn,a[class*=btn]){
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,
             box-shadow .18s ease,transform .18s ease,opacity .18s ease!important;
}
html.theme-light :where(input:not([type=checkbox]):not([type=radio]),textarea):focus{
  border-color:#b98a31!important;box-shadow:0 0 0 3px rgba(185,138,49,.12)!important;
}

/* ---- Единый кастомный select: настоящая анимация списка и стрелки ---- */
.jmi-select-ui{position:relative;display:inline-block;max-width:100%;min-width:0;vertical-align:middle}
.jmi-select-ui>select.jmi-select-native{display:none!important}
.jmi-select-btn{width:100%;min-height:42px;box-sizing:border-box;display:flex;align-items:center;
  justify-content:space-between;gap:12px;padding:10px 13px 10px 14px;border-radius:12px;
  border:1px solid rgba(255,255,255,.13);background:#111a25;color:#e9f5f7;font:inherit;
  font-weight:700;text-align:left;cursor:pointer;box-shadow:0 4px 13px rgba(0,0,0,.14)!important}
.jmi-select-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jmi-select-chevron{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;color:#15dfee;
  transition:transform .26s cubic-bezier(.2,.8,.2,1),color .18s ease!important}
.jmi-select-ui.open .jmi-select-chevron{transform:rotate(180deg)}
.jmi-select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:12000;padding:6px;
  max-height:280px;overflow:auto;border-radius:13px;border:1px solid rgba(0,223,241,.30);
  background:rgba(11,18,27,.985);box-shadow:0 16px 36px rgba(0,0,0,.35);
  opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top;
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility .18s ease}
.jmi-select-ui.open .jmi-select-menu{opacity:1;visibility:visible;transform:none}
.jmi-select-opt{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding:9px 11px;
  border:0;border-radius:9px;background:transparent;color:#dbe8ed;font:inherit;font-size:13px;text-align:left;
  cursor:pointer;box-shadow:none!important}
.jmi-select-opt:hover,.jmi-select-opt:focus{background:rgba(0,223,241,.10);outline:0;color:#f3ffff}
.jmi-select-opt.on{background:rgba(0,223,241,.14);color:#8ff7ef;font-weight:800}
.jmi-select-opt[disabled]{opacity:.42;cursor:not-allowed}
html.theme-light .jmi-select-btn{background:#fffaf1!important;color:#273340!important;border-color:#cdbfaa!important;
  box-shadow:0 4px 12px rgba(57,44,25,.07)!important}
html.theme-light .jmi-select-btn:hover{background:#fff6e5!important;border-color:#b99048!important}
html.theme-light .jmi-select-chevron{color:#9b6a0d!important}
html.theme-light .jmi-select-menu{background:#fffaf2!important;border-color:#ccb98f!important;
  box-shadow:0 16px 34px rgba(68,49,18,.16)!important}
html.theme-light .jmi-select-opt{color:#273340!important}
html.theme-light .jmi-select-opt:hover,html.theme-light .jmi-select-opt:focus{background:#f6ead0!important;color:#352708!important}
html.theme-light .jmi-select-opt.on{background:#f2dfaa!important;color:#4d3500!important}
@media(prefers-reduced-motion:reduce){.jmi-select-menu,.jmi-select-chevron{transition:none!important}}

/* ---- Светлая тема: спокойные акценты вместо неона ---- */
html.theme-light{--jmi-soft-gold:#b27a13;--jmi-soft-gold-bg:#f7ecd2;--jmi-soft-red:#b64254;--jmi-soft-red-bg:#fae8eb;
  --jmi-soft-green:#2e7752;--jmi-soft-green-bg:#e5f1e9}
html.theme-light :is(.mon-actions a,.mon-btn,.mr-copy,.mr-go,.or-go,.ga-btn,.st-save,.ta-btn,.ad-btn){
  text-shadow:none!important;filter:none!important
}
html.theme-light .mon-actions a{background:#fffaf2!important;color:#2c3742!important;
  border-color:color-mix(in srgb,var(--ac,#b27a13) 34%,#d7cbb7)!important;box-shadow:0 3px 10px rgba(60,47,25,.07)!important}
html.theme-light .mon-actions a i{color:color-mix(in srgb,var(--ac,#b27a13) 68%,#5c5142)!important}
html.theme-light .mon-actions a:hover{background:#f8edd5!important;color:#332708!important;
  border-color:color-mix(in srgb,var(--ac,#b27a13) 54%,#c8b893)!important;box-shadow:0 5px 14px rgba(60,47,25,.10)!important;transform:translateY(-1px)!important}
html.theme-light .mon-vip{background:#f2d98d!important;color:#493300!important;box-shadow:0 3px 10px rgba(125,86,7,.10)!important}
html.theme-light .mon-badge.on{background:#dcecdf!important;color:#245d42!important}
html.theme-light .mon-badge.off{background:#f6dfe3!important;color:#9a3647!important}
html.theme-light .mon-card:before{background:#bd5a68!important;box-shadow:none!important}
html.theme-light .mon-card.on:before{background:#4f8b6b!important;box-shadow:none!important}
html.theme-light .mon-bar div{background:linear-gradient(90deg,#d5a536,#5b9474)!important;box-shadow:none!important}
html.theme-light .mon-bar.hot div{background:linear-gradient(90deg,#d19a32,#be6571)!important;box-shadow:none!important}

/* Важное примечание внизу мониторинга — заметное, но не кислотное. */
.mon-note{position:relative;padding:12px 16px 12px 42px!important;border-radius:13px!important;
  border:1px solid rgba(225,174,46,.48)!important;background:rgba(49,37,9,.72)!important;
  color:#f3dfaa!important;text-align:left!important;max-width:900px!important;backdrop-filter:blur(6px)}
.mon-note:before{content:"⚠";position:absolute;left:15px;top:12px;font-size:16px;color:#e7b642}
html.theme-light .mon-note{background:#fff4d2!important;border-color:#d7aa3c!important;color:#6a4b09!important;
  box-shadow:0 4px 14px rgba(98,70,12,.08)!important}

/* ---- Автотесты: цельная структура, без ночных островков в Light ---- */
.tr-wrap{max-width:980px!important}
.tr-hdr .sub,.ck-hdr .sub{display:inline-block;padding:8px 14px;border-radius:12px;
  background:rgba(7,15,23,.78);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(7px)}
.tr-filters{display:flex!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0 auto 14px!important}
.tr-filters a{margin:0!important;border-radius:12px!important}
.tr-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important}
.tr-btn.fix[hidden]{display:none!important}
.tr-summary{display:grid!important;grid-template-columns:repeat(3,minmax(120px,1fr))!important;gap:12px!important;max-width:650px!important;margin:0 auto 14px!important}
.tr-box{border-radius:16px!important;padding:15px 12px!important;border:1px solid rgba(255,255,255,.10)!important}
.tr-result-filters{margin:0 auto 15px!important}
html.theme-light .tr-hdr .sub,html.theme-light .ck-hdr .sub{background:rgba(255,250,241,.94)!important;border-color:#d8cbb7!important;color:#4e5b65!important;text-shadow:none!important}
html.theme-light .tr-cache{background:#f6efe2!important;border-color:#d8cbb7!important;color:#495661!important;box-shadow:none!important}
html.theme-light .tr-list{background:#fffaf2!important;border-color:#d8cbb7!important;box-shadow:0 8px 24px rgba(73,54,23,.07)!important}
html.theme-light .tr-row{border-color:#e8ddcb!important}
html.theme-light .tr-row .name{color:#273340!important}
html.theme-light .tr-row.ok .tag{background:#e1f0e6!important;color:#2d7452!important}
html.theme-light .tr-row.fail .tag{background:#f8e4e8!important;color:#a93d50!important}
html.theme-light .tr-rf{background:#fffaf2!important;color:#52606a!important;border-color:#d8cbb7!important}
html.theme-light .tr-rf.on{background:#f3e4bd!important;color:#4e3600!important;border-color:#be8e2f!important;box-shadow:none!important}
html.theme-light .tr-box{background:#fffaf2!important;border-color:#d8cbb7!important;box-shadow:0 5px 16px rgba(65,48,20,.07)!important}
html.theme-light .tr-box .n{color:#273340!important}
html.theme-light .tr-box.ok .n{color:#2f7654!important}
html.theme-light .tr-box.bad .n{color:#ae4052!important}
html.theme-light .tr-btn{background:#fff7e7!important;color:#493814!important;border-color:#c9a75e!important;box-shadow:0 4px 12px rgba(65,48,20,.06)!important}
html.theme-light .tr-btn:hover{background:#f4e6c2!important;color:#3e2e09!important}
html.theme-light .tr-btn.fix{background:#f7edd6!important;border-color:#c49a48!important;color:#58400c!important}

/* ---- Диагностические страницы: светлые результаты на светлой теме ---- */
html.theme-light :is(.pc-card,.ck-card,.hc-card,.dg-card,.dg-box,.cc-card,.checks-card,.tr-card){
  background:#fffaf2!important;color:#273340!important;border-color:#d8cbb7!important;box-shadow:0 8px 24px rgba(65,48,20,.07)!important
}
html.theme-light :is(.pc-cache,.ck-cache,.hc-cache,.dg-cache,.cc-cache,.check-cache){
  background:#f5efe3!important;color:#53606a!important;border-color:#d8cbb7!important
}

/* ---- Статистика заходов ---- */
html.theme-light .vd-card{background:#fffaf2!important;border-color:#d8cbb7!important;box-shadow:0 7px 20px rgba(64,47,20,.07)!important}
html.theme-light .vd-card h2{color:#5e450f!important}
html.theme-light .vd-card .note{color:#67737c!important}
html.theme-light .vd-n{background:#f7efe1!important;border-color:#dfd1bb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
html.theme-light .vd-n b{color:#25313e!important}
html.theme-light .vd-n span{color:#67737c!important}
html.theme-light .vd-t{background:#fffaf2!important;color:#4e5b65!important;border-color:#d8cbb7!important}
html.theme-light .vd-t.on{background:#e7f0e9!important;border-color:#74a087!important;color:#2c6649!important}
html.theme-light .vd-b{background:linear-gradient(180deg,#74a88d,#4f7f68)!important}
html.theme-light .vd-b:hover{background:linear-gradient(180deg,#8db9a2,#5f9179)!important}
html.theme-light .vd-b i{background:#31423b!important;color:#f4fbf6!important}
html.theme-light .vd-line{background:#75a88e!important}

/* ---- Настройки сайта: навигация как самостоятельная аккуратная панель ---- */
.st-side{padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(9,16,24,.72);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.st-nav{display:flex;flex-direction:column;gap:7px}
.st-nav a{margin:0!important;border-radius:13px!important;padding:11px 14px!important;border:1px solid rgba(255,255,255,.09)!important;position:relative!important;overflow:hidden!important}
.st-nav a:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:transparent;transition:.18s ease}
.st-nav a.on:before{background:var(--jmi-accent)}
.st-card{border-radius:20px!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(0,0,0,.14)!important}
.st-group{border-radius:15px!important;margin-bottom:10px!important}
html.theme-light .st-side{background:#f7f0e4!important;border-color:#d5c8b4!important;box-shadow:0 10px 26px rgba(66,48,20,.08)!important}
html.theme-light .st-nav a{background:#fffaf2!important;color:#34414c!important;border-color:#d8cbb7!important;box-shadow:none!important}
html.theme-light .st-nav a:hover{background:#f7ecd4!important;color:#4b3709!important;border-color:#c5a76d!important}
html.theme-light .st-nav a.on{background:#f1dfae!important;color:#463000!important;border-color:#c58f29!important;box-shadow:0 4px 12px rgba(93,63,8,.08)!important}
html.theme-light .st-card{background:#fffaf2!important;border-color:#d8cbb7!important;box-shadow:0 9px 24px rgba(64,47,20,.07)!important}
html.theme-light .st-group{background:#f8f0e3!important;border-color:#dfd1ba!important}
html.theme-light .st-field{border-color:#e6dac8!important}

/* ---- Игры/сервера, обращения, заказы, реклама: тот же визуальный язык ---- */
:is(.ga-card,.ta-card,.or-i,.ad-card){border-radius:18px!important;overflow:hidden!important}
html.theme-light :is(.ga-card,.ga-row,.ga-edit-box,.ta-card,.ta-row,.ta-msg,.or-i,.ad-card,.ad-prev){
  background:#fffaf2!important;color:#273340!important;border-color:#d8cbb7!important;box-shadow:0 5px 16px rgba(64,47,20,.06)!important
}
html.theme-light .ga-row:hover,html.theme-light .ta-row:hover{background:#f9f0df!important;border-color:#cdb78f!important}
html.theme-light :is(.ga-note.ok,.ta-note,.or-ok){background:#e7f1e9!important;color:#2f6f50!important;border-color:#8fb79f!important}
html.theme-light :is(.ga-note.warn){background:#fff1ca!important;color:#6e4d08!important;border-color:#d3aa4d!important}
html.theme-light :is(.ga-note.err,.ta-err,.or-no){background:#f9e7ea!important;color:#a33f50!important;border-color:#d69aa4!important}
html.theme-light .or-b{background:#fffaf2!important;border-color:#d8cbb7!important;box-shadow:0 4px 14px rgba(64,47,20,.06)!important}
html.theme-light .or-b .v{color:#8b610d!important}.theme-light .or-b.money .v{color:#327355!important}.theme-light .or-b.wait .v{color:#a97816!important}
html.theme-light .or-gc,html.theme-light .or-empty{color:#66727b!important}
html.theme-light .ad-prev{border-style:dashed!important}
html.theme-light .ad-btn{background:#f4ead6!important;color:#4b390e!important;border-color:#c9a75e!important}

/* Служебные/поясняющие строки поверх анимированного фона — объединённая,
   мягкая подложка, без отдельных плашек на каждое слово. */
:is(.page-sub,.ga-hdr .sub,.st-hdr .sub,.vd-hdr .sub,.or-wrap>.note){
  text-wrap:balance
}
body.has-sitebg :is(.page-sub,.ga-hdr .sub,.st-hdr .sub,.vd-hdr .sub){
  display:table;margin-left:auto!important;margin-right:auto!important;padding:7px 13px!important;border-radius:11px!important;
  background:rgba(9,15,22,.66)!important;border:1px solid rgba(255,255,255,.10)!important;color:#edf4f5!important;
  text-shadow:none!important;backdrop-filter:blur(6px)
}
html.theme-light body.has-sitebg :is(.page-sub,.ga-hdr .sub,.st-hdr .sub,.vd-hdr .sub){
  background:rgba(255,250,241,.90)!important;border-color:#d8cbb7!important;color:#4f5c65!important
}

/* Контуры общих контейнеров — одинаковая аккуратность на разных админ-вкладках. */
html.theme-light :is(.ga-wrap,.ta-wrap,.or-wrap,.ad-wrap,.vd-wrap,.st-wrap) :is(h1,h2,h3){text-shadow:none}
html.theme-light :is(.ga-form,.or-panel,.ta-filters){border-radius:15px}

@media(max-width:900px){.viewbar{position:relative!important;top:auto!important}.st-side{padding:6px}.jmi-select-menu{max-height:240px}}