/* Inter — локальный вариативный шрифт (кириллица + латиница) */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ============================================================
   Sunshine · Earn UI (v2)
   Аккуратный современный слой в духе VK: только оформление.
   Сетка, размеры блоков и поведение темы не меняются.
   ============================================================ */

:root{
  --e-accent:#0077ff;
  --e-accent-2:#0066dd;
  --e-accent-soft:#e6f0ff;
  --e-ink:#2c2d2e;
  --e-ink-2:#5f6b7a;
  --e-ink-3:#818c99;
  --e-bg:#f0f2f5;
  --e-card:#ffffff;
  --e-line:#e7e8ec;
  --e-soft:#f2f3f7;
  --e-like:#f43f5e;
  --e-ok:#10b981;
  --e-orange:#f97316;
  --e-aurora:linear-gradient(120deg,#0077ff 0%,#7c3aed 55%,#06b6d4 120%);
  --e-ring:conic-gradient(from 210deg,#0077ff,#7c3aed,#06b6d4,#ec4899,#0077ff);
  --e-r-card:16px;
  --e-r-btn:12px;
  --e-shadow:0 1px 2px rgba(16,24,40,.06);
  --e-shadow-lift:0 4px 12px rgba(16,24,40,.08);
  --e-font:'Inter','Segoe UI',system-ui,-apple-system,Roboto,sans-serif;
}

html:has(#night-mode-css){
  --e-ink:#f2f2f3;
  --e-ink-2:#a6adb8;
  --e-ink-3:#9399a2;
  --e-bg:#19191a;
  --e-card:#232325;
  --e-line:rgba(255,255,255,.09);
  --e-soft:#2a2a2c;
  --e-accent:#4c9df2;
  --e-accent-2:#6cb0f5;
  --e-accent-soft:#1d2a3a;
}

/* ---------- база ---------- */
body{
  background:var(--e-bg) !important;
  color:var(--e-ink) !important;
  font-family:var(--e-font) !important;
  font-size:15px !important;
  line-height:1.6 !important;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family:var(--e-font) !important;
  color:var(--e-ink) !important;
  letter-spacing:-.01em;
}
a{color:var(--e-accent)}
a:hover,a:focus{color:var(--e-accent-2);text-decoration:none}
hr{border-color:var(--e-line)!important}
::selection{background:rgba(47,91,255,.16)}

/* ---------- шапка ---------- */
.navbar.navbar-default{
  background:rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border:0 !important;
  border-bottom:1px solid var(--e-line) !important;
  box-shadow:none !important;
  min-height:62px !important;
}
html:has(#night-mode-css) .navbar.navbar-default{background:rgba(23,27,34,.94)!important}
.navbar .header-fixed1000{max-width:1360px!important}
.navbar .nav.navbar-nav>li>a{
  height:38px!important;
  border-radius:10px!important;
  color:var(--e-ink-2)!important;
  font-family:var(--e-font)!important;
  font-size:13.5px!important;
  font-weight:500!important;
}
.navbar .nav.navbar-nav>li>a:hover{background:var(--e-soft)!important;color:var(--e-ink)!important}
.navbar .nav.navbar-nav>li>a svg{width:20px!important;height:20px!important}
.navbar .btn-main{
  background:var(--e-accent-soft)!important;
  color:var(--e-accent)!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.navbar .btn-main span,.navbar .btn-main svg{color:var(--e-accent)!important;fill:none!important}
.navbar .btn-main:hover{background:#e2e9ff!important;color:var(--e-accent-2)!important}
.navbar .btn-main:hover span{color:var(--e-accent-2)!important}
.navbar .head_name_links .btn-main{background:var(--e-soft)!important;color:var(--e-ink-2)!important}
.navbar .head_name_links .btn-main svg{color:var(--e-ink-2)!important}

/* поиск: только вид, без вложений и отступов */
.navbar .search-input,.navbar #searchForm input,.navbar .search-wrapper input{
  background:var(--e-soft)!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:var(--e-ink)!important;
  box-shadow:none!important;
}
.navbar .search-input:focus,.navbar #searchForm input:focus{
  background:var(--e-card)!important;
  border-color:#cfd9f7!important;
  box-shadow:0 0 0 3px rgba(47,91,255,.10)!important;
}
.navbar .search-input::placeholder{color:#6f7b8d!important}

.navbar .dropdown-menu{
  border:1px solid var(--e-line)!important;
  border-radius:12px!important;
  box-shadow:0 18px 44px rgba(11,18,32,.14)!important;
  background:var(--e-card)!important;
}
.navbar .dropdown-menu>li>a{border-radius:8px!important;color:var(--e-ink)!important}
.navbar .dropdown-menu>li>a:hover{background:var(--e-soft)!important}
.navbar .divider{background:var(--e-line)!important}
.navbar img.user-avatar,.navbar .user-avatar img{border-radius:50%!important}
.navbar .dropdown-toggle .user-name{font-family:var(--e-font)!important;font-weight:600!important;color:var(--e-ink)!important}

/* ---------- левое меню ---------- */
/* тема рисует строку как block: меняем только фон, радиус и цвет */
.left-sidebar>ul>li>a{
  padding:8px 12px!important;
  border-radius:10px!important;
  color:#4b5666!important;
  font-family:var(--e-font)!important;
  font-weight:500!important;
  transition:background .14s ease,color .14s ease;
}
html:has(#night-mode-css) .left-sidebar>ul>li>a{color:#a9b4c4!important}
.left-sidebar>ul>li>a:hover{background:#e6ebf4!important;color:var(--e-ink)!important}
html:has(#night-mode-css) .left-sidebar>ul>li>a:hover{background:#1e242d!important}
.left-sidebar>ul>li>a.active,
.left-sidebar>ul>li.active>a{
  background:var(--e-card)!important;
  color:var(--e-accent)!important;
  font-weight:600!important;
  box-shadow:var(--e-shadow)!important;
}
.left-sidebar>ul>li>a svg{
  width:21px!important;
  height:21px!important;
  padding:0!important;
  margin-right:10px!important;
  vertical-align:middle!important;
  color:currentColor!important;
}
.left-sidebar>ul>li>a.active svg,.left-sidebar>ul>li.active>a svg{color:var(--e-accent)!important}

/* ---------- карточки ---------- */
.left-sidebar .earno-me{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--e-ink)}
.left-sidebar .earno-me:hover{background:var(--e-soft)}
.left-sidebar .earno-me img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.left-sidebar .earno-me b{display:block;font-family:var(--e-font);font-size:14px;font-weight:600;line-height:1.3}
.left-sidebar .earno-me i{display:block;font-family:var(--e-font);font-size:12px;font-style:normal;color:var(--e-ink-3);line-height:1.3}
.left-sidebar .earno-sep{height:1px;background:var(--e-line);margin:8px 10px}
.left-sidebar .earno-copy{font-family:var(--e-font);font-size:12px;line-height:1.4;color:var(--e-ink-3);padding:10px 12px 4px}
.left-sidebar .earno-badge{float:right;min-width:20px;height:20px;border-radius:999px;background:var(--e-like);color:#fff;font-family:var(--e-font);font-size:11px;font-weight:700;line-height:20px;text-align:center;padding:0 6px;margin-top:1px}
.left-sidebar .earno-badge.blue{background:var(--e-accent)}
.left-sidebar .earno-theme{display:flex;align-items:center;gap:10px;width:100%;height:40px;margin-top:6px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--e-ink-2);font-family:var(--e-font);font-size:13px;font-weight:500;cursor:pointer;text-align:left}
.left-sidebar .earno-theme:hover{background:var(--e-soft);color:var(--e-ink)}
.left-sidebar .earno-theme svg{width:18px;height:18px;flex:none}
.left-sidebar .earno-theme.on{color:var(--e-accent);background:var(--e-accent-soft)}
.wow_content,.post,.panel,.sidebar-profile-style,.wo_settings_page,.modal-content,
.profile-style,.wo_user_profile .user-bottom-nav,.setting-well,.products .product,
.blog-h-list,.event_two_blocks,.thread-replies{
  background:var(--e-card)!important;
  border:1px solid var(--e-line)!important;
  border-radius:var(--e-r-card)!important;
  box-shadow:none!important;
}
.post:hover{box-shadow:var(--e-shadow-lift)!important}

/* ---------- лента ---------- */
.publisher-box{background:var(--e-card)!important;border-radius:var(--e-r-card)!important}
.publisher-box textarea,.publisher-box .postTextarea{
  background:var(--e-soft)!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.publisher-box textarea:focus{background:var(--e-card)!important;border-color:#cfd9f7!important;box-shadow:0 0 0 3px rgba(47,91,255,.10)!important}
.publisher-box .publisher-box-footer{border-top:1px solid var(--e-line)!important}
.publisher-box .poster-left-buttons{color:var(--e-ink-2)!important;border-radius:8px!important}
.publisher-box .poster-left-buttons:hover{background:var(--e-soft)!important;color:var(--e-accent)!important}

.post-heading{background:transparent!important;border:0!important}
.post-heading .post-info a,.post-heading .post-info h4,.post-heading .post-info h5{
  font-family:var(--e-font)!important;
  font-weight:600!important;
  color:var(--e-ink)!important;
}
.post-heading .post-info p,.post-heading .timeago{color:var(--e-ink-3)!important}
.post-description{color:var(--e-ink)!important}
.post-description p{color:var(--e-ink)!important}
.post-description a{color:var(--e-accent)!important}
.post-actions{background:transparent!important;border-top:1px solid var(--e-line)!important}
.post-actions .stat-item,.post-actions button,.post-actions a{
  color:var(--e-ink-2)!important;
  border-radius:8px!important;
}
.post-actions .stat-item:hover,.post-actions button:hover,.post-actions a:hover{
  background:var(--e-soft)!important;
  color:var(--e-ink)!important;
}
.post-footer{background:var(--e-soft)!important;border-top:1px solid var(--e-line)!important}
.comment-section .comment{border-top:1px solid var(--e-line)!important}

/* ---------- кнопки ---------- */
.btn,.btn-mat,.btn-default,.btn-main,.btn-primary,.btn-success,.btn-danger{
  font-family:var(--e-font)!important;
  font-weight:600!important;
  border-radius:var(--e-r-btn)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.btn-main,.btn-primary{background:var(--e-accent)!important;border-color:var(--e-accent)!important;color:#fff!important;box-shadow:0 8px 20px rgba(0,119,255,.25)!important}
.btn-main:hover,.btn-primary:hover{background:var(--e-accent-2)!important;border-color:var(--e-accent-2)!important;color:#fff!important}
.btn-default{background:var(--e-soft)!important;border-color:var(--e-line)!important;color:var(--e-ink)!important}
.btn-default:hover{background:#e7ebf3!important;color:var(--e-ink)!important}
.btn-success{background:var(--e-ok)!important;border-color:var(--e-ok)!important;color:#fff!important}
.btn-link{color:var(--e-accent)!important}
.btn-danger{background:var(--e-like)!important;border-color:var(--e-like)!important;color:#fff!important}

/* ---------- формы ---------- */
.form-control,textarea.form-control,select.form-control{
  background:var(--e-soft)!important;
  border:1px solid var(--e-line)!important;
  border-radius:var(--e-r-btn)!important;
  color:var(--e-ink)!important;
  box-shadow:none!important;
}
.form-control:focus,textarea.form-control:focus,select.form-control:focus{
  background:var(--e-card)!important;
  border-color:#cfd9f7!important;
  box-shadow:0 0 0 3px rgba(47,91,255,.10)!important;
}
.form-control::placeholder{color:var(--e-ink-3)!important}
label{color:var(--e-ink-2)!important}

/* ---------- правая колонка и профиль ---------- */
.sidebar-profile-style{overflow:hidden!important}
.sidebar-profile-style .card.hovercard .info .title h4,
.sidebar-profile-style .card.hovercard .info .title p{
  font-family:var(--e-font)!important;
  color:var(--e-ink)!important;
}
.featured-users,.sidebar-ad-wrapper{
  background:var(--e-card)!important;
  border:1px solid var(--e-line)!important;
  border-radius:var(--e-r-card)!important;
}
.list-group-item{background:transparent!important;border-color:var(--e-line)!important;color:var(--e-ink)!important}
.list-group-item:hover{background:var(--e-soft)!important}

.wo_user_profile .user-bottom-nav{
  display:flex!important;
  gap:6px!important;
  padding:8px!important;
  overflow-x:auto!important;
  background:var(--e-card)!important;
  border-radius:var(--e-r-card)!important;
}
.wo_user_profile .user-bottom-nav a{
  border-radius:8px!important;
  color:var(--e-ink-2)!important;
  font-family:var(--e-font)!important;
  font-weight:500!important;
}
.wo_user_profile .user-bottom-nav a:hover{background:var(--e-soft)!important;color:var(--e-ink)!important}
.wo_user_profile .user-bottom-nav a.active{background:var(--e-accent-soft)!important;color:var(--e-accent)!important}

/* ---------- вкладки, бейджи, алерты ---------- */
.nav-tabs>li>a{
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:var(--e-ink-2)!important;
  font-family:var(--e-font)!important;
  font-weight:500!important;
}
.nav-tabs>li>a:hover{background:var(--e-soft)!important;color:var(--e-ink)!important}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
  background:var(--e-accent-soft)!important;
  border-color:transparent!important;
  color:var(--e-accent)!important;
}
.badge,.label{border-radius:999px!important;font-family:var(--e-font)!important;font-weight:600!important}
.label-danger,.badge{background:var(--e-like)!important}
.alert{border-radius:12px!important;border:1px solid var(--e-line)!important;background:var(--e-soft)!important;color:var(--e-ink)!important}
.alert-success{background:#e9f9f1!important;border-color:#c6efdb!important;color:#0a6b45!important}
.alert-danger{background:#fdeef1!important;border-color:#f7cdd6!important;color:#a31236!important}

/* ---------- мелочи ---------- */
.dropdown-menu{border:1px solid var(--e-line)!important;border-radius:12px!important;box-shadow:0 18px 44px rgba(11,18,32,.14)!important;background:var(--e-card)!important}
.dropdown-menu>li>a{border-radius:8px!important;color:var(--e-ink)!important}
.dropdown-menu>li>a:hover{background:var(--e-soft)!important;color:var(--e-ink)!important}
.chat-container,.messages-wrapper{background:var(--e-card)!important;border:1px solid var(--e-line)!important;border-radius:var(--e-r-card)!important}
footer,.footer-wrapper{background:transparent!important;border-top:1px solid var(--e-line)!important;color:var(--e-ink-3)!important}
footer a{color:var(--e-ink-2)!important}

/* красный бренд, зашитый в иконках темы */
svg [fill="#e64a56"],svg [fill="#E64A56"],svg [stroke="#e64a56"],svg [stroke="#E64A56"]{fill:currentColor!important;stroke:currentColor!important}

*{scrollbar-width:thin;scrollbar-color:#c9d1df transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#cfd6e2;border:3px solid transparent;background-clip:content-box;border-radius:999px}

/* ============================================================
   v3: характер интерфейса
   ============================================================ */

/* Логотип: вместо картинки WoWonder — текстовый знак сайта */
.navbar .brand.header-brand img{display:none!important}
.navbar .brand.header-brand::before{
  content:"e";
  width:36px;height:36px;border-radius:12px;
  background:var(--e-aurora);color:#fff;
  font:800 20px/1 var(--e-font);
  display:inline-flex;align-items:center;justify-content:center;
  margin-right:10px;
}
.navbar .brand.header-brand::after{
  content:"earno";
  font-family:var(--e-font);font-weight:800;font-size:22px;letter-spacing:-.03em;
  color:var(--e-ink);
  line-height:1;
}

/* Левое меню — белая панель с аккуратными строками */
.left-sidebar{
  background:var(--e-card)!important;
  border:1px solid var(--e-line)!important;
  border-radius:16px!important;
  padding:10px!important;
  box-shadow:var(--e-shadow)!important;
}
.left-sidebar>ul>li{margin:0!important;padding:0!important}
.left-sidebar>ul>li>a{
  margin:1px 0!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  font-size:13.5px!important;
  line-height:20px!important;
}
/* красные иконки темы приводим к спокойному серому */
.left-sidebar>ul>li>a svg{
  width:20px!important;height:20px!important;
  filter:grayscale(1) opacity(.5);
  transition:filter .14s ease;
}
.left-sidebar>ul>li>a:hover svg{filter:grayscale(1) opacity(.85)}
.left-sidebar>ul>li>a.active svg{filter:grayscale(1) opacity(.9)}

/* Публикатор: чистая карточка без красных акцентов */
.publisher-box{border:1px solid var(--e-line)!important;box-shadow:var(--e-shadow)!important}
.publisher-box .publisher-box-footer{border-top:1px solid var(--e-line)!important}
.publisher-box .poster-left-buttons svg,
.publisher-box .poster-left-buttons img{filter:grayscale(1) opacity(.55);transition:filter .14s ease}
.publisher-box .poster-left-buttons:hover svg,
.publisher-box .poster-left-buttons:hover img{filter:grayscale(1) opacity(.9)}

/* Приветственный баннер и мелкие плашки темы — без красных краёв */
.greetalert,.welcome-container{
  border-left:0!important;
  border:1px solid var(--e-line)!important;
  background:var(--e-card)!important;
  border-radius:14px!important;
  box-shadow:var(--e-shadow)!important;
}

/* Иконки действий в постах — тоже спокойные */
.post-actions svg{filter:grayscale(1) opacity(.65)}
.post-actions .stat-item:hover svg{filter:grayscale(1) opacity(1)}
.post-actions .stat-item.liked svg{filter:none}

/* Карточки чуть мягче */
.wow_content,.post,.sidebar-profile-style,.panel{border-radius:16px!important}

/* Профиль в оболочке VK: левое меню + контент */
.earno-profile-shell{padding-top:0!important}
.earno-profile-shell>.leftcol{padding-top:4px;width:250px;flex:0 0 250px}
.earno-profile-shell>.middlecol{min-width:0;width:calc(100% - 250px);flex:0 0 auto}
.earno-profile-shell .page-margin{padding-top:0!important}
.earno-profile-shell .profile-container{max-width:100%!important}
@media (max-width:991px){
  .earno-profile-shell>.leftcol{display:none!important}
  .earno-profile-shell>.middlecol{width:100%!important;flex:0 0 100%!important}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* ============================================================
   Earno: правки оболочки
   ============================================================ */

/* Кнопка-сетка рядом с «Главная» вела на пустую страницу — убираем */
.head_name_links{display:none!important}

/* Профиль: аккуратная карточка обложки */
.wo_user_profile .card.hovercard{
  border:1px solid var(--e-line)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  background:var(--e-card)!important;
}
.wo_user_profile .user-cover{height:300px!important;background-size:cover!important;background-position:center!important}
.wo_user_profile .user-cover .btn-upload-image{
  border-radius:10px!important;
  background:rgba(11,18,32,.55)!important;
  color:#fff!important;
  border:0!important;
  backdrop-filter:blur(6px);
}
.wo_user_profile .user-bottom-nav{
  background:var(--e-card)!important;
  border:1px solid var(--e-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

/* Профиль в духе VK: белая карточка без обложки */
.wo_user_profile .profile-container .card.hovercard .cardheader{
  background-image:none!important;
  background:var(--e-card)!important;
  min-height:220px!important;
  max-height:none!important;
  border-radius:18px 18px 0 0!important;
}
.wo_user_profile .profile-completion-bar{display:none!important}
.wo_user_profile .user-bottom-nav{margin-top:10px!important}

/* Блок «Завершение профиля»: спокойный, без зелёных плашек */
.profile-completion-bar{
  border:1px solid var(--e-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
  background:var(--e-card)!important;
}
.profile-completion-bar .hdr h3{font-family:var(--e-font)!important;font-size:15px!important;font-weight:600!important}
.profile-completion-bar .step{
  background:var(--e-soft)!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:var(--e-ink-2)!important;
  font-family:var(--e-font)!important;
  font-size:12.5px!important;
}
.profile-completion-bar .step.done{
  background:var(--e-soft)!important;
  color:var(--e-ink-3)!important;
  text-decoration:line-through!important;
}
.profile-completion-bar .step svg{color:var(--e-ink-3)!important}

/* ============================================================
   v4 — макет заказчика: шапка, меню, истории, лента, правая колонка
   Значения взяты с макета: контейнер 1360 (250 / резина / 320, зазор 24),
   шапка 64, строки меню 44, истории 104×176, карточки 16.
   ============================================================ */

/* ---------- страница и сетка ---------- */
body{background:#eff1f5!important}
#contnet>.page-margin{max-width:1360px;margin:22px auto 40px!important;padding:0 12px;float:none!important}
#contnet>.page-margin>.row{margin:0}
@media (min-width:992px){
  #contnet>.page-margin>.row{display:flex;flex-wrap:nowrap;gap:24px;align-items:flex-start}
  #contnet>.page-margin>.row>.leftcol{width:250px!important;flex:0 0 250px;padding:0;float:none}
  #contnet>.page-margin>.row>.middlecol{width:auto!important;flex:1 1 auto;min-width:0;padding:0;float:none}
  #contnet>.page-margin>.row>.sidebar-conatnier{width:320px!important;flex:0 0 320px;padding:0;float:none}
  #contnet>.page-margin>.row>.sidebar-conatnier>.rightcol{width:100%!important;padding:0;float:none}
}

/* ---------- шапка 64 px ---------- */
.navbar.navbar-default{
  min-height:64px!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #edeff3!important;
  box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
}
.navbar .header-fixed1000{width:100%!important;max-width:1360px!important;padding:0 12px!important}
.navbar .header-fixed1000>.container-fluid{
  display:flex;align-items:center;gap:10px;
  height:64px;padding:0!important;
}
.navbar .wow_hdr_innr_left{display:flex;align-items:center;gap:12px;float:none!important}
.navbar .wow_hdr_innr_left>ul.navbar-nav{display:flex;align-items:center;gap:6px;float:none!important;margin:0!important}
.navbar .side_slide_menu{display:none!important}

/* логотип: плитка с «e» и слово */
.navbar .brand.header-brand{display:flex;align-items:center;gap:9px;height:40px;padding:0!important;margin:0!important}
.navbar .brand.header-brand::before{
  content:"e";width:36px;height:36px;border-radius:11px;margin:0;
  background:linear-gradient(135deg,#5b6cff 0%,#7c3aed 100%);
  font:800 20px/36px var(--e-font);text-align:center;
}
.navbar .brand.header-brand::after{content:"earno";font:800 21px/1 var(--e-font);letter-spacing:-.02em;color:var(--e-ink)}

/* пилюля «Главная» */
.navbar .nav.navbar-nav>li>a#wo_home_btns{
  display:flex;align-items:center;gap:8px;
  height:40px!important;padding:0 16px!important;
  border-radius:12px!important;
  background:var(--e-accent-soft)!important;color:#0077ff!important;
  font:600 15px/1 var(--e-font)!important;
}
.navbar .nav.navbar-nav>li>a#wo_home_btns svg{width:18px!important;height:18px!important;color:#0077ff!important}
.navbar .nav.navbar-nav>li>a#wo_home_btns:hover{background:#deeafd!important}

/* поиск */
#wo_home_search{flex:1 1 auto;max-width:560px;margin:0 8px 0 14px!important;float:none!important;display:flex}
#wo_home_search>li{width:100%;float:none!important}
#wo_home_search .search-container{width:100%!important}
#wo_home_search form.navbar-form{margin:0!important;padding:0!important;border:0!important;width:100%!important;float:none!important}
#wo_home_search .inner-addon{position:relative;width:100%;display:block}
#wo_home_search .inner-addon>svg{
  position:absolute;left:15px;top:50%;transform:translateY(-50%);
  width:19px!important;height:19px!important;z-index:2;color:#8e96a3;
  margin:0!important;
}
#wo_home_search .inner-addon>svg circle,#wo_home_search .inner-addon>svg path{stroke:#8e96a3!important}
#wo_home_search input.search-input{
  width:100%!important;height:44px!important;
  padding:0 46px 0 44px!important;margin:0!important;
  border:0!important;border-radius:14px!important;
  background:var(--e-soft)!important;color:var(--e-ink)!important;
  font:400 15px/44px var(--e-font)!important;box-shadow:none!important;
}
#wo_home_search input.search-input::placeholder{color:var(--e-ink-3)!important}
#wo_home_search input.search-input:focus{background:var(--e-card)!important;box-shadow:0 0 0 2px #d7e5ff inset!important}
.earno-kbd{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;border-radius:50%;
  background:#fff;color:#a6adb8;
  font:500 13px/24px var(--e-font);text-align:center;
  box-shadow:0 1px 2px rgba(16,24,40,.08);pointer-events:none;
}

/* правая группа иконок */
#head_menu_rght{display:flex;align-items:center;gap:2px;margin-left:auto!important;float:none!important}
#head_menu_rght>li{position:relative;margin:0!important;float:none!important}
#head_menu_rght>li>a.dropdown-toggle{
  display:flex;align-items:center;justify-content:center;
  width:40px!important;height:40px!important;padding:0!important;
  border-radius:12px!important;color:var(--e-ink-2)!important;background:transparent!important;
}
#head_menu_rght>li>a.dropdown-toggle:hover{background:var(--e-soft)!important;color:var(--e-ink)!important}
#head_menu_rght .wow_new_search_bbtn{display:none!important}
#head_menu_rght .new-update-alert{
  position:absolute!important;top:1px!important;right:1px!important;
  min-width:18px;height:18px;padding:0 5px;
  border-radius:999px!important;
  background:#f43f5e!important;color:#fff!important;
  font:700 11px/18px var(--e-font)!important;text-align:center;
  box-shadow:0 0 0 2px #fff;z-index:3;
}
#head_menu_rght .requests-container .new-update-alert{background:#0077ff!important}
#head_menu_rght .new-update-alert.hidden{display:none!important}

/* чип пользователя */
#head_menu_rght>li.dropdown.user-menu-combination,
#head_menu_rght>li:last-child>a.user-menu-combination{
  width:auto!important;gap:8px;padding:0 10px 0 4px!important;border-radius:999px!important;
}
#head_menu_rght a.user-menu-combination .user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex:none}
#head_menu_rght a.user-menu-combination .user-avatar img{width:36px;height:36px;object-fit:cover;border-radius:50%}
#head_menu_rght a.user-menu-combination>b{
  font:600 15px/1 var(--e-font)!important;color:var(--e-ink)!important;max-width:120px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#head_menu_rght a.user-menu-combination::after{
  content:"";width:8px;height:8px;margin-left:2px;
  border-right:1.6px solid #98a2b3;border-bottom:1.6px solid #98a2b3;
  transform:rotate(45deg) translateY(-2px);
}

/* переключатель темы в шапке */
.earno-theme-head{display:flex;align-items:center;justify-content:center}
.earno-theme-head svg{width:20px!important;height:20px!important}
.earno-theme-head.on{color:#0077ff!important;background:var(--e-accent-soft)!important}

/* ---------- левое меню ---------- */
#contnet .left-sidebar{
  background:var(--e-card)!important;border:1px solid var(--e-line)!important;
  border-radius:16px!important;padding:14px 12px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
}
.left-sidebar .earno-me{padding:4px 8px;gap:12px;border-radius:12px}
.left-sidebar .earno-me img{width:44px;height:44px}
.left-sidebar .earno-me b{font-size:15px;font-weight:600;color:var(--e-ink)}
.left-sidebar .earno-me i{font-size:13px;color:var(--e-ink-3);margin-top:1px}
.left-sidebar .earno-sep{margin:12px 6px;background:#edeff3}
.left-sidebar>ul>li>a{
  display:flex!important;align-items:center;gap:12px;
  height:44px;padding:0 10px!important;margin:0!important;
  border-radius:10px!important;
  color:var(--e-ink)!important;font:500 15px/1 var(--e-font)!important;
}
.left-sidebar>ul>li>a svg{
  width:22px!important;height:22px!important;margin:0!important;
  filter:none!important;color:#6c7583!important;flex:none;
}
.left-sidebar>ul>li>a:hover{background:var(--e-soft)!important;color:var(--e-ink)!important}
.left-sidebar>ul>li>a.active,
.left-sidebar>ul>li.active>a{
  background:var(--e-accent-soft)!important;color:#0077ff!important;
  font-weight:600!important;box-shadow:none!important;
}
.left-sidebar>ul>li>a.active svg{color:#0077ff!important}
.left-sidebar .earno-badge{
  float:none!important;margin:0 0 0 auto;
  min-width:20px;height:20px;padding:0 6px;
  border-radius:999px;background:#f43f5e;color:#fff;
  font:700 12px/20px var(--e-font);text-align:center;
}
.left-sidebar .earno-badge.blue{background:#0077ff}

/* ---------- истории 104×176 ---------- */
.wow_home_stories{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin-bottom:16px!important;overflow:visible!important;
}
.wow_home_stories ul.status-list{
  display:flex!important;align-items:stretch!important;gap:8px!important;
  overflow-x:auto;overflow-y:hidden;height:auto!important;max-height:none!important;
  padding:0 0 4px!important;margin:0!important;list-style:none!important;
}
.wow_home_stories ul.status-list::-webkit-scrollbar{height:0}
.wow_home_stories ul.status-list>li{
  position:relative!important;flex:0 0 104px!important;
  width:104px!important;min-width:104px!important;
  height:176px!important;min-height:176px!important;max-height:176px!important;
  margin:0!important;padding:0!important;
  border-radius:16px!important;overflow:hidden!important;
  background:var(--e-card);box-shadow:0 1px 2px rgba(16,24,40,.06);
  cursor:pointer;list-style:none!important;
}
.wow_home_stories ul.status-list>li.create_new{background:linear-gradient(160deg,var(--e-accent-soft) 0%,var(--e-soft) 100%)!important}
.wow_home_stories ul.status-list>li.create_new>a.avatar::before,
.wow_home_stories ul.status-list>li.create_new>a.avatar::after{display:none!important}
.wow_home_stories ul.status-list>li.create_new>a.avatar{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:48px!important;height:48px!important;margin:26px auto 0!important;padding:0!important;
  border-radius:50%!important;background:var(--e-card)!important;
  color:var(--e-accent)!important;float:none!important;
  box-shadow:0 2px 8px rgba(16,24,40,.08);
}
.wow_home_stories ul.status-list>li.create_new>a.avatar img{display:none!important}
.wow_home_stories ul.status-list>li.create_new>a.avatar svg{
  background:transparent!important;position:static!important;
  width:24px!important;height:24px!important;padding:0!important;
  border-radius:0!important;color:var(--e-accent)!important;
}
.wow_home_stories ul.status-list>li.create_new>p{
  position:absolute!important;left:8px!important;right:8px!important;bottom:14px!important;
  margin:0!important;text-align:center!important;
}
.wow_home_stories ul.status-list>li.create_new>p a{
  font:600 12px/1.3 var(--e-font)!important;color:var(--e-ink)!important;display:block;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  word-break:break-word!important;line-height:1.25!important;
}
.wow_home_stories ul.status-list>li>a.earno-story{
  display:block!important;width:100%!important;height:100%!important;
  background-size:cover!important;background-position:center!important;position:relative;
}
.wow_home_stories ul.status-list>li>a.earno-story::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,12,24,0) 42%,rgba(8,12,24,.55) 100%);
}
.earno-story-ring{
  position:absolute;top:8px;left:8px;width:34px;height:34px;border-radius:50%;
  padding:2px;background:var(--e-ring);z-index:2;
}
.earno-story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;display:block}
.wow_home_stories li.not_seen_story .earno-story-ring{background:var(--e-ring)}
.wow_home_stories li:not(.not_seen_story) .earno-story-ring{background:rgba(255,255,255,.6)}
.earno-story-name{
  position:absolute;left:10px;right:10px;bottom:10px;z-index:2;
  font:700 13px/1.2 var(--e-font);color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.45);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.wow_home_stories ul.status-list>li.view-more-stories>a.avatar{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:48px!important;height:48px!important;margin:26px auto 0!important;
  border-radius:50%!important;background:var(--e-soft)!important;
  color:var(--e-ink-2)!important;float:none!important;
}
.wow_home_stories ul.status-list>li.view-more-stories>p{
  position:absolute!important;left:8px!important;right:8px!important;bottom:14px!important;
  margin:0!important;text-align:center!important;
}
.wow_home_stories ul.status-list>li.view-more-stories>p a{
  font:600 12px/1.3 var(--e-font)!important;color:var(--e-ink-2)!important;
}

/* ---------- приветственный баннер ---------- */
.greetalert{
  display:flex!important;align-items:center;gap:14px;
  margin:0 0 16px!important;padding:16px 18px!important;
  border:0!important;border-radius:16px!important;
  background:linear-gradient(100deg,#e9f1fe 0%,#f3f8ff 55%,#fff 100%)!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
}
.greetalert.hidden{display:none!important}
.earno-greet-ico{font-size:32px;line-height:1;flex:none}
.earno-greet-tx{min-width:0}
.earno-greet-tx h3{
  margin:0 0 3px!important;font:700 20px/1.3 var(--e-font)!important;color:var(--e-ink)!important;
}
.earno-greet-tx h3 em{
  font-style:normal;
  background:linear-gradient(90deg,#0077ff,#7c3aed);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.earno-greet-tx p{margin:0!important;font:400 14px/1.45 var(--e-font)!important;color:var(--e-ink-3)!important}
.greetalert .close{
  position:absolute;right:14px;top:14px;width:24px;height:24px;
  opacity:.5;z-index:2;border:0!important;background:transparent!important;
  text-shadow:none!important;padding:0!important;
}
.greetalert .close svg{width:20px;height:20px;color:var(--e-ink-2)}
.greetalert{position:relative!important}

/* ---------- публикатор ---------- */
.publisher-box{margin-bottom:16px!important}
.publisher-box .sun_pub_box.post{margin-bottom:0!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important}
.publisher-box .sun_pub_box{
  position:relative!important;padding:14px 16px 12px!important;
  background:var(--e-card)!important;border:1px solid var(--e-line)!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
}
#post-textarea{margin:0!important;padding:0!important;position:static!important}
.wo_pub_txtara_combo{display:flex;align-items:flex-start;gap:12px;position:static!important;padding:0!important}
.wo_pub_txtara_combo .post-avatar{width:44px!important;height:44px!important;border-radius:50%;object-fit:cover;margin:0!important;float:none!important;flex:none}
.wo_pub_txtara_combo textarea.postText{
  flex:1 1 auto;width:auto!important;height:44px;min-height:44px!important;
  margin:0!important;padding:11px 150px 11px 0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;resize:none;overflow:hidden;
  font:400 15px/1.45 var(--e-font)!important;color:var(--e-ink)!important;
}
.wo_pub_txtara_combo textarea.postText::placeholder{color:var(--e-ink-3)!important}
.wo_pub_txtara_combo .add-emoticons{display:none!important}
.publisher-box .wo_pub_txtara_combo>.btn-main{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  position:absolute!important;right:16px;bottom:12px;z-index:3;
  height:40px;padding:0 20px;border-radius:12px;
  background:var(--e-aurora)!important;color:#fff!important;
  font:600 14px/40px var(--e-font)!important;box-shadow:none!important;
  opacity:.45;transition:opacity .16s ease;white-space:nowrap;
}
.publisher-box.earno-typed .wo_pub_txtara_combo>.btn-main{opacity:1}

/* ряд действий под полем (в теме: .sun_pub_mid_foot) */
.publisher-box .sun_pub_mid_foot{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:0;flex-wrap:nowrap!important;
  margin:6px 0 0!important;padding:10px 176px 0 0!important;
  border-top:1px solid var(--e-line)!important;overflow:hidden;
}
.publisher-box .sun_pub_mid_foot>.poster-left-buttons{
  flex:0 0 auto!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;float:none!important;
  display:flex!important;align-items:center!important;position:relative!important;
}
.publisher-box .sun_pub_mid_foot>.poster-left-buttons>.btn{
  display:flex!important;align-items:center!important;gap:7px;
  height:36px!important;padding:0 10px!important;margin:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--e-ink-2)!important;font:500 14px/1 var(--e-font)!important;
  width:auto!important;min-width:0!important;white-space:nowrap;
}
.publisher-box .sun_pub_mid_foot>.poster-left-buttons>.btn svg{
  width:20px!important;height:20px!important;filter:none!important;
  color:var(--e-ink-2)!important;margin:0!important;flex:none;
}
.publisher-box .sun_pub_mid_foot>.poster-left-buttons:hover>.btn{background:var(--e-soft)!important;color:var(--e-ink)!important}
.publisher-box .sun_pub_mid_foot>.poster-left-buttons>.btn:hover svg{color:var(--e-ink)!important}
.publisher-box .sun_pub_mid_foot .new-feature{display:none!important}
.publisher-box .sun_pub_mid_foot .btn>input[type=file]{
  position:absolute!important;width:1px;height:1px!important;opacity:0!important;overflow:hidden;
}
.publisher-box .sun_pub_mid_foot .btn-file>span{display:flex;align-items:center}

/* панель «Ещё»: тема показывает её по фокусу, поэтому только оформление */
.publisher-box-footer{border:0!important;background:transparent!important;padding:0!important;margin:0!important}
.publisher-box-footer .sun_pub_more{
  display:flex!important;flex-wrap:wrap!important;align-items:center;gap:2px;
  margin:8px 0 0!important;padding:10px 0 0!important;
  border-top:1px dashed var(--e-line)!important;overflow:visible;
}
.publisher-box-footer .sun_pub_more_items{
  flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;float:none!important;
}
.publisher-box-footer .sun_pub_more .poster-left-buttons{
  margin:0!important;padding:0!important;float:none!important;
  display:flex!important;align-items:center!important;
}
.publisher-box-footer .sun_pub_more .poster-left-buttons .btn{
  display:flex!important;align-items:center!important;gap:7px;
  height:34px!important;padding:0 10px!important;margin:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--e-ink-2)!important;font:500 13.5px/1 var(--e-font)!important;
  width:auto!important;min-width:0!important;white-space:nowrap;
}
.publisher-box-footer .sun_pub_more .poster-left-buttons:hover .btn{background:var(--e-soft)!important;color:var(--e-ink)!important}
.publisher-box-footer .sun_pub_more .poster-left-buttons .btn svg{
  width:19px!important;height:19px!important;filter:none!important;color:var(--e-ink-2)!important;
}
.publisher-box-footer .sun_pub_more .btn>input[type=file]{
  position:absolute!important;width:1px;height:1px!important;opacity:0!important;
}
.publisher-box-footer .all_colors{padding:6px 0 2px}
/* нижняя строка темы (аудитория + вторая кнопка) — в макете её нет */
.publisher-box .pub-footer-bottom{display:none!important}

/* ---------- вкладки ленты ---------- */
.earno-feed-tabs{display:flex;align-items:center;gap:6px;margin:2px 0 12px}
.earno-feed-tabs a{
  display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;
  color:var(--e-ink-2);font:500 14px/1 var(--e-font);text-decoration:none;
}
.earno-feed-tabs a:hover{background:#f4f6fa;color:var(--e-ink)}
.earno-feed-tabs a.active{background:var(--e-card);color:var(--e-ink);font-weight:600;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.earno-feed-count{margin-left:auto;color:#98a2b3;font:400 13px/1 var(--e-font)}

/* ---------- пост ---------- */
.post{
  background:var(--e-card)!important;border:1px solid var(--e-line)!important;
  border-radius:16px!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
  margin-bottom:14px!important;padding:16px!important;
}
.post .post-heading{display:flex;align-items:flex-start;gap:12px;padding:0!important;margin:0 0 10px!important;background:transparent!important;border:0!important}
.post .post-heading .image{float:none!important;margin:0!important;flex:none}
.post .post-heading .image img.avatar{width:44px!important;height:44px!important;border-radius:50%!important;object-fit:cover}
.post .post-heading>.pull-right{float:none!important;margin-left:auto;flex:none}
.post .post-heading .meta{flex:1 1 auto;min-width:0}
.post .post-heading .title.h5{margin:0!important;font:600 15px/1.35 var(--e-font)!important}
.post .post-heading .title.h5 a{color:var(--e-ink)!important}
.post .post-heading .title p{margin:2px 0 0!important;font:400 13px/1.4 var(--e-font)!important;color:var(--e-ink-3)!important}
.post .post-heading .title p a{color:var(--e-ink-3)!important}
.post .post-heading .verified-color svg{width:15px!important;height:15px!important;color:#0077ff!important}
.post-description{margin:0 0 10px!important;font:400 15px/1.6 var(--e-font)!important;color:var(--e-ink)!important}
.post-actions{border-top:1px solid #edeff3!important;background:transparent!important;padding-top:6px!important;margin-top:4px!important}
.post-actions .stat-item{height:36px!important;border-radius:10px!important;color:var(--e-ink-2)!important;font:500 14px/36px var(--e-font)!important}
.post-actions .stat-item svg{width:20px!important;height:20px!important;filter:none!important}

/* ---------- правая колонка ---------- */
.earno-side-card{
  background:var(--e-card)!important;border:1px solid var(--e-line)!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
  padding:0!important;overflow:hidden;margin-bottom:16px!important;
}
.earno-side-profile{padding-bottom:14px!important}
.earno-side-cover{display:block;height:96px;background:var(--e-aurora)}
.earno-side-ava{
  width:88px;height:88px;margin:-44px auto 0;border-radius:50%;
  border:4px solid #fff;background:#fff;overflow:hidden;position:relative;z-index:2;
}
.earno-side-ava img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.earno-side-name{margin-top:8px;text-align:center;font:700 19px/1.3 var(--e-font);color:var(--e-ink)}
.earno-side-name a{color:var(--e-ink)!important;text-decoration:none}
.earno-side-name svg{width:16px!important;height:16px!important;color:#0077ff;vertical-align:-2px;margin-left:2px}
.earno-side-login{margin-top:2px;text-align:center;font:400 13px/1.4 var(--e-font);color:var(--e-ink-3)}
.earno-stats{
  display:flex!important;margin:14px 12px 0!important;padding:10px 0!important;
  list-style:none;background:var(--e-soft);border-radius:12px;font-size:0!important;
}
.earno-stats>li{flex:1 1 0;position:relative;text-align:center;margin:0!important;padding:0!important;font-size:0!important}
.earno-stats>li+li::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:1px;background:#e7e8ec}
.earno-stats>li a{display:block;text-decoration:none}
.earno-stats b{display:block;font:700 17px/1.35 var(--e-font)!important;color:var(--e-ink)!important}
.earno-stats span{display:block;font:400 12px/1.3 var(--e-font)!important;color:var(--e-ink-3)!important}
.earno-side-btns{display:flex;gap:8px;padding:14px 12px 0}
.earno-side-btns .btn{
  flex:1 1 0;height:40px!important;padding:0!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;
  font:600 14px/1 var(--e-font)!important;box-shadow:none!important;
}
.earno-side-btns .btn svg{width:18px!important;height:18px!important}
.earno-side-btns .btn-main{background:#0077ff!important;border-color:#0077ff!important;color:#fff!important}
.earno-side-btns .btn-default{background:var(--e-soft)!important;border-color:#f2f3f7!important;color:var(--e-ink)!important}

.earno-online{display:flex;align-items:center;gap:12px;padding:14px 16px!important}
.earno-online-ico{
  width:44px;height:44px;border-radius:50%;flex:none;
  background:var(--e-accent-soft);color:#0077ff;display:flex;align-items:center;justify-content:center;
}
.earno-online-ico svg{width:22px;height:22px}
.earno-online b{display:block;font:700 16px/1.25 var(--e-font);color:var(--e-ink)}
.earno-online span{display:block;font:400 12.5px/1.3 var(--e-font);color:var(--e-ink-3);max-width:none}
.earno-online-ava{display:flex;align-items:center;margin-left:auto}
.earno-online-ava img{width:30px;height:30px;border-radius:50%;border:2px solid var(--e-card);margin-left:-7px;object-fit:cover}
.earno-online-ava .more{
  width:30px;height:30px;margin-left:-7px;border-radius:50%;
  background:var(--e-accent-soft);color:#0077ff;border:2px solid #fff;
  font:600 10.5px/30px var(--e-font);text-align:center;
}

.earno-side-title{display:flex;align-items:center;gap:8px;padding:14px 16px 6px}
.earno-side-title h4{margin:0!important;font:600 15px/1.3 var(--e-font)!important;color:var(--e-ink)!important}
.earno-side-title .all{margin-left:auto;font:500 13px/1 var(--e-font);color:#0077ff}

.earno-bday{padding:14px 16px!important}
.earno-bday-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.earno-bday-ico{
  width:34px;height:34px;border-radius:50%;background:#fdf3e3;
  display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;
}
.earno-bday-head h4{margin:0!important;font:600 15px/1.3 var(--e-font)!important;color:var(--e-ink)!important}
.earno-bday-list{margin:0;padding:0;list-style:none}
.earno-bday-list li{display:flex;align-items:center;gap:10px;padding:4px 0;font:400 13.5px/1.4 var(--e-font);color:var(--e-ink-2)}
.earno-bday-list .ava{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none}
.earno-bday-list a{font-weight:600;color:var(--e-ink)!important}
.earno-bday-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:34px;padding:0 14px;margin-top:8px;border-radius:10px;
  background:var(--e-accent-soft);color:#0077ff!important;font:600 13px/1 var(--e-font);text-decoration:none;
}

/* возможные друзья */
.earno-people{padding:0 16px 12px!important}
.earno-people-item{display:flex;align-items:center;gap:10px;padding:7px 0}
.earno-people-item img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.earno-people-item .tx{min-width:0}
.earno-people-item .tx b{display:block;font:600 13.5px/1.35 var(--e-font);color:var(--e-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.earno-people-item .tx span{display:block;font:400 12px/1.3 var(--e-font);color:var(--e-ink-3)}

@media (max-width:991px){
  #contnet>.page-margin{padding:0 8px;margin-top:14px}
  .earno-feed-tabs{margin-top:6px}
  .sun_pub_more{padding-right:150px!important}
}

@media (max-width:600px){
  .wo_pub_txtara_combo{flex-wrap:wrap}
  .wo_pub_txtara_combo textarea.postText{flex:1 1 auto;width:auto!important;padding-right:0!important}
  .publisher-box .wo_pub_txtara_combo>.btn-main{position:static!important;flex:1 0 100%;margin-top:10px;opacity:1}
  .sun_pub_more{padding-right:0!important;overflow-x:auto!important}
  .earno-online{padding:12px 14px!important}
}

/* служебное: старые блоки темы, которые заменены макетом */
.filterby{display:none!important}
.btn.posts-count:empty{display:none!important}
.left-sidebar .earno-copy,.left-sidebar .earno-theme{display:none!important}

/* сброс маркеров списков (в теме их рисует сборка bootstrap) */
.left-sidebar>ul,.navbar .nav.navbar-nav,#head_menu_rght,ul.status-list{list-style:none!important}
.left-sidebar>ul{margin:0!important;padding:0!important}
.navbar .nav.navbar-nav>li,#head_menu_rght>li{list-style:none!important}
ul.status-list>li{list-style:none!important}

/* первая история: плюс вместо аватара */
ul.status-list>li.create_new>a.avatar::before,
ul.status-list>li.create_new>a.avatar::after{display:none!important}
ul.status-list>li.create_new>a.avatar svg{
  background:transparent!important;position:static!important;
  width:24px!important;height:24px!important;padding:0!important;
  border-radius:0!important;color:#0077ff!important;
}
ul.status-list>li.create_new>a.avatar>img{display:none!important}

/* подвал публикатора всегда раскрыт (в теме он прячется до фокуса) */
.publisher-box .pub-footer-bottom{margin-top:6px!important;border:0!important;background:transparent!important;padding:0!important}
.publisher-box .pub-footer-bottom *{font-size:12.5px!important;color:var(--e-ink-3)!important}

/* место под кнопку «Создать Пост» в строке ввода */
.wo_pub_txtara_combo textarea.postText{padding-right:150px!important}


/* ============================================================
   v5 — правки по реальной разметке темы
   ============================================================ */

/* правая колонка: только карточки макета, остальные блоки темы скрыты */
.sidebar-conatnier>.rightcol>*:not(.earno-side-card){display:none!important}

/* профиль: убираем «сырой» правый столбец темы и лишние блоки */
.profile-container{max-width:820px;margin:0 auto}
.profile-container>.col-md-4{display:none!important}
.profile-container>.col-md-8{width:100%!important;float:none!important}
.wo_user_profile .user-cover{height:240px!important}
.wo_user_profile .profile-container .card.hovercard .cardheader{min-height:200px!important}

/* нижнее меню профиля без толстого нативного скролла */
.wo_user_profile .user-bottom-nav{overflow-x:auto!important;scrollbar-width:none;-ms-overflow-style:none}
.wo_user_profile .user-bottom-nav::-webkit-scrollbar{height:0!important;width:0!important}
.wo_user_profile .user-bottom-nav a{white-space:nowrap}

/* карточки внутри профиля — один ритм */
.profile-container .wow_content{border-radius:16px!important}

/* истории: подпись не обрезается */
.wow_home_stories ul.status-list>li.create_new>p a{word-break:break-word}

/* имя пользователя в шапке не скрываем (тема прячет его медиазапросом) */
#head_menu_rght a.user-menu-combination>b{
  display:inline-block!important;visibility:visible!important;
  max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* поле публикатора: у темы серый бокс, у макета — чистое поле */
#post-textarea textarea.postText,
.publisher-box #post-textarea .postText{
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:var(--e-ink)!important;font:400 15px/1.45 var(--e-font)!important;
}
#post-textarea textarea.postText::placeholder,
.publisher-box #post-textarea .postText::placeholder{color:var(--e-ink-3)!important}
.publisher-box .sun_pub_mid_foot .btn{text-transform:none!important;letter-spacing:0!important}

/* ============================================================
   v6 — сетка как в макете: 1360 по центру, шапка, истории,
   правая колонка, плашки сообществ
   ============================================================ */

/* ---------- 1. каркас страницы ---------- */
/* тема резервирует 75 px справа под док-чат и сдвигает весь макет */
body{padding-right:0!important}
.navbar-default{padding-right:0!important}
/* док-чата в макете нет: прячем, чат доступен из шапки */
.chat-container,.chat-opacity{display:none!important}
body>.content-container:has(.page-margin),
body>.content-container.container:has(.page-margin){
  width:100%!important;max-width:none!important;
  padding-left:0!important;padding-right:0!important;
  margin-top:64px!important;
}
body>.content-container.container{margin-top:64px!important}
#contnet{width:100%!important;float:none!important;padding:0!important}
#contnet>.page-margin{
  width:1360px!important;max-width:calc(100% - 40px)!important;
  margin:24px auto 48px!important;padding:0 12px!important;float:none!important;
  box-sizing:border-box;
}
/* bootstrap-псевдоэлементы .row в flex давали лишний зазор 24 px */
#contnet>.page-margin>.row::before,
#contnet>.page-margin>.row::after{display:none!important;content:none!important}
@media (min-width:992px){
  #contnet>.page-margin>.row{
    display:flex!important;flex-wrap:nowrap;align-items:flex-start;
    justify-content:flex-start!important;
    gap:24px;margin:0!important;padding:0!important;
  }
  #contnet>.page-margin>.row>.leftcol{
    width:250px!important;min-width:250px!important;max-width:250px!important;
    flex:0 0 250px;padding:0!important;float:none!important;
  }
  #contnet>.page-margin>.row>.middlecol{
    width:auto!important;min-width:0!important;max-width:none!important;
    flex:1 1 auto;padding:0!important;float:none!important;
  }
  #contnet>.page-margin>.row>.sidebar-conatnier{
    width:320px!important;min-width:320px!important;max-width:320px!important;
    flex:0 0 320px;padding:0!important;float:none!important;
  }
  #contnet>.page-margin>.row>.sidebar-conatnier>.rightcol{
    width:100%!important;padding:0!important;float:none!important;
  }
}

/* ---------- 2. шапка ---------- */
.navbar.navbar-default{
  min-height:64px!important;height:64px!important;
  background:#fff!important;border:0!important;
  box-shadow:0 1px 0 #edeff3!important;
}
.navbar .header-fixed1000{
  width:100%!important;max-width:1360px!important;
  margin:0 auto!important;padding:0!important;
}
.navbar .header-fixed1000>.container-fluid{
  display:flex!important;align-items:center!important;
  height:64px!important;padding:0!important;margin:0!important;
}
.navbar .wow_hdr_innr_left{display:flex!important;align-items:center!important;gap:18px!important;float:none!important;flex:0 0 auto!important}
.navbar .brand.header-brand{height:40px!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;gap:9px}
.navbar .brand.header-brand::before{width:36px!important;height:36px!important;border-radius:11px!important;font:800 20px/36px var(--e-font)!important;margin:0!important}
.navbar .brand.header-brand::after{font:800 21px/1 var(--e-font)!important;letter-spacing:-.02em!important}

/* в теме три ссылки с id wo_home_btns: в макете нужна только «Главная» */
.wow_hdr_innr_left>ul.nav.navbar-nav{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;float:none!important}
.wow_hdr_innr_left>ul.nav.navbar-nav>li{display:none!important;float:none!important;margin:0!important}
.wow_hdr_innr_left>ul.nav.navbar-nav>li:first-child{display:block!important}
.wow_hdr_innr_left>ul.nav.navbar-nav>li:first-child>a#wo_home_btns{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  height:40px!important;padding:0 16px!important;margin:0!important;
  border-radius:12px!important;border:0!important;
  background:var(--e-accent-soft)!important;color:#0077ff!important;
  font:600 15px/1 var(--e-font)!important;box-shadow:none!important;text-transform:none!important;
}
.wow_hdr_innr_left>ul.nav.navbar-nav>li:first-child>a#wo_home_btns:hover{background:#dbe9fe!important}
.wow_hdr_innr_left>ul.nav.navbar-nav>li:first-child>a#wo_home_btns svg{width:19px!important;height:19px!important;color:#0077ff!important}
.wow_hdr_innr_left>ul.nav.navbar-nav>li:first-child>a#wo_home_btns span{font:inherit!important}

/* поиск */
#wo_home_search{
  flex:1 1 auto!important;max-width:430px!important;min-width:220px!important;
  margin:0 0 0 24px!important;float:none!important;display:flex!important;
}
#wo_home_search>li{width:100%!important;float:none!important;margin:0!important}
#wo_home_search .search-container{width:100%!important;float:none!important}
#wo_home_search form.navbar-form{
  margin:0!important;padding:0!important;border:0!important;
  width:100%!important;float:none!important;box-shadow:none!important;
}
#wo_home_search .inner-addon{
  width:100%!important;display:block!important;
  border:0!important;border-radius:12px!important;background:#f2f3f7!important;
}
#wo_home_search .inner-addon>svg{
  position:absolute!important;left:14px!important;top:50%!important;
  transform:translateY(-50%)!important;width:18px!important;height:18px!important;
  margin:0!important;z-index:2;color:#8e96a3!important;
}
#wo_home_search .inner-addon>svg circle,#wo_home_search .inner-addon>svg path{stroke:#8e96a3!important}
#wo_home_search input.search-input{
  width:100%!important;height:40px!important;min-height:40px!important;
  padding:0 44px 0 42px!important;margin:0!important;
  border:0!important;border-radius:12px!important;background:#f2f3f7!important;
  color:var(--e-ink)!important;font:400 14.5px/40px var(--e-font)!important;
  box-shadow:none!important;
}
#wo_home_search input.search-input::placeholder{color:#8e96a3!important}
#wo_home_search input.search-input:focus{background:#fff!important;box-shadow:0 0 0 2px #d7e5ff inset!important}
.earno-kbd{
  position:absolute!important;right:9px!important;top:50%!important;transform:translateY(-50%)!important;
  width:24px!important;height:24px!important;border-radius:50%!important;
  background:#fff!important;color:#a6adb8!important;
  font:500 13px/24px var(--e-font)!important;text-align:center!important;
  box-shadow:0 1px 2px rgba(16,24,40,.08)!important;pointer-events:none;
}

/* правая группа */
#head_menu_rght{
  display:flex!important;align-items:center!important;gap:6px!important;
  margin:0 0 0 auto!important;float:none!important;padding:0!important;
}
#head_menu_rght>li{position:relative!important;margin:0!important;float:none!important}
#head_menu_rght>li>a.dropdown-toggle{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:40px!important;height:40px!important;padding:0!important;
  border-radius:12px!important;color:#5f6b7a!important;background:transparent!important;
}
#head_menu_rght>li>a.dropdown-toggle:hover{background:var(--e-soft)!important;color:var(--e-ink)!important}
#head_menu_rght>li>a.dropdown-toggle svg{width:21px!important;height:21px!important;margin:0!important}
#head_menu_rght .wow_new_search_bbtn{display:none!important}
#head_menu_rght .new-update-alert{
  position:absolute!important;top:0!important;right:0!important;
  min-width:18px!important;height:18px!important;padding:0 5px!important;
  border-radius:999px!important;background:#f43f5e!important;color:#fff!important;
  font:700 11px/18px var(--e-font)!important;text-align:center!important;
  box-shadow:0 0 0 2px #fff!important;z-index:3!important;
}
#head_menu_rght .requests-container .new-update-alert{background:#0077ff!important}
#head_menu_rght .new-update-alert.hidden{display:none!important}
.earno-theme-head{display:flex!important;align-items:center!important;justify-content:center!important}
.earno-theme-head svg{width:21px!important;height:21px!important}
.earno-theme-head.on{color:#0077ff!important;background:var(--e-accent-soft)!important}

/* чип пользователя */
#head_menu_rght>li:last-child>a.user-menu-combination{
  display:flex!important;align-items:center!important;gap:9px!important;
  width:auto!important;height:44px!important;padding:4px 12px 4px 4px!important;
  border-radius:999px!important;background:transparent!important;
}
#head_menu_rght>li:last-child>a.user-menu-combination:hover{background:var(--e-soft)!important}
#head_menu_rght a.user-menu-combination .user-avatar{width:36px!important;height:36px!important;border-radius:50%!important;overflow:hidden!important;flex:none!important}
#head_menu_rght a.user-menu-combination .user-avatar img{width:36px!important;height:36px!important;object-fit:cover!important;border-radius:50%!important}
#head_menu_rght a.user-menu-combination>b{
  display:inline-block!important;max-width:130px!important;
  font:600 15px/1 var(--e-font)!important;color:var(--e-ink)!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
#head_menu_rght a.user-menu-combination::after{
  content:"";width:8px;height:8px;margin-left:2px;border-right:1.7px solid #98a2b3;border-bottom:1.7px solid #98a2b3;
  transform:rotate(45deg) translateY(-2px);flex:none;
}

/* ---------- 3. истории ---------- */
.wow_home_stories{margin-bottom:16px!important}
.wow_home_stories ul.status-list{gap:12px!important;padding:0 0 6px!important}
.wow_home_stories ul.status-list>li{flex:0 0 104px!important;width:104px!important;min-width:104px!important}
.wow_home_stories ul.status-list>li.create_new{
  background:linear-gradient(160deg,#eaf1fe 0%,#f4f6fb 100%)!important;
  box-shadow:inset 0 0 0 1px #e7ecf5!important;
}
.wow_home_stories ul.status-list>li.create_new>a.avatar{margin:24px auto 0!important}
.wow_home_stories ul.status-list>li.create_new>p{bottom:12px!important;left:6px!important;right:6px!important}
.wow_home_stories ul.status-list>li.create_new>p a{font:600 12px/1.25 var(--e-font)!important;color:#5f6b7a!important}
.wow_home_stories ul.status-list>li.view-more-stories{background:var(--e-card)!important}
.earno-story-ring{top:8px!important;left:8px!important;width:32px!important;height:32px!important}
.earno-story-name{font:600 12.5px/1.2 var(--e-font)!important}

/* ---------- 4. приветственный баннер ---------- */
.greetalert{
  display:flex!important;align-items:center!important;gap:14px!important;
  position:relative!important;padding:16px 48px 16px 18px!important;
  border:0!important;border-radius:16px!important;
  background:linear-gradient(100deg,#e9f1fe 0%,#f3f8ff 55%,#fff 100%)!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
}
#daynightmsg{display:flex!important;align-items:center!important;gap:14px!important;min-width:0}
.earno-greet-ico{font-size:34px!important;line-height:1!important;flex:none}
.greetalert .close{
  position:absolute!important;right:12px!important;top:14px!important;
  width:28px!important;height:28px!important;padding:0!important;margin:0!important;
  opacity:.55!important;border:0!important;background:transparent!important;z-index:2!important;
}
.greetalert .close:hover{opacity:.9!important}
.greetalert .close svg{width:18px!important;height:18px!important;margin:0!important}

/* ---------- 5. публикатор ---------- */
.publisher-box .wo_pub_txtara_combo{display:flex!important;align-items:center!important;gap:12px!important}
.publisher-box .wo_pub_txtara_combo>img.post-avatar{
  width:44px!important;height:44px!important;border-radius:50%!important;object-fit:cover!important;flex:none!important;margin:0!important;
}
.publisher-box .wo_pub_txtara_combo>textarea.postText{
  flex:1 1 auto!important;width:auto!important;height:44px!important;min-height:44px!important;max-height:44px!important;
  padding:11px 0!important;margin:0!important;border:0!important;background:transparent!important;
  box-shadow:none!important;resize:none!important;overflow:hidden!important;
  font:400 15px/22px var(--e-font)!important;color:var(--e-ink)!important;
}
.publisher-box .wo_pub_txtara_combo>textarea.postText::placeholder{color:#98a2b3!important}
.publisher-box .wo_pub_txtara_combo>.btn-main{
  position:static!important;flex:none!important;
  height:40px!important;padding:0 20px!important;margin:0!important;
  border:0!important;border-radius:12px!important;
  background:var(--e-aurora)!important;color:#fff!important;
  font:600 14px/40px var(--e-font)!important;box-shadow:none!important;
  opacity:.5;transition:opacity .16s ease;white-space:nowrap;
}
.publisher-box.earno-typed .wo_pub_txtara_combo>.btn-main{opacity:1}
.publisher-box .sun_pub_mid_foot{
  display:flex!important;align-items:center!important;gap:2px!important;flex-wrap:nowrap!important;
  margin:10px 0 0!important;padding:10px 0 0!important;border-top:1px solid var(--e-line)!important;
  overflow:visible!important;
}
.publisher-box .sun_pub_mid_foot>.poster-left-buttons>.btn{
  display:flex!important;align-items:center!important;gap:7px!important;
  height:36px!important;padding:0 10px!important;margin:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  color:#5f6b7a!important;font:500 14px/1 var(--e-font)!important;text-transform:none!important;
}
.publisher-box .sun_pub_mid_foot>.poster-left-buttons>.btn svg{width:19px!important;height:19px!important;color:#7d8794!important;margin:0!important}
.publisher-box .sun_pub_mid_foot>.poster-left-buttons:hover>.btn{background:var(--e-soft)!important;color:var(--e-ink)!important}
.publisher-box .sun_pub_mid_foot .new-feature{display:none!important}
.publisher-box .publisher-box-footer{border:0!important;background:transparent!important;padding:0!important;margin:0!important}

/* ---------- 6. правая колонка ---------- */
.earno-side-card{
  background:var(--e-card)!important;border:1px solid #eef0f4!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
  padding:0!important;overflow:hidden;
  margin-bottom:16px!important;
}
.earno-online{display:flex!important;align-items:center!important;gap:10px!important;padding:14px!important;overflow:hidden!important}
.earno-online>div{min-width:0!important;flex:1 1 auto!important}
.earno-online-ico{width:44px!important;height:44px!important;border-radius:50%!important;flex:none!important;background:#e9f7ef!important;color:#12b76a!important}
.earno-online-ico svg{width:22px!important;height:22px!important}
.earno-online b{font:700 17px/1.2 var(--e-font)!important}
.earno-online span{font:400 12.5px/1.25 var(--e-font)!important;color:#818c99!important;display:block!important}
.earno-online-ava{display:flex!important;align-items:center!important;margin-left:0!important;flex:none!important;padding-left:6px!important}
.earno-online-ava img{width:28px!important;height:28px!important;border-radius:50%!important;border:2px solid #fff!important;margin-left:-9px!important;object-fit:cover!important}
.earno-online-ava img:first-child{margin-left:0!important}
.earno-online-ava .more{
  width:28px!important;height:28px!important;margin-left:-9px!important;border-radius:50%!important;
  background:#eef1f6!important;color:#5f6b7a!important;border:2px solid #fff!important;
  font:600 10px/24px var(--e-font)!important;text-align:center!important;
}

.earno-people-item{display:flex!important;align-items:center!important;gap:10px!important;padding:7px 0!important}
.earno-people-item .tx{min-width:0!important;flex:1 1 auto!important}
.earno-people-item .tx b{display:block!important;font:600 13.5px/1.3 var(--e-font)!important;color:var(--e-ink)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
.earno-people-item .tx b a{color:inherit!important}
.earno-people-item .tx span{display:block!important;font:400 12px/1.3 var(--e-font)!important;color:#98a2b3!important}
.earno-add{
  width:34px!important;height:34px!important;border-radius:50%!important;flex:none!important;
  background:var(--e-accent-soft)!important;color:#0077ff!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.earno-add svg{width:19px!important;height:19px!important}
.earno-add:hover{background:#d7e7ff!important}

/* приглашение друзей */
.earno-invite .earno-side-title{padding:14px 16px 4px!important}
.earno-invite p{margin:0 16px 10px!important;font:400 13px/1.4 var(--e-font)!important;color:#818c99!important}
.earno-invite form{padding:0 16px 16px!important;margin:0!important}
.earno-invite input.form-control,
.earno-invite input[type=text],
.earno-invite input[type=email]{
  height:42px!important;border:0!important;border-radius:12px!important;
  background:#f2f3f7!important;box-shadow:none!important;
  padding:0 14px!important;font:400 14px/42px var(--e-font)!important;color:var(--e-ink)!important;
}
.earno-invite .btn,.earno-invite button{
  display:block!important;width:100%!important;height:42px!important;margin:8px 0 0!important;
  border:0!important;border-radius:12px!important;background:var(--e-aurora)!important;color:#fff!important;
  font:600 14px/42px var(--e-font)!important;box-shadow:none!important;text-transform:none!important;
}
.earno-invite .wow_side_invite_hdr svg{display:none!important}
.earno-invite .wow_side_invite_hdr p{font:400 13px/1.4 var(--e-font)!important;color:#818c99!important;margin:0!important}

/* тренды */
.earno-trends .earno-side-title{padding:14px 16px 2px!important}
.earno-trends ul{list-style:none!important;margin:0!important;padding:0 8px 8px!important}
.earno-trends li{margin:0!important;padding:0!important;border:0!important;display:block!important;float:none!important;width:auto!important}
.earno-trends li a{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  height:38px!important;padding:0 8px!important;margin:0!important;border-radius:8px!important;
  color:#0077ff!important;font:600 13.5px/1 var(--e-font)!important;text-decoration:none!important;
}
.earno-trends li a:hover{background:var(--e-soft)!important}
.earno-trends li a i{font:400 12.5px/1 var(--e-font)!important;color:#98a2b3!important;font-style:normal!important;white-space:nowrap!important}

/* плашка «Сообщество» в постах */
.earno-post-tag{
  display:inline-block!important;height:20px!important;padding:0 8px!important;margin-left:6px!important;
  border-radius:6px!important;background:var(--e-accent-soft)!important;color:#0077ff!important;
  font:600 11px/20px var(--e-font)!important;vertical-align:1px!important;
}

@media (max-width:991px){
  #contnet>.page-margin{width:auto!important;max-width:100%!important;margin:16px auto 32px!important;padding:0 10px!important}
  body>.content-container{margin-top:64px!important}
  #wo_home_search{display:none!important}
}

/* светлая/тёмная тема для новых элементов */
html:has(#night-mode-css) .chat-container{display:none!important}
html:has(#night-mode-css) .navbar.navbar-default{background:#19191a!important;box-shadow:0 1px 0 rgba(255,255,255,.06)!important}
html:has(#night-mode-css) #wo_home_search .inner-addon,
html:has(#night-mode-css) #wo_home_search input.search-input{background:#2a2a2c!important}
html:has(#night-mode-css) .earno-side-card{border-color:rgba(255,255,255,.09)!important}
html:has(#night-mode-css) .earno-online-ava img{border-color:#232325!important}
html:has(#night-mode-css) .earno-online-ava .more{border-color:#232325!important;background:#2a2a2c!important;color:#a6adb8!important}
html:has(#night-mode-css) .earno-invite input.form-control{background:#2a2a2c!important;color:#f2f2f3!important}
html:has(#night-mode-css) .wow_home_stories ul.status-list>li.create_new{background:linear-gradient(160deg,#1d2a3a 0%,#232325 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
html:has(#night-mode-css) .greetalert{background:linear-gradient(100deg,#1d2a3a 0%,#232325 60%,#232325 100%)!important}
html:has(#night-mode-css) .earno-post-tag{background:#1d2a3a!important;color:#6cb0f5!important}

/* ---------- 7. цветовые детали макета (v6.1) ---------- */
:root{
  --e-cover:linear-gradient(100deg,#2b82fd 0%,#7140ef 100%);
  --e-cta:linear-gradient(95deg,#1f6cf9 0%,#7b46ec 100%);
}
body{
  background:#eff1f5!important;
  background-image:linear-gradient(180deg,#e6e9f4 0,#eff1f5 520px)!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
.earno-side-cover{background:var(--e-cover)!important}
.earno-side-ava{
  width:88px!important;height:88px!important;margin:-46px auto 0!important;
  border:5px solid #fff!important;box-shadow:0 2px 8px rgba(16,24,40,.10)!important;
}
.earno-side-btns .btn-main{
  background:var(--e-cta)!important;border-color:transparent!important;color:#fff!important;
  box-shadow:0 6px 16px rgba(84,70,235,.28)!important;
}
.earno-side-btns .btn-main:hover{filter:brightness(1.05)}
.earno-online-ava img{width:26px!important;height:26px!important;margin-left:-10px!important}
.earno-online-ava .more{width:26px!important;height:26px!important;margin-left:-10px!important;font:600 9.5px/22px var(--e-font)!important}
.wow_home_stories ul.status-list>li.create_new>a.avatar{margin:42px auto 0!important}
.earno-bday-ico{background:#fdeee2!important}
.post .post-description img{border-radius:12px!important}
/* галочка «проверенный» после имени, а не на аватаре */
.post .post-heading .wow_post_usr_ava .verified-color{display:none!important}
.post .post-heading:has(.wow_post_usr_ava_active) .title.h5 a::after{
  content:"";display:inline-block;width:15px;height:15px;margin-left:6px;vertical-align:-2px;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%230077FF'/%3E%3Cpath d='m8 12.3 2.6 2.6L16 9.4' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
html:has(#night-mode-css) body{background-image:none!important}
html:has(#night-mode-css) .earno-side-ava{border-color:#232325!important;box-shadow:0 2px 8px rgba(0,0,0,.35)!important}

/* ---------- 8. футер поста и мелкие правки (v6.2) ---------- */
.earno-bday{padding:14px 16px!important}
.earno-online{overflow:hidden!important}
.earno-online-ava{padding-right:2px!important}
.wow_home_stories ul.status-list>li.create_new{
  background:linear-gradient(160deg,#e8f0fe 0%,#f2f6fd 60%,#f7f9fe 100%)!important;
}
.post-actions{
  display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;
  border-top:1px solid #edeff3!important;background:transparent!important;
  padding:8px 0 0!important;margin:8px 0 0!important;
}
.post-actions .stat-item{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  flex:1 1 0!important;min-width:0!important;width:auto!important;
  height:38px!important;padding:0 10px!important;margin:0!important;
  border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;
  color:#5f6b7a!important;font:600 13.5px/1 var(--e-font)!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
.post-actions .stat-item svg{width:19px!important;height:19px!important;flex:none!important;color:inherit!important}
.post-actions .stat-item:hover{background:var(--e-soft)!important;color:var(--e-ink)!important}
.post-actions .stat-item .like-emo{margin:0!important}
.post-actions .stat-item .like-emo img{width:20px!important;height:20px!important;margin-right:-6px!important}
html:has(#night-mode-css) .post-actions{border-top-color:rgba(255,255,255,.09)!important}

/* ---------- 9. заголовок поста и мелочи (v6.3) ---------- */
.post .post-heading .title.h5{
  display:flex!important;align-items:center!important;gap:4px!important;
  flex-wrap:nowrap!important;width:auto!important;max-width:100%!important;min-width:0!important;
}
.post .post-heading .title.h5 .user-popover{min-width:0!important;flex:0 1 auto!important;display:block!important}
.post .post-heading .title.h5 b{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.post .post-heading .title.h5 .earno-post-tag{flex:none!important}
.post .post-heading:has(.wow_post_usr_ava_active) .title.h5 a::after{width:16px!important;height:16px!important;margin-left:5px!important}

/* заголовок поста: имя и галочка в одну строку */
.post .post-heading .title.h5 .user-popover>a{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  max-width:100%!important;width:auto!important;
}
.post .post-heading .title.h5 .user-popover>a b{min-width:0!important}

/* имя автора не обрезаем: даём ему натуральную ширину */
.post .post-heading .title.h5 .user-popover{flex:0 0 auto!important;min-width:auto!important;max-width:none!important}
.post .post-heading .title.h5 .user-popover>a{width:auto!important;max-width:none!important}
.post .post-heading .title.h5 b{
  display:inline!important;white-space:nowrap!important;
  overflow:visible!important;text-overflow:clip!important;min-width:auto!important;
}
.post .post-heading .title.h5{overflow:hidden!important}

/* кнопка «добавить в друзья» в возможных друзьях */
.earno-add{background:transparent!important;width:auto!important;height:auto!important;border-radius:0!important}
.earno-add .wo_follow_btn,
.earno-add button,
.earno-add>a{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;
  background:var(--e-accent-soft)!important;color:#0077ff!important;box-shadow:none!important;
}
.earno-add .wo_follow_btn:hover{background:#d7e7ff!important;color:#0066dd!important}
.earno-add .wo_follow_btn .button-text{display:none!important}
.earno-add .wo_follow_btn svg{width:19px!important;height:19px!important;margin:0!important}
.earno-add>a svg{width:19px!important;height:19px!important}
html:has(#night-mode-css) .earno-add .wo_follow_btn{background:#1d2a3a!important;color:#6cb0f5!important}

/* «Главная» подпись не скрываем на узких экранах */
.wow_hdr_innr_left>ul.nav.navbar-nav>li:first-child>a#wo_home_btns span{
  display:inline-block!important;visibility:visible!important;
}

/* аватары «сейчас на сайте»: без сплющивания */
.earno-online-ava img{
  width:28px!important;height:28px!important;min-width:28px!important;
  margin-left:-7px!important;border:2px solid var(--e-card)!important;
  box-sizing:border-box!important;object-fit:cover!important;
}
.earno-online-ava img:first-child{margin-left:0!important}
.earno-online-ava .more{
  width:28px!important;height:28px!important;min-width:28px!important;margin-left:-7px!important;
  background:#eef1f6!important;color:#5f6b7a!important;border:2px solid var(--e-card)!important;
  box-sizing:border-box!important;font:600 10px/24px var(--e-font)!important;
}

/* кольца вокруг стопки аватаров */
.earno-online-ava img,.earno-online-ava .more{
  border:0!important;box-shadow:0 0 0 2px var(--e-card)!important;
}
html:has(#night-mode-css) .earno-online-ava img,
html:has(#night-mode-css) .earno-online-ava .more{box-shadow:0 0 0 2px #232325!important}

/* финальные кольца стопки: тонкая обводка цвета карточки */
.earno-online-ava img,.earno-online-ava .more{
  border:2px solid var(--e-card)!important;box-shadow:none!important;margin-left:-5px!important;
}
.earno-online-ava img:first-child{margin-left:0!important}
html:has(#night-mode-css) .earno-online-ava img,
html:has(#night-mode-css) .earno-online-ava .more{border-color:#232325!important;box-shadow:none!important}

/* ============================================================
   v7 — карточка поста: шапка, мета, медиа, футер
   ============================================================ */
.post{padding:16px!important;border-radius:16px!important}
.post .post-heading{
  position:relative!important;display:flex!important;align-items:flex-start!important;gap:12px!important;
  padding:0 26px 0 0!important;margin:0 0 12px!important;
  background:transparent!important;border:0!important;
}
.post .post-heading>.image{flex:none!important;margin:0!important;float:none!important}
.post .post-heading>.image img,
.post .post-heading>.image .avatar img{width:46px!important;height:46px!important;border-radius:50%!important;object-fit:cover!important;display:block}
.post .post-heading>.meta{min-width:0!important;flex:1 1 auto!important}
.post .post-heading .title.h5{font:600 15px/1.35 var(--e-font)!important;color:var(--e-ink)!important}
.post .post-heading h6{
  display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;
  margin:3px 0 0!important;font:400 13px/1.4 var(--e-font)!important;color:#818c99!important;
}
.post .post-heading h6 a,
.post .post-heading h6 .time,
.post .post-heading h6 .earno-handle{color:#818c99!important;font:400 13px/1.4 var(--e-font)!important}
.post .post-heading h6 a:hover{color:#0077ff!important}
.post .post-heading h6 .earno-dot{color:#c3c8d0!important}
.post .post-heading h6 .wo_post_privacy_menu svg,
.post .post-heading h6 svg{width:14px!important;height:14px!important;vertical-align:-2px;color:#b0b7c3!important;stroke-width:1.8}
.post .post-heading>.pull-right,
.post .post-heading .meta>.pull-right{
  position:absolute!important;right:0!important;top:0!important;
  margin:0!important;float:none!important;z-index:2;
}
.post .post-heading .pull-right .dropdown-toggle{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:28px!important;height:28px!important;border-radius:8px!important;color:#98a2b3!important;
}
.post .post-heading .pull-right .dropdown-toggle:hover{background:var(--e-soft)!important}
.post .post-heading .pull-right .dropdown-toggle svg{width:18px!important;height:18px!important}

.post .post-description{font:400 15px/1.6 var(--e-font)!important;color:var(--e-ink)!important;margin:0 0 4px!important}
.post .post-description img{border-radius:14px!important}
.post .post-description>img,
.post .post-description .post-file img,
.post .post-description .post-media img{max-height:620px!important;width:100%!important;object-fit:cover!important}

.post .post-actions{
  display:flex!important;align-items:center!important;gap:6px!important;
  margin:10px 0 0!important;padding:8px 0 0!important;
  border-top:1px solid #edeff3!important;background:transparent!important;
}
.post .post-actions .stat-item,
.post .post-actions .btn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  height:38px!important;padding:0 12px!important;margin:0!important;
  border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;
  color:#5f6b7a!important;font:600 13.5px/1 var(--e-font)!important;white-space:nowrap!important;
}
.post .post-actions .stat-item:hover,
.post .post-actions .btn:hover{background:var(--e-soft)!important;color:var(--e-ink)!important}
.post .post-actions .stat-item svg,
.post .post-actions .btn svg{width:20px!important;height:20px!important;color:inherit!important}
.post .post-actions .stat-item span{font:inherit!important}
.post .post-actions>.pull-right,
.post .post-actions .pull-right{
  margin-left:auto!important;float:none!important;
  font:500 13px/1 var(--e-font)!important;color:#98a2b3!important;
}
html:has(#night-mode-css) .post .post-actions{border-top-color:rgba(255,255,255,.09)!important}


/* ============================================================
   v8 — профиль как в VK: шапка, табы, две колонки, подарки
   ============================================================ */
.wo_user_profile.row.page-margin{max-width:1360px!important;margin:0 auto!important;padding:0 12px!important;float:none!important}
.wo_user_profile .profile-container{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  column-gap:24px!important;row-gap:16px!important;align-items:start!important;
  width:100%!important;max-width:none!important;margin:0!important;
}
.wo_user_profile .profile-container>.card.hovercard{
  grid-column:1!important;margin:0!important;
  background:var(--e-card)!important;border:1px solid #eef0f4!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;overflow:hidden!important;
}
.wo_user_profile .cardheader.user-cover{
  height:200px!important;min-height:200px!important;max-height:200px!important;
  background:var(--e-cover)!important;border-radius:0!important;position:relative!important;overflow:hidden!important;margin:0!important;
}
.wo_user_profile .cardheader.user-cover>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.wo_user_profile .pic-info-cont{
  display:flex!important;align-items:flex-start!important;gap:18px!important;
  padding:0 20px 18px!important;margin:0!important;position:relative!important;
}
.wo_user_profile .pic-info-cont>.user-avatar{
  width:120px!important;height:120px!important;min-width:120px!important;max-width:120px!important;
  margin:-56px 0 0!important;border:4px solid #fff!important;border-radius:50%!important;
  background:#fff!important;overflow:hidden!important;position:relative!important;z-index:2!important;
  box-shadow:0 2px 10px rgba(16,24,40,.10)!important;
}
.wo_user_profile .pic-info-cont>.user-avatar>img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block
}
.wo_user_profile .pic-info-cont>.info{flex:1 1 auto!important;min-width:0!important;padding:18px 0 0!important;margin:0!important}
.wo_user_profile .info .title{
  display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;
  font:700 23px/1.25 var(--e-font)!important;color:var(--e-ink)!important;margin:0 0 6px!important;
}
.wo_user_profile .info .title a{color:var(--e-ink)!important;text-decoration:none!important}
.wo_user_profile .info .title .verified-color svg,
.wo_user_profile .info .title svg.feather{width:20px!important;height:20px!important;color:#0077ff!important}
.wo_user_profile .info>p,
.wo_user_profile .info .small-texts,
.wo_user_profile .info .text-muted{font:400 14px/1.5 var(--e-font)!important;color:#818c99!important;margin:0!important}
.wo_user_profile .info .btn,
.wo_user_profile .pic-info-cont .btn-main{
  height:38px!important;padding:0 16px!important;border-radius:10px!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  font:600 13.5px/1 var(--e-font)!important;box-shadow:none!important;
}

/* табы профиля */
.wo_user_profile .user-bottom-nav{
  grid-column:1!important;margin:0!important;
  background:var(--e-card)!important;border:1px solid #eef0f4!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
  padding:6px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;
}
.wo_user_profile .user-bottom-nav::-webkit-scrollbar{height:0!important}
.wo_user_profile .user-bottom-nav>ul{display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;list-style:none!important;float:none!important}
.wo_user_profile .user-bottom-nav>ul>li{float:none!important;margin:0!important;padding:0!important;display:block!important}
.wo_user_profile .user-bottom-nav>ul>li>a{
  display:flex!important;align-items:center!important;gap:7px!important;
  height:40px!important;padding:0 14px!important;border-radius:10px!important;
  color:#5f6b7a!important;font:600 14px/1 var(--e-font)!important;white-space:nowrap!important;text-decoration:none!important;
}
.wo_user_profile .user-bottom-nav>ul>li>a:hover{background:var(--e-soft)!important;color:var(--e-ink)!important}
.wo_user_profile .user-bottom-nav>ul>li.active>a,
.wo_user_profile .user-bottom-nav>ul>li>a.active{background:var(--e-accent-soft)!important;color:#0077ff!important}
.wo_user_profile .user-bottom-nav svg{width:18px!important;height:18px!important;margin:0!important}

/* колонки */
.wo_user_profile .profile-container>.col-md-8{
  grid-column:1!important;width:auto!important;max-width:none!important;
  float:none!important;padding:0!important;min-width:0!important;
}
.wo_user_profile .profile-container>.col-md-4{
  grid-column:2!important;grid-row:1 / span 99!important;display:block!important;
  width:320px!important;max-width:320px!important;float:none!important;padding:0!important;margin:0!important;
}
.wo_user_profile .col-md-4>.wow_content,
.wo_user_profile .col-md-4>ul.wow_content,
.wo_user_profile .col-md-4>.send_gift_btn,
.wo_user_profile .col-md-4>#sidebar-page-list-container,
.wo_user_profile .col-md-4>#sidebar-group-list-container{
  background:var(--e-card)!important;border:1px solid #eef0f4!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;padding:0!important;margin:0 0 16px!important;
  overflow:hidden!important;list-style:none!important;
}
.wo_user_profile .col-md-4 .wo_page_hdng{
  padding:14px 16px 6px!important;margin:0!important;border:0!important;background:transparent!important;
  font:600 15px/1.3 var(--e-font)!important;color:var(--e-ink)!important;
}
.wo_user_profile .col-md-4 .list-group-item{background:transparent!important;border:0!important;padding:8px 16px!important;font:400 13.5px/1.45 var(--e-font)!important;color:#5f6b7a!important}
.wo_user_profile .col-md-4 .list-group-item:first-child{border-radius:16px 16px 0 0!important}

/* подарки */
.earno-gifts{padding:0 0 12px!important}
.earno-gifts .earno-side-title{display:flex!important;align-items:center!important;padding:14px 16px 8px!important;margin:0!important}
.earno-gifts .earno-side-title h4{margin:0!important;font:600 15px/1.3 var(--e-font)!important;color:var(--e-ink)!important}
.earno-gifts .cnt{
  display:inline-block!important;min-width:20px!important;height:20px!important;padding:0 6px!important;margin-left:6px!important;
  border-radius:10px!important;background:var(--e-soft)!important;color:#5f6b7a!important;
  font:600 11.5px/20px var(--e-font)!important;text-align:center!important;vertical-align:1px!important;
}
.earno-gifts-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:0 16px!important}
.earno-gift{
  display:flex!important;align-items:center!important;justify-content:center!important;
  aspect-ratio:1 / 1!important;border-radius:12px!important;background:#f5f7fb!important;
  padding:8px!important;transition:transform .14s ease,background .14s ease;
}
.earno-gift:hover{background:#eef2f9!important;transform:translateY(-1px)}
.earno-gift img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block}
.earno-gifts-foot{display:flex!important;align-items:center!important;gap:6px!important;padding:10px 16px 0!important;color:#98a2b3!important;font:400 12px/1.3 var(--e-font)!important}
.earno-gifts-foot svg{width:14px!important;height:14px!important;flex:none!important}
html:has(#night-mode-css) .earno-gift{background:#2a2a2c!important}
html:has(#night-mode-css) .earno-gift:hover{background:#31313a!important}
html:has(#night-mode-css) .earno-gifts .cnt{background:#2a2a2c!important;color:#a6adb8!important}


/* ============================================================
   v9 — сообщения как в VK: диалоги + переписка
   ============================================================ */
body>.content-container.wo-msg-container{width:100%!important;max-width:none!important;padding:0!important;margin-top:64px!important}
.wo_kb_msg_page{max-width:1360px!important;margin:0 auto!important;padding:16px 12px 24px!important}
.msg_under_hood{
  display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;gap:16px!important;
  height:calc(100vh - 128px)!important;min-height:520px!important;
}
.msg_under_hood>.mobilerightpane,
.msg_under_hood>.mobileleftpane{
  position:static!important;width:auto!important;max-width:none!important;height:100%!important;min-height:0!important;
  background:var(--e-card)!important;border:1px solid #eef0f4!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;float:none!important;
}

/* левая панель — список диалогов */
.messages-search-users-form{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;margin:0!important}
.wo_msg_tabs{display:flex!important;gap:6px!important;padding:12px 12px 0!important;border:0!important;margin:0!important}
.wo_msg_tabs>li{float:none!important;margin:0!important;flex:1 1 0!important;display:block!important}
.wo_msg_tabs>li>a{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  height:38px!important;margin:0!important;border:0!important;border-radius:10px!important;
  background:var(--e-soft)!important;color:#5f6b7a!important;font:600 13.5px/1 var(--e-font)!important;
}
.wo_msg_tabs>li>a svg{width:17px!important;height:17px!important}
.wo_msg_tabs>li.active>a,
.wo_msg_tabs>li>a.active{background:var(--e-accent-soft)!important;color:#0077ff!important}
.messages-search-icon{display:flex!important;align-items:center!important;gap:8px!important;padding:12px!important;margin:0!important;position:static!important}
.msg_srch_innr{flex:1 1 auto!important;position:relative!important;min-width:0!important}
.msg_srch_innr>svg{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;color:#98a2b3!important;z-index:2}
.msg_srch_innr input{
  width:100%!important;height:40px!important;border:0!important;border-radius:12px!important;
  background:var(--e-soft)!important;box-shadow:none!important;padding:0 14px 0 40px!important;
  font:400 14px/40px var(--e-font)!important;color:var(--e-ink)!important;
}
.messages-search-icon .btn_contr{display:flex!important;gap:6px!important;margin:0!important;float:none!important}
.messages-search-icon .btn_contr .btn{
  width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:var(--e-soft)!important;color:#5f6b7a!important;box-shadow:none!important;
}
.messages-search-icon .btn_contr .btn:hover{background:#e8ebf2!important;color:var(--e-ink)!important}
.tab-content.messages-users-list{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
  padding:8px!important;margin:0!important;border:0!important;
}
.messages-recipients-list{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:10px!important;margin:2px 0!important;border:0!important;border-radius:12px!important;
  background:transparent!important;cursor:pointer!important;position:relative!important;
}
.messages-recipients-list:hover{background:var(--e-soft)!important}
.messages-recipients-list.active{background:var(--e-accent-soft)!important}
.messages-recipients-list .avatar{
  width:48px!important;height:48px!important;min-width:48px!important;margin:0!important;
  float:none!important;position:relative!important;border-radius:50%!important;
}
.messages-recipients-list .avatar img{width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover!important;display:block}
.messages-recipients-list .online_dot{position:absolute!important;right:0!important;bottom:0!important;width:12px!important;height:12px!important;border:2px solid var(--e-card)!important;border-radius:50%!important;background:#12b76a!important}
.messages-recipients-list .msg_rght_prt{flex:1 1 auto!important;min-width:0!important;float:none!important}
.messages-recipients-list .messages-user-name{
  display:block!important;font:600 14.5px/1.3 var(--e-font)!important;color:var(--e-ink)!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.messages-recipients-list .user_nname{font:400 12px/1.3 var(--e-font)!important;color:#98a2b3!important;margin:1px 0 0!important}
.messages-recipients-list .msg_rght_prt>p{
  margin:3px 0 0!important;font:400 13px/1.35 var(--e-font)!important;color:#818c99!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.messages-recipients-list .messages-last-sent{
  float:right!important;margin:0 0 0 8px!important;font:400 11.5px/1 var(--e-font)!important;color:#98a2b3!important;
}
.messages-recipients-list .new-message-alert{
  position:absolute!important;right:10px!important;bottom:12px!important;
  min-width:18px!important;height:18px!important;border-radius:9px!important;
  background:#0077ff!important;color:#fff!important;font:700 11px/18px var(--e-font)!important;text-align:center!important;
}
.messages-recipients-list .new-message-alert.hidden{display:none!important}

/* правая панель — переписка */
.wo_msg_user_dtl{display:none!important}
.text-sender-container{
  display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:0!important;list-style:none!important;border:0!important;background:transparent!important;
}
.text-sender-container>.msg_usr_info_top_list{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:10px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid #edeff3!important;
  background:transparent!important;min-height:64px!important;
}
.text-sender-container .mobilemsgclose{display:none!important}
.msg_usr_cht_usr_data{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
#user-avatar-right img{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important}
#user-name{font:600 15px/1.3 var(--e-font)!important;color:var(--e-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#user-last-seen,.msg_usr_lst_sen_main{font:400 12.5px/1.3 var(--e-font)!important;color:#818c99!important;margin:0!important}
.msg_usr_cht_opts_btns{margin-left:auto!important;display:flex!important;align-items:center!important}
.msg_usr_cht_opts_btns>a{width:36px!important;height:36px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#7d8794!important}
.msg_usr_cht_opts_btns>a:hover{background:var(--e-soft)!important}
.messagejoint{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;position:static!important}
.messages-container{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
  padding:16px!important;display:flex!important;flex-direction:column!important;gap:10px!important;
  background:transparent!important;
}
.messages-container::-webkit-scrollbar{width:6px}
.messages-container::-webkit-scrollbar-thumb{background:#dfe3ea;border-radius:3px}
.message-contnaier{
  display:flex!important;width:100%!important;float:none!important;margin:0!important;
  justify-content:flex-start!important;position:static!important;
}
.message-contnaier.outgoing{justify-content:flex-end!important}
.message-contnaier .cont_innr{display:flex!important;align-items:flex-end!important;gap:8px!important;max-width:76%!important;float:none!important}
.message-contnaier.outgoing .cont_innr{flex-direction:row-reverse!important}
.message-contnaier .message-user-image{float:none!important;margin:0!important;flex:none!important}
.message-contnaier .message-user-image img{width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover!important}
.messages-wrapper.messages-text{float:none!important;max-width:100%!important;margin:0!important}
.messages-wrapper.messages-text .message{background:transparent!important;padding:0!important;margin:0!important;border-radius:0!important}
.messages-wrapper.messages-text .message .message-text{
  margin:0!important;padding:10px 14px!important;border-radius:16px 16px 16px 6px!important;
  background:#f1f3f7!important;color:var(--e-ink)!important;
  font:400 14.5px/1.45 var(--e-font)!important;word-break:break-word!important;
}
.message-contnaier.outgoing .message .message-text{
  background:var(--e-cta)!important;color:#fff!important;border-radius:16px 16px 6px 16px!important;
}
.message-contnaier.outgoing .message .message-text a{color:#fff!important;text-decoration:underline}
.messages-wrapper .message-text+.message-media img,
.messages-wrapper .message-media img{max-width:260px!important;border-radius:12px!important}

/* поле ввода */
.sendMessages{margin:0!important;padding:12px 16px 16px!important;border-top:1px solid #edeff3!important;background:transparent!important}
.msg_write_combo{
  display:flex!important;align-items:flex-end!important;gap:6px!important;
  background:var(--e-soft)!important;border:0!important;border-radius:16px!important;padding:6px 8px!important;
  position:static!important;
}
#sendMessage{
  flex:1 1 auto!important;width:auto!important;min-height:40px!important;max-height:120px!important;
  margin:0!important;padding:9px 8px!important;border:0!important;border-radius:12px!important;
  background:transparent!important;box-shadow:none!important;resize:none!important;
  font:400 14.5px/1.45 var(--e-font)!important;color:var(--e-ink)!important;
}
#sendMessage::placeholder{color:#98a2b3!important}
.message-option-btns{display:flex!important;align-items:center!important;gap:2px!important;float:none!important}
.message-option-btns .btn,
.message-option-btns .MS-File{
  width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;color:#7d8794!important;
}
.message-option-btns .btn:hover{background:#e8ebf2!important;color:var(--e-ink)!important}
.message-option-btns .btn svg{width:20px!important;height:20px!important}
.message-option-btns .btn.btn-main{background:var(--e-cta)!important;color:#fff!important;width:38px!important;height:38px!important}
.charsLeft-message{display:none!important}
.no-messages.empty_state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;height:100%!important;color:#98a2b3!important;font:500 14px/1.5 var(--e-font)!important;text-align:center!important}
.no-messages.empty_state svg{width:80px!important;height:80px!important;opacity:.5}

@media (max-width:991px){
  .msg_under_hood{grid-template-columns:1fr!important;height:auto!important}
  .msg_under_hood>.mobilerightpane,.msg_under_hood>.mobileleftpane{height:70vh!important}
}
html:has(#night-mode-css) .messages-recipients-list:hover{background:#2a2a2c!important}
html:has(#night-mode-css) .messages-recipients-list.active{background:#1d2a3a!important}
html:has(#night-mode-css) .messages-wrapper.messages-text .message .message-text{background:#2a2a2c!important}
html:has(#night-mode-css) .msg_write_combo{background:#2a2a2c!important}
html:has(#night-mode-css) .msg_srch_innr input{background:#2a2a2c!important}


/* ---------- v8.1: профиль — шапка на всю ширину, ниже две колонки ---------- */
.earno-profile-shell{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:24px!important}
.earno-profile-shell>.leftcol{width:250px!important;min-width:250px!important;max-width:250px!important;flex:0 0 250px!important;padding:0!important;float:none!important}
.earno-profile-shell>.middlecol{width:auto!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important;padding:0!important;float:none!important}
.wo_user_profile.row.page-margin{max-width:none!important;margin:0!important;padding:0!important;width:100%!important}
.wo_user_profile .profile-container{
  grid-template-columns:minmax(0,1fr) 320px!important;
  column-gap:24px!important;row-gap:16px!important;
}
.wo_user_profile .profile-container>.card.hovercard{grid-column:1 / -1!important;grid-row:auto!important}
.wo_user_profile .profile-container>.user-bottom-nav{grid-column:1 / -1!important;grid-row:auto!important}
.wo_user_profile .profile-container>.col-md-8{grid-column:1!important;grid-row:auto!important}
.wo_user_profile .profile-container>.col-md-4{grid-column:2!important;grid-row:auto!important}
.wo_user_profile .pic-info-cont{padding:0 24px 20px!important}
.wo_user_profile .info .title{font:700 24px/1.2 var(--e-font)!important}
@media (max-width:1100px){
  .wo_user_profile .profile-container{grid-template-columns:minmax(0,1fr)!important}
  .wo_user_profile .profile-container>.card.hovercard,
  .wo_user_profile .profile-container>.user-bottom-nav,
  .wo_user_profile .profile-container>.col-md-8,
  .wo_user_profile .profile-container>.col-md-4{grid-column:1!important}
}
@media (max-width:991px){
  .earno-profile-shell{display:block!important}
  .earno-profile-shell>.leftcol{display:none!important}
}


/* ---------- v8.2: мелкие правки профиля ---------- */
.wo_user_profile .info .title .verified-color svg path{fill:#0077ff!important}
.wo_user_profile .col-md-4>.send_gift_btn{padding:16px!important}
.wo_user_profile .col-md-4>.send_gift_btn>div{font:400 13.5px/1.45 var(--e-font)!important;color:#818c99!important;margin:0 0 10px!important}
.wo_user_profile .col-md-4>.send_gift_btn .btn{
  height:40px!important;border-radius:12px!important;background:var(--e-cta)!important;color:#fff!important;
  border:0!important;font:600 13.5px/1 var(--e-font)!important;box-shadow:none!important;
}
.wo_user_profile .col-md-4 .right_user_info .wo_page_hdng_innr{font:600 15px/1.3 var(--e-font)!important;color:var(--e-ink)!important}


/* ---------- v9.1: исправления мессенджера ---------- */
.messages-container{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.messages-container>.message-contnaier:first-child{margin-top:auto!important}
.message-contnaier .cont_innr{max-width:76%!important;width:auto!important;align-items:flex-end!important}
.messages-wrapper.messages-text{
  width:auto!important;max-width:100%!important;display:block!important;float:none!important;
}
.messages-wrapper.messages-text .message-model{width:auto!important}
.message-contnaier.outgoing .cont_innr{margin-left:auto!important}

/* строка диалога: имя не режется временем */
.messages-recipients-list .msg_rght_prt{position:relative!important;padding-right:56px!important}
.messages-recipients-list .messages-last-sent{
  position:absolute!important;right:0!important;top:1px!important;float:none!important;margin:0!important;
}
.messages-recipients-list .messages-user-name{padding-right:0!important}
.messages-recipients-list .avatar{position:relative!important}
.messages-recipients-list .new-message-alert{
  top:-3px!important;right:-3px!important;left:auto!important;bottom:auto!important;
  box-shadow:0 0 0 2px var(--e-card)!important;
}
.messages-recipients-list .online_dot{right:auto!important;left:-2px!important;bottom:-2px!important}

@media (max-width:991px){
  .messages-recipients-list .msg_rght_prt{padding-right:0!important}
}


/* имя в списке диалогов не обрезаем раньше времени */
.messages-recipients-list .messages-user-name{
  width:auto!important;max-width:100%!important;display:block!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.messages-recipients-list .msg_ava_name{display:block!important;min-width:0!important}
.messages-recipients-list .msg_rght_prt{min-width:0!important}

/* ---------- v9.2: плотность сообщений ---------- */
.message-contnaier{margin:0 0 6px!important;padding:0!important}
.message-contnaier:last-child{margin-bottom:0!important}


/* ============================================================
   v10 — профиль 1:1 как ВКонтакте: шапка без обложки, табы в левой
   колонке, правая колонка с уровня табов, подарки как в VK
   ============================================================ */

/* шапка: без обложки */
.wo_user_profile .cardheader.user-cover{display:none!important}
.wo_user_profile .profile-container>.card.hovercard{
  padding:0!important;border-radius:16px!important;background:var(--e-card)!important;
  border:1px solid #eef0f4!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
  overflow:visible!important;
}
.wo_user_profile .pic-info-cont{
  display:flex!important;align-items:center!important;gap:26px!important;
  padding:22px 24px!important;margin:0!important;position:relative!important;
}
.wo_user_profile .pic-info-cont>.user-avatar{
  width:152px!important;height:152px!important;min-width:152px!important;max-width:152px!important;
  margin:0!important;border:0!important;border-radius:50%!important;
  box-shadow:none!important;background:#f2f3f7!important;overflow:hidden!important;
}
.wo_user_profile .pic-info-cont>.user-avatar>img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block}
.wo_user_profile .pic-info-cont>.info{flex:1 1 auto!important;min-width:0!important;padding:0!important;margin:0!important}
.wo_user_profile .info .title{
  font:700 32px/1.12 var(--e-font)!important;letter-spacing:-.02em!important;
  margin:0 0 6px!important;gap:10px!important;
}
.wo_user_profile .info .title a{font:inherit!important}
.wo_user_profile .info .title .verified-color svg,
.wo_user_profile .info .title svg.feather{width:22px!important;height:22px!important}
.wo_user_profile .info>p,
.wo_user_profile .info p{font:400 14.5px/1.4 var(--e-font)!important;color:#818c99!important;margin:0!important}

/* кнопки справа сверху */
.wo_user_profile .pic-info-cont>.options-buttons{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin:0 0 0 auto!important;padding:0!important;flex:none!important;align-self:flex-start!important;
  position:absolute!important;right:24px!important;top:26px!important;
}
.wo_user_profile .options-buttons .btn-glossy{display:inline-flex!important;margin:0!important;float:none!important}
.wo_user_profile .options-buttons .btn,
.wo_user_profile .options-buttons .wo_follow_btn,
.wo_user_profile .options-buttons button{
  height:44px!important;padding:0 18px!important;margin:0!important;border-radius:10px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  background:#eef1f6!important;border:0!important;box-shadow:none!important;
  color:var(--e-ink)!important;font:600 14.5px/1 var(--e-font)!important;
}
.wo_user_profile .options-buttons .btn:hover,
.wo_user_profile .options-buttons .wo_follow_btn:hover,
.wo_user_profile .options-buttons button:hover{background:#e3e8f0!important}
.wo_user_profile .options-buttons .btn svg,
.wo_user_profile .options-buttons .wo_follow_btn svg,
.wo_user_profile .options-buttons button svg{width:18px!important;height:18px!important;color:inherit!important}
.wo_user_profile .options-buttons .btn .button-text{font:inherit!important}
.wo_user_profile .options-buttons .dropdown-toggle{padding:0 14px!important}

/* сетка: табы в левой колонке, правая колонка с уровня табов */
.wo_user_profile .profile-container{row-gap:0!important}
.wo_user_profile .profile-container>.card.hovercard{grid-row:1!important;grid-column:1 / -1!important;margin:0 0 16px!important}
.wo_user_profile .profile-container>.user-bottom-nav{
  grid-row:2!important;grid-column:1!important;margin:0!important;
  border-radius:16px 16px 0 0!important;border-bottom:0!important;
  box-shadow:0 1px 0 #edeff3!important;padding:8px 8px 0!important;
}
.wo_user_profile .profile-container>.col-md-8{grid-row:3!important;grid-column:1!important;margin:0!important}
.wo_user_profile .profile-container>.col-md-4{grid-row:2 / span 99!important;grid-column:2!important;margin:0!important}
.wo_user_profile .col-md-8>.publisher-box{margin-top:0!important}
.wo_user_profile .col-md-8>.publisher-box .sun_pub_box{
  border-radius:0 0 16px 16px!important;border-top:1px solid #f2f4f8!important;
}

/* подарки как в VK */
.wo_user_profile .earno-gifts .earno-side-title{padding:16px 16px 10px!important;display:flex!important;align-items:baseline!important}
.wo_user_profile .earno-gifts .earno-side-title h4{font:700 17px/1.25 var(--e-font)!important;color:var(--e-ink)!important}
.wo_user_profile .earno-gifts .cnt{
  background:transparent!important;color:#818c99!important;padding:0!important;margin-left:4px!important;
  height:auto!important;min-height:0!important;min-width:0!important;font:400 17px/1.25 var(--e-font)!important;
}
.wo_user_profile .earno-gifts-row{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;padding:4px 16px 0!important}
.wo_user_profile .earno-gift{background:transparent!important;padding:0!important;border-radius:0!important}
.wo_user_profile .earno-gift:hover{background:transparent!important;transform:none!important}
.wo_user_profile .earno-gift img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
.wo_user_profile .earno-gifts-foot{justify-content:flex-start!important;padding:14px 16px 16px!important;color:#818c99!important;font:400 13px/1.3 var(--e-font)!important}
.wo_user_profile .earno-gifts-foot .edit{color:#0077ff!important;font:400 13px/1.3 var(--e-font)!important;text-decoration:none!important;margin-left:2px}
.wo_user_profile .earno-gifts-foot .dot{color:#c3c8d0!important}

/* правая колонка: карточки VK */
.wo_user_profile .col-md-4>.wow_content,
.wo_user_profile .col-md-4>ul.wow_content,
.wo_user_profile .col-md-4>.send_gift_btn{border-radius:16px!important;border:1px solid #eef0f4!important}
.wo_user_profile .col-md-4 .earno-side-title{padding:16px 16px 8px!important}
.wo_user_profile .col-md-4 .earno-side-title h4{font:600 15px/1.3 var(--e-font)!important}

@media (max-width:1100px){
  .wo_user_profile .profile-container>.card.hovercard,
  .wo_user_profile .profile-container>.user-bottom-nav,
  .wo_user_profile .profile-container>.col-md-8,
  .wo_user_profile .profile-container>.col-md-4{grid-row:auto!important;grid-column:1!important}
  .wo_user_profile .profile-container>.card.hovercard{margin-bottom:12px!important}
  .wo_user_profile .profile-container>.user-bottom-nav{border-radius:16px!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important}
  .wo_user_profile .col-md-8>.publisher-box .sun_pub_box{border-radius:16px!important;border-top:1px solid var(--e-line)!important}
  .wo_user_profile .pic-info-cont>.options-buttons{position:static!important;margin-top:14px!important;flex-wrap:wrap!important}
  .wo_user_profile .pic-info-cont{flex-wrap:wrap!important;gap:16px!important}
  .wo_user_profile .info .title{font-size:24px!important}
}

html:has(#night-mode-css) .wo_user_profile .options-buttons .btn,
html:has(#night-mode-css) .wo_user_profile .options-buttons .wo_follow_btn{background:#2a2a2c!important;color:#f2f2f3!important}
html:has(#night-mode-css) .wo_user_profile .options-buttons .btn:hover,
html:has(#night-mode-css) .wo_user_profile .options-buttons .wo_follow_btn:hover{background:#33333a!important}


/* ---------- v10.1: галочка и активный таб ---------- */
.wo_user_profile .info .title svg.verified-color path,
.wo_user_profile .info .title .verified-color path{fill:#0077ff!important}
.wo_user_profile .user-bottom-nav>ul>li.active>a,
.wo_user_profile .user-bottom-nav>ul>li>a.active{
  background:#eef1f6!important;color:var(--e-ink)!important;
}
.wo_user_profile .user-bottom-nav>ul>li.active>a svg,
.wo_user_profile .user-bottom-nav>ul>li>a.active svg{color:var(--e-ink)!important}
.wo_user_profile .user-bottom-nav>ul>li>a{color:#5f6b7a!important}
.wo_user_profile .user-bottom-nav>ul>li>a svg{color:#7d8794!important}
html:has(#night-mode-css) .wo_user_profile .user-bottom-nav>ul>li.active>a,
html:has(#night-mode-css) .wo_user_profile .user-bottom-nav>ul>li>a.active{background:#2a2a2c!important;color:#f2f2f3!important}

/* место под кнопки, чтобы длинное имя не наезжало */
@media (min-width:1101px){
  .wo_user_profile .pic-info-cont>.info{padding-right:400px!important}
}

/* кнопки в потоке: не наезжают на имя на узких экранах */
.wo_user_profile .pic-info-cont>.options-buttons{
  position:static!important;top:auto!important;right:auto!important;
  margin:0 0 0 auto!important;align-self:center!important;
}
@media (min-width:1101px){
  .wo_user_profile .pic-info-cont>.info{padding-right:24px!important}
}

/* компактная шапка на средних экранах */
@media (max-width:1400px) and (min-width:1101px){
  .wo_user_profile .pic-info-cont{gap:18px!important;padding:18px!important}
  .wo_user_profile .pic-info-cont>.user-avatar{width:120px!important;height:120px!important;min-width:120px!important;max-width:120px!important}
  .wo_user_profile .info .title{font-size:26px!important}
  .wo_user_profile .info .title svg.feather,
  .wo_user_profile .info .title .verified-color svg{width:19px!important;height:19px!important}
  .wo_user_profile .options-buttons .btn,
  .wo_user_profile .options-buttons .wo_follow_btn,
  .wo_user_profile .options-buttons button{height:40px!important;padding:0 14px!important;font-size:13.5px!important}
}


/* ============================================================
   v10.2 — профиль как на скриншотах VK: обложка + аватар с наездом,
   табы без скроллбара, кнопки в стиле VK
   ============================================================ */

/* 1. обложка возвращается */
.wo_user_profile .cardheader.user-cover{
  display:block!important;
  height:200px!important;min-height:200px!important;max-height:200px!important;
  background:var(--e-cover)!important;
  border-radius:16px 16px 0 0!important;
  overflow:hidden!important;margin:0!important;position:relative!important;
}
.wo_user_profile .cardheader.user-cover>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.wo_user_profile .cardheader.user-cover .profile-cover-changer,
.wo_user_profile .cardheader.user-cover .profile_cover{opacity:.9}

/* 2. аватар с наездом на обложку, имя справа */
.wo_user_profile .pic-info-cont{
  display:flex!important;align-items:flex-start!important;gap:20px!important;
  padding:0 24px 18px!important;margin:0!important;position:relative!important;
}
.wo_user_profile .pic-info-cont>.user-avatar{
  width:140px!important;height:140px!important;min-width:140px!important;max-width:140px!important;
  margin:-70px 0 0!important;
  border:4px solid var(--e-card)!important;border-radius:50%!important;
  background:var(--e-card)!important;overflow:hidden!important;position:relative!important;z-index:3!important;
  box-shadow:0 2px 10px rgba(16,24,40,.12)!important;
}
.wo_user_profile .pic-info-cont>.user-avatar>img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block}
.wo_user_profile .pic-info-cont>.info{flex:1 1 auto!important;min-width:0!important;padding:16px 0 0!important;margin:0!important}
.wo_user_profile .info .title{font:700 28px/1.15 var(--e-font)!important;margin:0 0 4px!important}
.wo_user_profile .info .title .verified-color svg,
.wo_user_profile .info .title svg.feather{width:20px!important;height:20px!important}

/* 3. кнопки — как в VK: серые, без красных иконок, с заглавной */
.wo_user_profile .pic-info-cont>.options-buttons{
  position:static!important;top:auto!important;right:auto!important;
  margin:16px 0 0 auto!important;align-self:flex-start!important;
  display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;
}
.wo_user_profile .options-buttons .btn,
.wo_user_profile .options-buttons .wo_follow_btn,
.wo_user_profile .options-buttons button{
  text-transform:none!important;letter-spacing:0!important;
}
.wo_user_profile .options-buttons svg,
.wo_user_profile .options-buttons .icon_main,
.wo_user_profile .options-buttons .icon_main_fill{color:#8a93a3!important;stroke:#8a93a3!important;fill:#8a93a3!important}
.wo_user_profile .options-buttons .btn svg{fill:none!important;stroke:#8a93a3!important}

/* 4. табы: без нативного скроллбара */
.wo_user_profile .user-bottom-nav{scrollbar-width:none!important;-ms-overflow-style:none!important;overflow-x:auto!important}
.wo_user_profile .user-bottom-nav::-webkit-scrollbar{height:0!important;width:0!important;display:none!important}
.wo_user_profile .user-bottom-nav>ul{min-width:max-content!important}
.wo_user_profile .user-bottom-nav>ul>li>a{height:42px!important;padding:0 12px!important;font-size:13.5px!important}

/* 5. на средних экранах шапка компактнее, но обложка остаётся */
@media (max-width:1400px) and (min-width:1101px){
  .wo_user_profile .cardheader.user-cover{height:170px!important;min-height:170px!important;max-height:170px!important}
  .wo_user_profile .pic-info-cont>.user-avatar{width:120px!important;height:120px!important;min-width:120px!important;max-width:120px!important;margin:-60px 0 0!important}
  .wo_user_profile .info .title{font-size:24px!important}
}
@media (max-width:1100px){
  .wo_user_profile .cardheader.user-cover{height:150px!important;min-height:150px!important;max-height:150px!important}
  .wo_user_profile .pic-info-cont>.user-avatar{width:104px!important;height:104px!important;min-width:104px!important;max-width:104px!important;margin:-52px 0 0!important}
  .wo_user_profile .info .title{font-size:22px!important}
}

/* 6. тёмная тема: кольцо аватара и обложка */
html:has(#night-mode-css) .wo_user_profile .pic-info-cont>.user-avatar{border-color:#232325!important;background:#232325!important}


/* ============================================================
   v10.3 — добиваем профиль под VK: табы без скроллбара,
   кнопки без белых кружков, ровная шапка, правая колонка
   ============================================================ */

/* табы: никакого горизонтального скролла и полосы под ними */
.wo_user_profile .user-bottom-nav{
  overflow:visible!important;
  padding:6px 8px!important;
  border-radius:16px!important;
  background:var(--e-card)!important;
  border:1px solid #eef0f4!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
}
.wo_user_profile .user-bottom-nav>ul{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:2px!important;min-width:0!important;width:100%!important;
  margin:0!important;padding:0!important;list-style:none!important;
}
.wo_user_profile .user-bottom-nav>ul>li{float:none!important;margin:0!important;display:block!important}
.wo_user_profile .user-bottom-nav>ul>li>a{
  display:flex!important;align-items:center!important;gap:7px!important;
  height:40px!important;padding:0 12px!important;border-radius:10px!important;
  color:#6b7280!important;font:600 13.5px/1 var(--e-font)!important;
  white-space:nowrap!important;text-decoration:none!important;
}
.wo_user_profile .user-bottom-nav>ul>li>a svg{width:17px!important;height:17px!important;margin:0!important;color:#8a93a3!important}
.wo_user_profile .user-bottom-nav>ul>li.active>a,
.wo_user_profile .user-bottom-nav>ul>li>a.active{background:#eef1f6!important;color:var(--e-ink)!important}
.wo_user_profile .user-bottom-nav>ul>li.active>a svg,
.wo_user_profile .user-bottom-nav>ul>li>a.active svg{color:var(--e-ink)!important}

/* кнопки шапки: убираем белые кружки вокруг иконок */
.wo_user_profile .options-buttons .btn,
.wo_user_profile .options-buttons .wo_follow_btn,
.wo_user_profile .options-buttons button{
  height:44px!important;min-height:44px!important;
  padding:0 16px!important;margin:0!important;
  border:0!important;border-radius:10px!important;
  background:#eef1f6!important;color:var(--e-ink)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  font:500 14.5px/1 var(--e-font)!important;box-shadow:none!important;
}
.wo_user_profile .options-buttons .btn:hover,
.wo_user_profile .options-buttons .wo_follow_btn:hover,
.wo_user_profile .options-buttons button:hover{background:#e4e9f1!important}
.wo_user_profile .options-buttons .btn svg,
.wo_user_profile .options-buttons .wo_follow_btn svg,
.wo_user_profile .options-buttons button svg,
.wo_user_profile .options-buttons .btn .feather{
  width:18px!important;height:18px!important;min-width:18px!important;
  padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;
  fill:none!important;stroke:#8a93a3!important;color:#8a93a3!important;
}
.wo_user_profile .options-buttons .btn svg *,
.wo_user_profile .options-buttons .wo_follow_btn svg *{
  fill:none!important;stroke:#8a93a3!important;
}
.wo_user_profile .options-buttons .btn .icon_main_fill,
.wo_user_profile .options-buttons .btn .icon_main_fill *{fill:#8a93a3!important;stroke:none!important}
.wo_user_profile .options-buttons .dropdown-toggle{width:44px!important;padding:0!important}
.wo_user_profile .options-buttons .button-text{font:inherit!important}

/* шапка: имя по центру аватара, лишние отступы убираем */
.wo_user_profile .card.hovercard{overflow:hidden!important}
.wo_user_profile .pic-info-cont{align-items:center!important;padding:0 24px 16px!important}
.wo_user_profile .info{padding-top:10px!important}
.wo_user_profile .info .title{margin:0 0 4px!important}
.wo_user_profile .info>p{margin:0!important}

/* правая колонка: карточки как в VK */
.wo_user_profile .col-md-4>.wow_content,
.wo_user_profile .col-md-4>ul.wow_content{
  border-radius:14px!important;border:1px solid #eef0f4!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
  padding:0!important;margin:0 0 14px!important;overflow:hidden!important;
}
.wo_user_profile .col-md-4 .list-group-item{padding:10px 16px!important;border:0!important;font:400 13.5px/1.4 var(--e-font)!important}
.wo_user_profile .col-md-4 .flex_stats{display:flex!important;flex-wrap:wrap!important;gap:0!important;margin:0!important;padding:6px 0!important}
.wo_user_profile .col-md-4 .flex_stats>li{width:50%!important;padding:8px 16px!important}

/* тёмная тема */
html:has(#night-mode-css) .wo_user_profile .user-bottom-nav{background:#232325!important;border-color:rgba(255,255,255,.09)!important}
html:has(#night-mode-css) .wo_user_profile .user-bottom-nav>ul>li.active>a,
html:has(#night-mode-css) .wo_user_profile .user-bottom-nav>ul>li>a.active{background:#2f3033!important;color:#f2f2f3!important}
html:has(#night-mode-css) .wo_user_profile .options-buttons .btn,
html:has(#night-mode-css) .wo_user_profile .options-buttons .wo_follow_btn{background:#2c2d2e!important;color:#f2f2f3!important}
html:has(#night-mode-css) .wo_user_profile .options-buttons .btn svg,
html:has(#night-mode-css) .wo_user_profile .options-buttons .wo_follow_btn svg,
html:has(#night-mode-css) .wo_user_profile .options-buttons .btn svg *{stroke:#a6adb8!important;fill:none!important}
html:has(#night-mode-css) .wo_user_profile .col-md-4>.wow_content{border-color:rgba(255,255,255,.09)!important}

/* карточка «Отправить подарок» не должна терять отступы */
.wo_user_profile .col-md-4>.send_gift_btn{padding:16px!important}
.wo_user_profile .col-md-4>.send_gift_btn .btn{width:100%!important;margin:0!important}


/* ============================================================
   v11 — новый блок шапки профиля (как VK): обложка, аватар,
   имя, кнопки, табы. Старая шапка отключена.
   ============================================================ */
.wo_user_profile .profile-container>.card.hovercard{display:none!important}
.wo_user_profile .profile-container>.user-bottom-nav{display:none!important}
.wo_user_profile .profile-container>.col-md-8{grid-row:auto!important}
.wo_user_profile .profile-container>.col-md-4{grid-row:auto!important}

.vk-head{
  background:var(--e-card);
  border:1px solid #eef0f4;
  border-radius:16px;
  overflow:hidden;
  margin:0 0 16px;
  box-shadow:0 1px 2px rgba(16,24,40,.05);
}
.vk-cover{height:200px;background:var(--e-cover) center/cover no-repeat}
.vk-head-in{display:flex;align-items:flex-start;gap:20px;padding:0 24px 18px}
.vk-ava{
  width:152px;height:152px;min-width:152px;margin-top:-76px;
  border:4px solid var(--e-card);border-radius:50%;overflow:hidden;
  background:#f2f3f7;display:block;position:relative;z-index:2;
  box-shadow:0 2px 10px rgba(16,24,40,.12);
}
.vk-ava img{width:100%;height:100%;object-fit:cover;display:block}
.vk-id{flex:1 1 auto;min-width:0;padding-top:12px}
.vk-name{display:flex;align-items:center;gap:8px;font:700 30px/1.15 var(--e-font);color:var(--e-ink);letter-spacing:-.02em}
.vk-name a{color:var(--e-ink);text-decoration:none}
.vk-check{width:20px;height:20px;flex:none}
.vk-login{margin-top:2px;font:400 14px/1.4 var(--e-font);color:#818c99}
.vk-actions{display:flex;align-items:center;gap:8px;padding-top:14px;flex:none}
.vk-btn{
  height:44px;padding:0 16px;border:0;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#eef1f6;color:var(--e-ink);font:500 14.5px/1 var(--e-font);
  text-decoration:none;cursor:pointer;white-space:nowrap;
}
.vk-btn:hover{background:#e4e9f1;color:var(--e-ink)}
.vk-btn svg{width:18px;height:18px;fill:none;stroke:#8a93a3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vk-btn-ico{width:44px;padding:0}
.vk-actions .vk-follow,
.vk-actions .vk-msg{display:inline-flex}
.vk-actions .wo_follow_btn,
.vk-actions .btn{
  height:44px!important;padding:0 16px!important;margin:0!important;
  border:0!important;border-radius:10px!important;background:#eef1f6!important;
  color:var(--e-ink)!important;display:inline-flex!important;align-items:center!important;gap:8px!important;
  font:500 14.5px/1 var(--e-font)!important;box-shadow:none!important;
}
.vk-actions .wo_follow_btn svg,
.vk-actions .btn svg{width:18px!important;height:18px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;fill:none!important;stroke:#8a93a3!important}
.vk-actions .button-text{font:inherit!important}

.vk-tabs{
  display:flex;align-items:center;gap:2px;flex-wrap:wrap;
  background:var(--e-card);border:1px solid #eef0f4;border-radius:16px;
  padding:6px 8px;margin:0 0 16px;
  box-shadow:0 1px 2px rgba(16,24,40,.05);
}
.vk-tabs a{
  display:flex;align-items:center;height:40px;padding:0 14px;border-radius:10px;
  font:600 13.5px/1 var(--e-font);color:#6b7280;text-decoration:none;
}
.vk-tabs a:hover{background:#f4f6fa;color:var(--e-ink)}
.vk-tabs a.is-on{background:#eef1f6;color:var(--e-ink)}

@media (max-width:1400px){
  .vk-cover{height:170px}
  .vk-ava{width:120px;height:120px;min-width:120px;margin-top:-60px}
  .vk-name{font-size:24px}
}
@media (max-width:1100px){
  .vk-cover{height:150px}
  .vk-head-in{flex-wrap:wrap;gap:14px;padding:0 16px 16px}
  .vk-ava{width:104px;height:104px;min-width:104px;margin-top:-52px}
  .vk-name{font-size:22px}
  .vk-id{padding-top:8px}
  .vk-actions{padding-top:0;width:100%;flex-wrap:wrap}
}
html:has(#night-mode-css) .vk-head,
html:has(#night-mode-css) .vk-tabs{background:#232325!important;border-color:rgba(255,255,255,.09)!important}
html:has(#night-mode-css) .vk-ava{border-color:#232325!important;background:#232325!important}
html:has(#night-mode-css) .vk-btn,
html:has(#night-mode-css) .vk-actions .wo_follow_btn,
html:has(#night-mode-css) .vk-actions .btn{background:#2c2d2e!important;color:#f2f2f3!important}
html:has(#night-mode-css) .vk-tabs a.is-on{background:#2c2d2e!important;color:#f2f2f3!important}


/* ============================================================
   v12 — страница подарков пользователя
   ============================================================ */
.profile-container:has(.vk-gifts-page)>.col-md-8{display:none!important}
.vk-gifts-page{
  grid-column:1;background:var(--e-card);border:1px solid #eef0f4;border-radius:16px;
  padding:20px 24px 24px;box-shadow:0 1px 2px rgba(16,24,40,.05);min-width:0;
}
.vk-gp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.vk-gp-head h2{margin:0!important;font:700 22px/1.2 var(--e-font)!important;color:var(--e-ink)}
.vk-gp-head h2 span{margin-left:6px;font:400 16px/1 var(--e-font);color:#818c99}
.vk-gp-back{display:inline-flex;align-items:center;gap:6px;color:#0077ff!important;font:500 13.5px/1 var(--e-font);text-decoration:none}
.vk-gp-back:hover{color:#0066dd!important}
.vk-gp-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vk-gp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.vk-gp-item{text-align:center;min-width:0}
.vk-gp-img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#f5f7fb;border-radius:12px;padding:8px}
.vk-gp-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.vk-gp-from{display:block;margin-top:7px;font:600 12.5px/1.3 var(--e-font);color:var(--e-ink)!important;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vk-gp-from:hover{color:#0077ff!important}
.vk-gp-date{margin-top:1px;font:400 11.5px/1.3 var(--e-font);color:#98a2b3}
.vk-gp-empty{padding:48px 0;text-align:center;color:#98a2b3;font:500 14px/1.4 var(--e-font)}
@media (max-width:1200px){.vk-gp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:700px){.vk-gp-grid{grid-template-columns:repeat(3,minmax(0,1fr))};.vk-gifts-page{padding:16px}}
html:has(#night-mode-css) .vk-gifts-page{background:#232325!important;border-color:rgba(255,255,255,.09)!important}
html:has(#night-mode-css) .vk-gp-img{background:#2a2a2c!important}
html:has(#night-mode-css) .vk-gp-from{color:#f2f2f3!important}


/* ---------- v12.1: категории и цены на странице подарков ---------- */
.vk-gp-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.vk-gp-tabs a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:10px;font:600 13px/1 var(--e-font);color:#5f6b7a!important;text-decoration:none;background:#f2f3f7}
.vk-gp-tabs a:hover{background:#e9ecf2;color:var(--e-ink)!important}
.vk-gp-tabs a.is-on{background:var(--e-ink);color:#fff!important}
.vk-gp-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
.vk-gp-item{background:var(--e-card);border:1px solid #eef0f4;border-radius:14px;padding:10px 10px 12px;text-align:center}
.vk-gp-img{aspect-ratio:1/1;background:#f5f7fb;border-radius:10px;padding:6px}
.vk-gp-name{margin-top:8px;font:600 12.5px/1.3 var(--e-font);color:var(--e-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vk-gp-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}
.vk-gp-price{font:700 12px/1 var(--e-font);color:#0077ff;background:#e6f0ff;border-radius:7px;padding:4px 7px}
.vk-gp-date{font:400 11px/1 var(--e-font);color:#98a2b3}
.vk-gp-from{display:block;margin-top:3px;font:500 11.5px/1.3 var(--e-font);color:#818c99!important;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1200px){.vk-gp-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:900px){.vk-gp-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:600px){.vk-gp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html:has(#night-mode-css) .vk-gp-item{background:#232325;border-color:rgba(255,255,255,.09)}
html:has(#night-mode-css) .vk-gp-tabs a{background:#2a2a2c;color:#a6adb8!important}
html:has(#night-mode-css) .vk-gp-tabs a.is-on{background:#f2f2f3;color:#19191a!important}
html:has(#night-mode-css) .vk-gp-price{background:#1d2a3a;color:#6cb0f5}


/* ---------- v13.1: окно выбора подарка как в VK ---------- */
#send_gift .modal-dialog{width:940px!important;max-width:calc(100% - 40px)!important}
#send_gift .modal-content{border-radius:16px!important;overflow:hidden}
#send_gift .modal-body{padding:16px 20px 10px!important;max-height:66vh;overflow-y:auto}
.vk-gift-bar{display:flex;align-items:center;gap:12px;padding:0 0 12px;flex-wrap:wrap}
.vk-gift-bal{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;background:#e6f0ff;color:#0077ff;font:600 13.5px/1 var(--e-font)}
.vk-gift-bal b{font-weight:800}
.vk-gift-hint{font:400 12.5px/1.3 var(--e-font);color:#98a2b3}
.vk-gift-hint.is-err{color:#e11d48}
.vk-gift-cats{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 14px}
.vk-gift-cat{height:32px;padding:0 14px;border:0;border-radius:9px;background:#f2f3f7;color:#5f6b7a;font:600 13px/1 var(--e-font);cursor:pointer;font-family:inherit}
.vk-gift-cat:hover{background:#e8ebf2;color:var(--e-ink)}
.vk-gift-cat.is-on{background:var(--e-ink);color:#fff}
#gifts-list.wo_send_gift{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:0!important}
#gifts-list .gift-data{padding:8px 6px 6px!important;border:2px solid transparent!important;border-radius:12px!important;background:#f7f8fb;transition:background .12s ease,border-color .12s ease}
#gifts-list .gift-data:hover{background:#eef1f6}
#gifts-list .gift-data.is-sel{border-color:#0077ff!important;background:#eef5ff}
#gifts-list .gift-data label{display:block!important;margin:0!important;cursor:pointer}
#gifts-list .gift-data input[type=radio]{display:none!important}
#gifts-list .gift-data img{width:72px!important;height:72px!important;object-fit:contain!important;display:block!important;margin:0 auto!important}
.vk-gift-price{display:block;margin-top:6px;font:600 11px/1.2 var(--e-font);color:#5f6b7a;text-align:center}
@media (max-width:900px){#gifts-list.wo_send_gift{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:600px){#gifts-list.wo_send_gift{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
html:has(#night-mode-css) .vk-gift-bal{background:#1d2a3a;color:#6cb0f5}
html:has(#night-mode-css) .vk-gift-cat{background:#2a2a2c;color:#a6adb8}
html:has(#night-mode-css) .vk-gift-cat.is-on{background:#f2f2f3;color:#19191a}
html:has(#night-mode-css) #gifts-list .gift-data{background:#26262a}
html:has(#night-mode-css) #gifts-list .gift-data.is-sel{background:#1d2a3a;border-color:#4c9df2!important}
html:has(#night-mode-css) .vk-gift-price{color:#a6adb8}

/* ============================================================
   v24 — музыка на профиле (как в VK)
   ============================================================ */
.vk-now{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:14px;line-height:1.35;color:var(--e-ink-3)}
.vk-now svg{width:16px;height:16px;fill:none;stroke:var(--e-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.vk-now a{color:var(--e-accent);text-decoration:none;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}
.vk-now a:hover{text-decoration:underline}
.wow_content.vk-music{margin-top:16px}
.vk-music-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}
.vk-music-h h4{margin:0;font-size:17px;font-weight:700;color:var(--e-ink)}
.vk-music-h a{font-size:13.5px;color:var(--e-ink-3);text-decoration:none;flex:none}
.vk-music-h a:hover{color:var(--e-accent)}
.vk-music-pls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:14px}
.vk-music-pl{position:relative;border:1px solid var(--e-line);background:var(--e-card);border-radius:12px;padding:0 0 10px;cursor:pointer;font-family:inherit;text-align:left;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s ease,box-shadow .15s ease}
.vk-music-pl:hover{border-color:#d9dce1;box-shadow:var(--e-shadow-lift)}
.vk-music-cov{position:relative;display:block;height:150px;overflow:hidden;background:linear-gradient(135deg,var(--c1,#4f8cff),var(--c2,#1240a8))}
.vk-music-cov:before{content:"";position:absolute;inset:0;background:radial-gradient(130% 100% at 12% 0%,rgba(255,255,255,.34),transparent 58%)}
.vk-music-cov:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(var(--r,22deg),rgba(255,255,255,.14) 0 1px,transparent 1px 6px);opacity:.45;mix-blend-mode:soft-light}
.vk-music-cov-sm{height:44px;width:44px;border-radius:7px;flex:none}
.vk-music-pl-t{display:block;font-size:13.5px;font-weight:600;color:var(--e-ink);padding:8px 10px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vk-music-pl-s{display:block;font-size:12px;color:var(--e-ink-3);padding:0 10px}
.vk-music-pl-play{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}
.vk-music-pl:hover .vk-music-pl-play{opacity:1}
.vk-music-pl-play svg{width:16px;height:16px;color:#111}
.vk-music-sub{font-size:15px;font-weight:700;color:var(--e-ink);margin:4px 0 8px}
.vk-music-trs{display:flex;flex-direction:column}
.vk-music-tr{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;cursor:pointer}
.vk-music-tr:hover{background:var(--e-soft)}
.vk-music-tr-txt{min-width:0;display:flex;flex-direction:column}
.vk-music-tr-txt b{font-size:13.5px;font-weight:600;color:var(--e-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vk-music-tr-txt span{font-size:12px;color:var(--e-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vk-music-tr-d{margin-left:auto;font-size:12px;color:var(--e-ink-3);font-variant-numeric:tabular-nums;flex:none}
html:has(#night-mode-css) .vk-music-pl{background:var(--e-soft);border-color:rgba(255,255,255,.09)}
html:has(#night-mode-css) .vk-music-pl:hover{border-color:rgba(255,255,255,.18)}
@media (max-width:768px){.vk-music-pls{grid-template-columns:repeat(2,minmax(0,1fr))}.vk-music-cov{height:120px}}