
/* =========================================================
   Site notification bell / Vestnik
   ========================================================= */
.site-bell{position:fixed;right:22px;top:20px;z-index:9999;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.site-bell__button{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(188,135,66,.50);border-radius:50%;background:rgba(24,14,17,.92);color:#d3a05a;box-shadow:0 10px 30px rgba(0,0,0,.20);cursor:pointer}
.site-bell__icon{font:24px/1 Georgia,serif;transform:rotate(45deg)}
.site-bell__badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;box-sizing:border-box;padding:0 5px;border-radius:999px;background:#a76534;color:#fff2dd;font:700 10px/18px system-ui,sans-serif;text-align:center}
.site-bell__panel{position:absolute;right:0;top:54px;width:min(390px,calc(100vw - 24px));max-height:min(640px,78vh);overflow:hidden;border:1px solid rgba(188,135,66,.44);border-radius:16px;background:#171014;color:#eadbc9;box-shadow:0 24px 80px rgba(0,0,0,.42)}
.site-bell__panel[hidden]{display:none!important}
.site-bell__panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid rgba(188,135,66,.20)}
.site-bell__panel header small,.site-bell__panel header strong{display:block}
.site-bell__panel header small{margin-bottom:3px;color:#9d7545;font:600 9px/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em}
.site-bell__panel header strong{font:600 18px/1.2 Georgia,serif}
.site-bell__readall{all:unset;color:#917e6c;font:10px/1.4 system-ui,sans-serif;cursor:pointer;border-bottom:1px solid transparent}
.site-bell__readall:hover{color:#c69a60;border-bottom-color:#765a38}
.site-bell__list{max-height:490px;overflow:auto}
.site-bell__item{display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;padding:14px 17px;border-bottom:1px solid rgba(188,135,66,.13);color:inherit;text-decoration:none}
.site-bell__item:hover{background:rgba(188,135,66,.05)}
.site-bell__dot{width:6px;height:6px;margin-top:8px;border-radius:50%;background:transparent}
.site-bell__item.is-unread .site-bell__dot{background:#c88f46;box-shadow:0 0 0 4px rgba(200,143,70,.08)}
.site-bell__copy small,.site-bell__copy strong{display:block}
.site-bell__copy small{color:#806f61;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.site-bell__copy strong{margin-top:3px;color:#e6d5c0;font:600 15px/1.3 Georgia,serif}
.site-bell__copy p{margin:5px 0 0;color:#a99581;font:12px/1.45 Georgia,serif}
.site-bell__item.is-unread .site-bell__copy strong{color:#f1dec5}
.site-bell__empty{padding:28px 18px;color:#8d7a68;font:italic 13px/1.5 Georgia,serif}
.site-bell__panel>footer{padding:11px 17px;border-top:1px solid rgba(188,135,66,.18);text-align:right}
.site-bell__panel>footer a{color:#b98442;font:600 10px/1.4 system-ui,sans-serif;text-decoration:none}

.vestnik{margin-top:38px}
.vestnik-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.vestnik-head h2{margin:0;font-size:clamp(30px,4vw,44px)}
.vestnik-head__count{color:var(--muted);font-size:10px}
.vestnik-list{border-top:1px solid var(--line)}
.vestnik-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.vestnik-item__mark{width:6px;height:6px;border-radius:50%;background:transparent}
.vestnik-item.is-unread .vestnik-item__mark{background:var(--gold)}
.vestnik-item__meta{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.vestnik-item h3{margin:3px 0 0;font:600 17px/1.3 Georgia,serif}
.vestnik-item p{margin:5px 0 0;color:var(--muted);font:13px/1.5 Georgia,serif}
.vestnik-item>a{color:var(--gold);font-size:10px;text-decoration:none;white-space:nowrap}
.vestnik-empty{padding:28px 0;color:var(--muted);font:italic 14px/1.5 Georgia,serif}

@media(max-width:700px){
 .site-bell{right:12px;top:12px}
 .site-bell__panel{right:-2px;top:50px}
 .vestnik-item{grid-template-columns:8px minmax(0,1fr)}
 .vestnik-item>a{grid-column:2}
}


/* VESTNIK v2 — compact bell */
.site-bell{right:18px!important;top:16px!important}
.site-bell__button{width:34px!important;height:34px!important}
.site-bell__icon{font-size:18px!important}
.site-bell__badge{right:-5px!important;top:-6px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;line-height:16px!important}
.site-bell__panel{top:43px!important}

/* Full Vestnik */
.vestnik{
  width:min(1180px,100%);
  margin:42px auto 0;
  padding-top:28px;
  border-top:1px solid rgba(177,125,57,.28);
}
.vestnik-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:17px
}
.vestnik-head .eyebrow{margin:0 0 5px}
.vestnik-head h2{margin:0;color:#eadbc8;font:600 clamp(28px,3.2vw,40px)/1.08 Georgia,serif}
.vestnik-head>div:first-child>p:last-child{margin:7px 0 0;color:#7e6d5f;font:12px/1.45 system-ui,sans-serif}
.vestnik-head__aside{display:flex;align-items:center;gap:13px;color:#79695c;font:10px/1.3 system-ui,sans-serif}
.vestnik-head__aside b{color:#b98647}
.vestnik-head__aside button{
  all:unset;box-sizing:border-box;padding:7px 10px;border:1px solid rgba(177,125,57,.28);border-radius:999px;color:#a98a65;cursor:pointer
}
.vestnik-head__aside button:hover{border-color:rgba(199,145,73,.58);color:#d2a365}
.vestnik-filters{display:flex;gap:7px;overflow:auto;margin:0 0 12px;padding-bottom:2px;scrollbar-width:none}
.vestnik-filters::-webkit-scrollbar{display:none}
.vestnik-filters button{
  all:unset;box-sizing:border-box;flex:0 0 auto;padding:7px 11px;border:1px solid rgba(177,125,57,.20);border-radius:999px;color:#75665a;font:10px/1 system-ui,sans-serif;cursor:pointer
}
.vestnik-filters button.is-active{border-color:rgba(197,143,70,.55);background:rgba(177,125,57,.07);color:#c99a5b}
.vestnik-list{border-top:1px solid rgba(177,125,57,.24)}
.vestnik-item{
  display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px 2px;border-bottom:1px solid rgba(177,125,57,.18)
}
.vestnik-item__mark{width:6px;height:6px;border-radius:50%;background:transparent}
.vestnik-item.is-unread .vestnik-item__mark{background:#c18b45;box-shadow:0 0 0 4px rgba(193,139,69,.07)}
.vestnik-item__meta{color:#76675b;font:9px/1.3 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.vestnik-item h3{margin:3px 0 0;color:#ddcdb9;font:600 16px/1.3 Georgia,serif}
.vestnik-item.is-unread h3{color:#f0dcc3}
.vestnik-item p{margin:5px 0 0;color:#9c8875;font:12px/1.48 Georgia,serif}
.vestnik-item>a,.vestnik-item__read{
  all:unset;box-sizing:border-box;color:#b98647;font:600 10px/1.3 system-ui,sans-serif;white-space:nowrap;cursor:pointer
}
.vestnik-empty{padding:26px 0;color:#79695c;font:italic 13px/1.5 Georgia,serif}

@media(max-width:700px){
  .site-bell{right:10px!important;top:10px!important}
  .site-bell__button{width:32px!important;height:32px!important}
  .site-bell__panel{
    position:fixed!important;left:10px!important;right:10px!important;top:52px!important;width:auto!important;max-height:calc(100dvh - 64px)!important;border-radius:14px!important
  }
  .site-bell__list{max-height:calc(100dvh - 190px)!important}
  .vestnik{margin-top:30px;padding-top:22px}
  .vestnik-head{display:block}
  .vestnik-head__aside{justify-content:space-between;margin-top:13px}
  .vestnik-item{grid-template-columns:8px minmax(0,1fr);padding:14px 0}
  .vestnik-item>a,.vestnik-item__read{grid-column:2;margin-top:2px}
}


/* =========================================================
   Browser notifications v24
   ========================================================= */
.browser-notify-card{
  margin:0 0 18px;
  padding:16px 18px;
  border:1px solid rgba(177,125,57,.24);
  border-radius:16px;
  background:rgba(177,125,57,.035);
}
.browser-notify-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.browser-notify-card__head small{
  display:block;
  color:var(--gold,#b98647);
  font:600 9px/1.2 system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.browser-notify-card__head strong{
  display:block;
  margin-top:4px;
  font:600 16px/1.25 Georgia,serif;
}
.browser-notify-card__head p{
  margin:5px 0 0;
  color:var(--muted,#7e6d5f);
  font:11px/1.45 system-ui,sans-serif;
}
.browser-notify-status{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(177,125,57,.22);
  border-radius:999px;
  color:var(--muted,#7e6d5f);
  font:9px/1 system-ui,sans-serif;
}
.browser-notify-actions{
  display:flex;
  gap:8px;
  margin-top:14px;
}
.browser-notify-actions button{
  border:1px solid rgba(177,125,57,.32);
  border-radius:999px;
  padding:8px 12px;
  background:transparent;
  color:inherit;
  font:10px/1 system-ui,sans-serif;
  cursor:pointer;
}
.browser-notify-main{
  background:rgba(177,125,57,.12)!important;
  color:var(--gold,#b98647)!important;
}
.browser-notify-actions button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.browser-notify-types{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:13px;
}
.browser-notify-types label{
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px 10px;
  border:1px solid rgba(177,125,57,.16);
  border-radius:11px;
  color:var(--muted,#8d7966);
  font:10px/1.25 system-ui,sans-serif;
  cursor:pointer;
}
.browser-notify-types input{
  accent-color:#b98647;
}
@media(max-width:760px){
  .browser-notify-card__head{display:block}
  .browser-notify-status{display:inline-block;margin-top:10px}
  .browser-notify-types{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .browser-notify-actions{flex-wrap:wrap}
  .browser-notify-types{grid-template-columns:1fr}
}


/* v26 — richer notification categories */
.browser-notify-types{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media(max-width:900px){
  .browser-notify-types{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .browser-notify-types{grid-template-columns:1fr}
}


/* =========================================================
   TENIMPER v32 — GLOBAL MOBILE HEADER
   Actual site classes:
   .site-header / .site-menu-toggle / .theme-toggle / .adult-badge
   ========================================================= */

@media (max-width:1100px){
  .site-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:5px!important;
    overflow:visible!important;
  }

  .tenimper-mobile-header-controls{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    min-width:max-content!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:110!important;
  }

  .tenimper-mobile-header-controls > *{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    margin:0!important;
    flex:0 0 auto!important;
  }

  .tenimper-mobile-header-controls .site-bell{
    width:36px!important;
    height:36px!important;
    z-index:1!important;
  }

  .tenimper-mobile-header-controls .site-bell__button,
  .tenimper-mobile-header-controls .theme-toggle,
  .tenimper-mobile-header-controls .adult-badge,
  .tenimper-mobile-header-controls .site-menu-toggle{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }

  .tenimper-mobile-header-controls .theme-label,
  .tenimper-mobile-header-controls .site-menu-toggle__label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }

  .tenimper-mobile-header-controls .adult-badge{
    background:rgba(13,12,15,.92)!important;
    backdrop-filter:none!important;
    font-size:.63rem!important;
    z-index:1!important;
  }

  html[data-theme="light"] .tenimper-mobile-header-controls .adult-badge{
    background:rgba(251,243,232,.96)!important;
  }

  .tenimper-mobile-header-controls .site-menu-toggle{
    gap:0!important;
  }

  .tenimper-mobile-header-controls .site-bell__panel{
    position:fixed!important;
    top:58px!important;
    right:6px!important;
    left:6px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 68px)!important;
    z-index:9999!important;
  }

  .site-header .brand{
    min-width:0!important;
  }

  .site-header .brand-copy{
    min-width:0!important;
    max-width:clamp(76px,30vw,155px)!important;
  }

  .site-header .brand strong{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media (max-width:430px){
  .site-header{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .tenimper-mobile-header-controls{
    gap:3px!important;
  }

  .tenimper-mobile-header-controls .site-bell,
  .tenimper-mobile-header-controls .site-bell__button,
  .tenimper-mobile-header-controls .theme-toggle,
  .tenimper-mobile-header-controls .adult-badge,
  .tenimper-mobile-header-controls .site-menu-toggle{
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
    min-height:33px!important;
  }

  .site-header .brand-mark{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  .site-header .brand-copy{
    max-width:92px!important;
  }

  .site-header .brand strong{
    font-size:.84rem!important;
  }
}

@media (max-width:360px){
  .site-header .brand-copy{
    max-width:72px!important;
  }

  .tenimper-mobile-header-controls .site-bell,
  .tenimper-mobile-header-controls .site-bell__button,
  .tenimper-mobile-header-controls .theme-toggle,
  .tenimper-mobile-header-controls .adult-badge,
  .tenimper-mobile-header-controls .site-menu-toggle{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
  }
}


/* =========================================================
   TENIMPER v40 — POKOI / VESTNIK LIGHT THEME COLOR FIX
   Light theme only. Dark theme and the rest of the site are unchanged.
   ========================================================= */

html[data-theme="light"] .vestnik{
  border-top-color:rgba(126,84,42,.24)!important;
}

html[data-theme="light"] .vestnik-head h2{
  color:#4a3024!important;
}

html[data-theme="light"] .vestnik-head>div:first-child>p:last-child,
html[data-theme="light"] .vestnik-head__aside,
html[data-theme="light"] .vestnik-head__count{
  color:#7b5d49!important;
}

html[data-theme="light"] .vestnik-head__aside b{
  color:#9c672f!important;
}

html[data-theme="light"] .vestnik-head__aside button{
  border-color:rgba(139,94,46,.28)!important;
  background:rgba(255,250,241,.42)!important;
  color:#855d36!important;
}

html[data-theme="light"] .vestnik-head__aside button:hover{
  border-color:rgba(139,94,46,.5)!important;
  background:rgba(226,200,160,.24)!important;
  color:#684422!important;
}

html[data-theme="light"] .vestnik-filters button{
  border-color:rgba(139,94,46,.20)!important;
  background:rgba(255,250,241,.26)!important;
  color:#765746!important;
}

html[data-theme="light"] .vestnik-filters button.is-active{
  border-color:rgba(154,101,44,.42)!important;
  background:rgba(194,146,84,.13)!important;
  color:#7b4c1f!important;
}

html[data-theme="light"] .vestnik-list{
  border-top-color:rgba(139,94,46,.20)!important;
}

html[data-theme="light"] .vestnik-item{
  border-bottom-color:rgba(139,94,46,.15)!important;
}

html[data-theme="light"] .vestnik-item__meta{
  color:#8a6b57!important;
}

html[data-theme="light"] .vestnik-item h3{
  color:#604333!important;
}

html[data-theme="light"] .vestnik-item.is-unread h3{
  color:#3f291f!important;
}

html[data-theme="light"] .vestnik-item p{
  color:#775a49!important;
}

html[data-theme="light"] .vestnik-item>a,
html[data-theme="light"] .vestnik-item__read{
  color:#9b6228!important;
}

html[data-theme="light"] .vestnik-empty{
  color:#80614d!important;
}

/* Browser notification settings card */
html[data-theme="light"] .browser-notify-card{
  border-color:rgba(139,94,46,.24)!important;
  background:
    linear-gradient(135deg,rgba(255,250,241,.70),rgba(238,219,190,.34))!important;
  box-shadow:0 12px 30px rgba(91,58,33,.045)!important;
}

html[data-theme="light"] .browser-notify-card__head small{
  color:#9a6227!important;
}

html[data-theme="light"] .browser-notify-card__head strong{
  color:#3f291f!important;
}

html[data-theme="light"] .browser-notify-card__head p{
  color:#765746!important;
}

html[data-theme="light"] .browser-notify-status{
  border-color:rgba(139,94,46,.24)!important;
  background:rgba(255,250,241,.44)!important;
  color:#765746!important;
}

html[data-theme="light"] .browser-notify-actions button{
  border-color:rgba(139,94,46,.30)!important;
  background:rgba(255,250,241,.34)!important;
  color:#5c4030!important;
}

html[data-theme="light"] .browser-notify-main{
  border-color:rgba(154,101,44,.34)!important;
  background:rgba(194,146,84,.16)!important;
  color:#87541f!important;
}

html[data-theme="light"] .browser-notify-types label{
  border-color:rgba(139,94,46,.18)!important;
  background:rgba(255,250,241,.32)!important;
  color:#6d4f3e!important;
}

html[data-theme="light"] .browser-notify-types label:hover{
  border-color:rgba(139,94,46,.34)!important;
  background:rgba(224,194,151,.16)!important;
}

html[data-theme="light"] .browser-notify-types input{
  accent-color:#a46d32!important;
}

/* Notification bell/panel in Pokoi light theme */
html[data-theme="light"] .site-bell__button{
  border-color:rgba(139,94,46,.34)!important;
  background:rgba(250,241,227,.96)!important;
  color:#98612c!important;
  box-shadow:0 10px 26px rgba(91,58,33,.13)!important;
}

html[data-theme="light"] .site-bell__panel{
  border-color:rgba(139,94,46,.30)!important;
  background:#f8efe2!important;
  color:#4a3327!important;
  box-shadow:0 24px 70px rgba(91,58,33,.18)!important;
}

html[data-theme="light"] .site-bell__panel>header,
html[data-theme="light"] .site-bell__panel>footer,
html[data-theme="light"] .site-bell__item{
  border-color:rgba(139,94,46,.16)!important;
}

html[data-theme="light"] .site-bell__panel header small{
  color:#98612c!important;
}

html[data-theme="light"] .site-bell__readall{
  color:#7b5d49!important;
}

html[data-theme="light"] .site-bell__readall:hover{
  color:#8d5726!important;
  border-bottom-color:#b88a5a!important;
}

html[data-theme="light"] .site-bell__item:hover{
  background:rgba(172,119,58,.065)!important;
}

html[data-theme="light"] .site-bell__copy small{
  color:#8b6b55!important;
}

html[data-theme="light"] .site-bell__copy strong,
html[data-theme="light"] .site-bell__item.is-unread .site-bell__copy strong{
  color:#4a3024!important;
}

html[data-theme="light"] .site-bell__copy p,
html[data-theme="light"] .site-bell__empty{
  color:#765746!important;
}

html[data-theme="light"] .site-bell__panel>footer a{
  color:#98612c!important;
}
