/* ===================================================================
   NK-редизайн · PREMIUM-КОМПОНЕНТЫ (omni-premium-kit) — одни на все темы:
   платиновый бейдж с редким бликом, платиновое кольцо аватарки,
   перелив имени, выделенная строка в списке чатов, плашка в шапке лички.
   Разметка боевая: .vip-badge / .vip-name-wrap.is-vip (19-vip.js),
   .contact (09-contacts.js), .chat-head-private.is-prem .prem-wrap (11-state-machine.js).
   =================================================================== */
@property --nk-ring{syntax:'<angle>';initial-value:0deg;inherits:false}
html[data-nk-theme]{--nk-plat:linear-gradient(135deg,#FBFBF8 0%,#CFCFCA 38%,#F7F7F3 52%,#B4B4AE 78%,#E9E9E4 100%);--nk-platT:linear-gradient(100deg,#9C9C96 0%,#F4F4EF 30%,#BDBDB7 50%,#FFFFFF 66%,#A9A9A3 100%)}
html[data-nk-theme="mono"] #chat{--nk-platT:linear-gradient(100deg,#1A1A1A 0%,#6E6E6A 30%,#0B0B0B 50%,#8E8E89 66%,#1A1A1A 100%)}

/* бейдж PREMIUM */
html[data-nk-theme] .vip-badge,html[data-nk-theme] .chat-head-private .prem-wrap .vip-badge,html[data-nk-theme] #sidePanel.as-profile .profile-plate.is-prem .vip-badge{position:relative;display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 7px 0 6px;border-radius:6px;overflow:hidden;margin-left:4px;
  font-family:'JetBrains Mono',Menlo,monospace;font-size:8.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#0B0B0C!important;background:var(--nk-plat)!important;border:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 10px -6px rgba(255,255,255,.5)!important}
html[data-nk-theme="mono"] .vip-badge{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px #CFCFCA!important}
html[data-nk-theme] .vip-badge .prem-star{width:8px;height:8px;background:#0B0B0C!important;animation:none!important}
html[data-nk-theme] .vip-badge.small{height:16px;padding:0 6px 0 5px;font-size:7.5px;border-radius:5px}
html[data-nk-theme] .vip-badge.small .prem-star{width:6px;height:6px}
html[data-nk-theme] .vip-badge::after{content:""!important;position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)!important;background-size:auto!important;
  transform:translateX(-160%) skewX(-20deg);animation:nkSheen 5s cubic-bezier(.22,1,.36,1) infinite!important;pointer-events:none}
@keyframes nkSheen{0%,62%{transform:translateX(-160%) skewX(-20deg)}100%{transform:translateX(330%) skewX(-20deg)}}

/* перелив имени */
html[data-nk-theme] .vip-name-wrap.is-vip .vip-user-name{background:var(--nk-platT);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:nkFlow 7s ease-in-out infinite alternate}
@keyframes nkFlow{to{background-position:100% 0}}

/* строка Premium в списке чатов */
html[data-nk-theme] #contactsList .contact:has(.vip-name-wrap.is-vip){position:relative;margin:2px 8px!important;width:calc(100% - 16px);border-radius:20px!important;background:linear-gradient(100deg,rgba(255,255,255,.055),rgba(255,255,255,.015) 60%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important}
html[data-nk-theme] #contactsList .contact:has(.vip-name-wrap.is-vip)::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--nk-plat)}
html[data-nk-theme="red"] #contactsList .contact:has(.vip-name-wrap.is-vip){border-radius:2px!important}

/* платиновое кольцо аватарки: строка списка и шапка лички */
html[data-nk-theme] #contactsList .contact:has(.vip-name-wrap.is-vip) .c-ava,html[data-nk-theme] #chat .chat-head-private.is-prem .chat-head-ava{position:relative;border-radius:50%!important;padding:0!important;box-sizing:border-box;border:2px solid transparent!important;
  background:linear-gradient(#1B1B1F,#1B1B1F) padding-box,conic-gradient(from var(--nk-ring),#F7F7F3,#8E8E88,#FFFFFF,#A7A7A1,#F7F7F3) border-box!important;animation:nkRing 9s linear infinite}
html[data-nk-theme="mono"] #chat .chat-head-private.is-prem .chat-head-ava{background:linear-gradient(#E2E2DE,#E2E2DE) padding-box,conic-gradient(from var(--nk-ring),#0B0B0B,#8E8E88,#D6D6D2,#3A3A38,#0B0B0B) border-box!important}
html[data-nk-theme] #contactsList .contact:has(.vip-name-wrap.is-vip) .c-ava img,html[data-nk-theme] #chat .chat-head-private.is-prem .chat-head-ava img{border-radius:50%!important;border:2px solid #060607;box-sizing:border-box}
html[data-nk-theme="mono"] #contactsList .contact:has(.vip-name-wrap.is-vip) .c-ava img,html[data-nk-theme="mono"] #chat .chat-head-private.is-prem .chat-head-ava img{border-color:#fff}
@keyframes nkRing{to{--nk-ring:360deg}}

/* шапка лички Premium — плашка с кольцом, переливом и бейджем */
html[data-nk-theme] #chat .chat-head-private.is-prem .prem-wrap{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:16px;background:linear-gradient(100deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important;border:0!important;min-width:0}
html[data-nk-theme] #chat .chat-head-private.is-prem .prem-wrap::before{display:none!important}
html[data-nk-theme="mono"] #chat .chat-head-private.is-prem .prem-wrap{background:#fff!important;box-shadow:0 0 0 1px #DCDCD8,0 2px 0 #DCDCD8!important;border-radius:99px}
html[data-nk-theme="red"] #chat .chat-head-private.is-prem .prem-wrap{border-radius:2px;box-shadow:inset 0 0 0 1px rgba(225,6,0,.35)!important}
html[data-nk-theme] #chat .chat-head-private:not(.is-prem) .chat-head-ava{border-radius:50%}