/* =====================================================
   Notacross — Быстрая смена аккаунтов · Лайт v1.4 (чистая)
   ===================================================== */

/* === Панель быстрого входа === */
::selection {
  background-color: var(--common-contrast-color);
  color: var(--primary-light-color);
}

::placeholder {
  color: color-mix(in srgb, var(--theme-input-color) 60%, var(--theme-input-bg-color));
}

:root,
:root[data-theme="green"] {
  --primary-light-color: rgba(255, 255, 255, 0.89);
  --primary-dark-color: #161d14;
  --primary-theme-bg-color: #626b5ecc;
  --primary-theme-color: #afbaaa;
  --common-secondary-color: #6e7868;
  --common-strong-color: var(--common-muted-color);
  --common-contrast-color: #8a9481;
  --common-muted-color: #aab3a4;
  --common-accent-color: #3e4539;
  --common-link-color: #b6bfb0;
  --common-link-active-color: color-mix(in srgb, var(--primary-light-color) 50%, var(--main-color));
  --common-header-color: #B3BAAFCC;
  --common-header-bg-color: transparent;
  --theme-topic-bg: #d0cdbf;
  --theme-topic-color: #292b27;
  --theme-topic-quote-color: #292b27;
  --theme-topic-link-color: #3a6021;
  --theme-topic-quote-bg: #aeb5a3;
  --theme-topic-secondary-color: #8a9481;
  --theme-topic-quote-link: #47513b;
  --theme-contrast-color: #133215;
  --theme-input-bg-color: #838e7e;
  --theme-input-color: #21211d;
  --theme-check-bg-color: #424b3f;
  --main-bg-color: var(--primary-theme-bg-color);
  --main-color: var(--primary-theme-color);
  --body-bg-color: #646D5F;
  --pun-bg-color: #626b5ecc;
  --category-bg-color: transparent;
  --forum-bg-color: #bbc7b24d;
  --isticky-bg-color: color-mix(in srgb, var(--forum-bg-color) 60%, transparent);
  --header-link-color: var(--main-color);
  --custom-box-bg-color: var(--theme-topic-bg);
  --action-box-header-bg: var(--theme-topic-secondary-color);
  --action-box-header-color: var(--theme-topic-color);
  --control-element-bg: #6e7e68;
  --control-element-bg-hover: #61715a;
  --control-element-color: #b1bcad;
  --general-border-color: #1a211929;
  --control-element-border: none;
  --common-border-color1: color-mix(in srgb, var(--common-muted-color) 18%, transparent);
  --common-border-color2: color-mix(in srgb, var(--control-element-bg-hover) 38%, transparent);
  --border-gradient: linear-gradient(151deg, var(--common-border-color1) 30%, var(--common-border-color2) 40%);
  --border-gradient-divider: linear-gradient(to right, transparent 0%, var(--common-border-color1) 28%, var(--common-border-color1) 72%, transparent 100%);
  --general-border: 1px solid var(--general-border-color);
  --border-gradient-width: 0;
  --gradient-text-color1: var(--common-link-color);
  --gradient-text-color2: var(--common-muted-color);
  --warning-gradient: linear-gradient(308deg, #68875c -15%, #517128 105%);
  --control-element-box-shadow: Rgba(0, 0, 0, 0.09) 0 1px 3px 0;
  --control-element-active-shadow: inset 0px 0px 4px 1px #0203001a;
  --block-shadow: Rgba(0, 0, 0, 0.065) 0 3px 8px;
  --box-border-multiple: 0px 0px 0px 4px #797f71, 0px 0px 0px 8px #a7a99f;
  --pa-online-symbol: "\eb6e";
  --default-avatar-guest: url(https://forumstatic.ru/files/001c/7f/71/28461.png);
  --default-avatar-admin: url(https://forumstatic.ru/files/001c/7f/71/69452.png);
  --default-avatar-pr: url("https://forumstatic.ru/files/001c/7f/71/81800.png");
  --default-avatar-reader: url("https://forumstatic.ru/files/001c/7f/71/85998.png");
  --default-avatar: url(https://forumstatic.ru/files/001c/7f/71/28461.png);
  --body-bg-image: url("https://forumstatic.ru/files/001b/ec/ce/15422.jpg");
  --announce-bg-image: url("https://forumstatic.ru/files/001c/7f/71/78908.webp");
  --announce-bg: var(--common-secondary-color) var(--announce-bg-image) center;
  --footer-bg: url("https://forumstatic.ru/files/001b/ec/ce/62513.webp");
  --default-font-size: 14px;
  --forum-font-size: 14px;
  --small-font-size: 0.9rem;
  --smaller-font-size: 0.82rem;
  --extra-small-font-size: 0.72rem;
  --pun-width: 1040px;
  --post-author-avatar-width: 180px;
  --av-border-width: 8px;
  --post-author-width: 196px;
  --ul-sidemenu-width: 200px;
  --announce-height: 300px;
  --actions-height: 120px;
  --ulinks-height: 40px;
  --top-section-height: calc(var(--announce-height) + var(--actions-height))var(--ulinks-height);
  --navlinks-height: 48px;
  --pun-padding: 25px;
  --announce-padding: 16px;
  --pun-wrap-padding: 4px;
  --base-gap: 16px;
  --ul-gap: 12px;
  --tbody-padding: 12px;
  --post-box-padding: var(--base-gap);
  --border-radius-xs: 2px;
  --border-radius-input: 2px;
  --border-radius: 6px;
  --border-radius-l: 12px;
  --border-radius-xl: 25px;
  --userpic-size-mini: 36px;
  --userpic-size-default: 48px;
  --base-font: "Manrope", Verdana, Arial, Helvetica, sans-serif;
  --h-font: "Century Gothic", Verdana, Arial, Helvetica, serif;
  --h-font2: "FortuneC", Verdana, Arial, Helvetica, serif;
  --badge-font: "TaylorS", "Kurale", Trebuchet MS, Tahoma, Arial, sans-serif;
  --condensed-font: Trebuchet MS, Tahoma, sans-serif;
  --bingo-mix-blend-mode: plus-lighter;
}
@media (max-width: 767.98px) {
  :root,
  :root[data-theme="green"] {
    --box-border-multiple: 0px 0px 0px 3px #797f71, 0px 0px 0px 6px #a7a99f;
    --pun-padding: 14px;
    --base-gap: 12px;
    --userpic-size-mini: 32px;
    --post-author-avatar-width: 84px;
    --av-border-width: 6px;
    --announce-height: 210px;
    --default-font-size: 15px;
    --forum-font-size: 14px;
    --navlinks-height: 40px;
  }
}

:root[data-theme="light"] {
  --primary-theme-color: #1c1e1b;
  --primary-theme-bg-color: #939a8fd9;
  --common-link-color: #37492b;
  --common-link-active-color: #687a62;
  --common-secondary-color: #bcc0b2;
  --common-header-color: #777f73;
  --common-muted-color: #41473e;
  --common-accent-color: #5e655b;
  --general-border-color: #989c9729;
  --box-border-multiple: 0px 0px 0px 4px #d0cdbf, 0px 0px 0px 8px #6e746a;
  --quote-border: 1px solid rgba(121, 121, 121, 0.16);
  --body-bg-color: #d0cdbf;
  --pun-bg-color: #d8d6ca;
  --header-link-color: #b6bfb0;
  --custom-box-bg-color: #bdbaaa;
  --forum-bg-color: transparent;
  --isticky-bg-color: #989c9729;
  --control-element-color: #ededed;
  --control-element-bg-hover: #3d5334;
  --control-element-box-shadow: Rgba(0, 0, 0, 0.04) 0 2px 6px 0;
  --theme-contrast-color: #6a986d;
  --theme-input-bg-color: #c9ccbd;
  --theme-check-bg-color: #c1c6b7;
  --theme-topic-bg: var(--pun-bg-color);
  --theme-topic-quote-bg: #cdd1c8c7;
  --theme-topic-quote-color: #151614;
  --block-shadow: Rgba(0, 0, 0, 0.03) 0 3px 8px;
  --tbody-padding: 0;
  --post-author-width: 224px;
  --post-author-padding: 14px;
  --post-author-bg: var(--theme-input-bg-color);
  --post-box-padding: 0 var(--base-gap) var(--base-gap) 0;
  --post-author-color: var(--main-color);
  --extra-small-font-size: 11px;
}
@media (max-width: 767.98px) {
  :root[data-theme="light"] {
    --box-border-multiple: 0px 0px 0px 3px #d0cdbf, 0px 0px 0px 6px #6e746a;
    --post-author-padding: 0;
  }
}

:root[data-theme="dark"],
:root[data-theme="middle"] {
  --primary-theme-color: #dcd7d8;
  --common-secondary-color: #5c6555;
  --common-contrast-color: #8b7c4fe0;
  --theme-topic-color: #cbcec7;
  --theme-topic-link-color: #849e73;
  --theme-topic-quote-link: #b2c5a6;
  --theme-contrast-color: #ab9b6d;
  --theme-check-bg-color: #7d7f78;
  --control-element-bg: #6e7e68;
  --control-element-bg-hover: #536d49;
  --control-element-color: #fbfaf8;
  --general-border-color: #bcceb047;
  --pa-online-symbol: "\ee79";
  --post-author-color: var(--main-color);
}

:root[data-theme="dark"] {
  --common-secondary-color: #31332f;
  --common-link-color: #8ca17e;
  --common-accent-color: #404c39;
  --theme-input-color: var(--primary-light-color);
  --theme-input-bg-color: #2b2d2af0;
  --body-bg-color: #21231E;
  --pun-bg-color: #21231e;
  --forum-bg-color: #2d2d2d4d;
  --theme-topic-bg: var(--pun-bg-color);
  --theme-topic-quote-bg: #3f423b;
  --theme-topic-quote-color: #dde3d6;
  --theme-topic-secondary-color: #5b6e48;
  --custom-box-bg-color: #292b28;
  --isticky-bg-color: #333333;
  --action-box-header-bg: var(--common-secondary-color);
  --action-box-header-color: var(--common-link-color);
  --post-author-width: 224px;
  --post-author-padding: 14px;
  --post-author-bg: var(--theme-input-bg-color);
  --post-box-padding: 0 var(--base-gap) var(--base-gap) 0;
  --post-author-color: var(--main-color);
  --tbody-padding: 0;
}
@media (max-width: 767.98px) {
  :root[data-theme="dark"] {
    --post-author-padding: 0;
  }
}

:root[data-theme="middle"] {
  --common-accent-color: #283226;
  --theme-contrast-color: #8f8157;
  --theme-input-bg-color: #929a8ef2;
  --theme-input-color: #292d29;
  --theme-topic-quote-color: #292b27;
  --theme-topic-bg: #d0cdbf;
  --theme-topic-quote-bg: #b9c0ae;
  --theme-topic-color: #262823;
  --theme-topic-secondary-color: #69785b;
  --theme-topic-quote-link: #343732;
  --theme-topic-link-color: #3a5726;
  --general-border-color: #89978047;
  --body-bg-color: #515A4A;
  --pun-bg-color: #404a38cc;
  --forum-bg-color: #7479706b;
}

html, body {
  font-family: var(--base-font);
  font-size: var(--default-font-size);
  line-height: 1.4;
  letter-spacing: 0.015em;
  font-weight: 400;
  font-style: normal;
  overflow-x: clip;
}
@media (max-width: 767.98px) {
  html.modal-open, body.modal-open {
    overflow: hidden;
  }
}

body {
  background-color: var(--body-bg-color);
  background-image: var(--body-bg-image, none);
  background-size: var(--body-bg-size, cover);
  background-attachment: fixed;
  background-position: top center;
  color: var(--main-color);
  scroll-behavior: smooth;
}
body a {
  color: var(--common-link-color);
  text-decoration: none;
  transition: color 0.12s linear;
}
body a:hover {
  color: var(--common-link-active-color);
  opacity: 1;
}

.hidden {
  visibility: hidden;
}

ul {
  padding-left: 18px;
}

img {
  max-width: 100%;
}

*::-webkit-scrollbar {
  height: 7px;
  width: 7px;
}

*::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: var(--theme-input-bg-color);
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--control-element-bg);
}

.nota-ql-pane {
  position: absolute;
  right: 0;
  top: 42px;
  z-index: 9999;
  width: 320px;
  max-width: 92vw;
 background: var(--common-accent-color);
 color: var(--common-link-color)
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}
.nota-ql.open .nota-ql-pane {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.nota-ql h4 {
  margin: 0 0 6px;
  font-size: 10px;
  opacity: .9;
  font-weight: 500;
  text-transform: uppercase;
}

.nota-ql .row {
  display: flex;
  gap: 8px;
  margin: 6px 0;
}

.nota-ql input[type="text"],
.nota-ql input[type="password"] {
  flex: 1;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 8px;
  padding: 8px 10px;
  color: #fff;
  transition: .2s ease;
  height: 24px;
      height: 20px;
    width: 40%;
}
.nota-ql input:focus {
  outline: none;
  border-color: rgb(var(--primary400));
  box-shadow: 0 0 0 2px rgba(var(--primary400),.25);
}

.nota-ql .list {
  max-height: 360px;
  overflow: auto;
  margin: 6px 0;
  border-radius: 10px;
  background: rgba(255,255,255,.03);
  backdrop-filter: blur(3px);
}

.nota-ql .item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px;
  align-items: center;
}

.nota-ql .namezone {
  cursor: pointer;
  background: rgb(var(--primary400)/.5);
  border-radius: 4px;
  color: #fff;
  padding: 3px 10px;
  font-size: 11px;
  transition: .25s ease;
}
.nota-ql .namezone:hover { background: rgb(var(--primary400)/.8); }

.nota-ql .btn {
  padding: 5px 10px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
  transition: all .2s ease;
  margin-left:10px;
}
.nota-ql .btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.nota-ql .primary { background: rgb(var(--primary400)); color:#fff; }
.nota-ql .danger  { background: #ff4d4f; color:#fff; }
.nota-ql .ghost   { background: transparent; border:1px dashed rgba(255,255,255,.3); color:#fff; }

/* === Импорт / Экспорт аккаунтов === */
.nql-ie {
  margin-top: 12px;
  padding: 10px;
  border-top: 1px dashed var(--primary400,#7b68ee30);
  font: 12px/1.4 system-ui,-apple-system,Segoe UI,Roboto;
}
.nql-ie h4 {
  margin: 0 0 8px;
  font-size: 10px;
  font-weight: 700;
  opacity: .5;
}
.nql-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  margin: 6px 0;
}
.nql-row input[type="text"] {
  width: 100%;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid var(--primary400,#7b68ee30);
  background: #0a0a0a;
  color: #ffffff66;
  font-size: 10px !important;
  height: 16px;
  overflow: clip;
}
.nql-btn {
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid var(--primary400,#7b68ee);
  background: transparent;
  font-size: 10px;
  font-weight: 600;
}
.nql-btn[disabled] { opacity: .5; cursor: default; }
.nql-note { opacity: .6; font-size: 11px; margin-top: 4px; }

.ql-note {display:none;}




/* === Cross-browser autofill styling for Quick Login === */
.nota-ql input:-webkit-autofill,
.nota-ql input:-webkit-autofill:hover,
.nota-ql input:-webkit-autofill:focus {
  border: 1px solid rgba(255,255,255,.15);
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #0a0a0a inset !important;
  box-shadow: 0 0 0 1000px #0a0a0a inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Firefox autofill (uses :-moz-autofill) */
.nota-ql input:-moz-autofill {
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1000px #0a0a0a inset !important;
}

/* Generic input fallback (for Safari or future engines) */
.nota-ql input:-internal-autofill-selected {
  background-color: #0a0a0a !important;
  color: #fff !important;
  box-shadow: 0 0 0 1000px #0a0a0a inset !important;
}

/* === Нота Quick Login — namespace isolation === */
.nota-ql-box {
  all: initial;            /* 🔒 сбросить все унаследованные стили */
  * {
    all: unset;            /* сбросить у всех потомков */
  }
  font-family: inherit;    /* вернуть шрифт форума */
  color: #fff;
  display: block;
  position: relative;
  text-align: left;
  line-height: 1.4;
  font-size: 13px;
}

.nota-ql-box h4 {
  all: unset;
  display: block;
  font-weight: bold;
  margin: 0 0 8px 0;
  font-size: 12px;
  opacity: .85;
  color: #fff;
}

.nota-ql-box button,
.nota-ql-box input {
  all: unset;
  box-sizing: border-box;
  font-size: 13px;
  font-family: inherit;
}

.nota-ql-box button {
  cursor: pointer;
}

/* === Fix Chrome autofill color === */
.nota-ql input:-webkit-autofill,
.nota-ql input:-webkit-autofill:hover,
.nota-ql input:-webkit-autofill:focus {
  border: 1px solid rgba(255,255,255,.15);
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px #0a0a0a inset !important;
  box-shadow: 0 0 0 1000px #0a0a0a inset !important;
  transition: background-color 5000s ease-in-out 0s; /* блокирует миг при заполнении */
}

.nql-ie.hidden { display:none; }
.nql-ie-toggle { cursor:pointer; opacity:.7; margin-top:6px; }
.nql-ie-toggle:hover { opacity:1; }


/* === Центральная плашка статуса выгула === */
#nota-ql-centerbox {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  background: transparent;
  pointer-events: none;
  opacity: 0;
  animation: nqlcFadeIn .4s ease forwards;
}
#nota-ql-centerbox.fadeout { animation: nqlcFadeOut .4s ease forwards; }

.nqlc-inner {
  pointer-events: auto;
  background: rgb(20 20 22 / .95);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.5);
  padding: 28px 38px;
  color: #fff;
  text-align: center;
  font-family: system-ui, sans-serif;
  max-width: 340px;
  animation: nqlcPulse 2.5s ease-in-out infinite;
}
.nqlc-icon {
  font-size: 40px;
  margin-bottom: 10px;
}
.nqlc-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 18px;
}
.nqlc-sub {
  display: block;
  font-size: 13px;
  font-weight: 400;
  opacity: .7;
}
.nqlc-stop {
  background: #ff4d4f;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 14px;
  cursor: pointer;
  transition: filter .2s ease, transform .2s ease;
}
.nqlc-stop:hover { filter: brightness(1.1); transform: translateY(-1px); }
.nqlc-stop:active { filter: brightness(.95); transform: translateY(0); }

@keyframes nqlcFadeIn {from{opacity:0;transform:scale(.95);}to{opacity:1;transform:scale(1);}}
@keyframes nqlcFadeOut {from{opacity:1;transform:scale(1);}to{opacity:0;transform:scale(.95);}}
@keyframes nqlcPulse {
  0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.05);}
  50%{box-shadow:0 0 25px 5px rgba(255,255,255,.05);}