/* Verya 0.2.5 — additive, ChatNet-selector-safe UI layer. */
html.dark body {--vy-bg:#080b1d;--vy-side:#11142a;--vy-card:#151932;--vy-border:#35305b;--vy-accent:#a36cff;--vy-text:#f6f1ff;--vy-muted:#b7aed1;background:var(--vy-bg)!important;color:var(--vy-text)}
html.dark #wrapper {background:var(--vy-bg)}
html.dark .room-bar{background:#0b0e21!important;border-right:1px solid var(--vy-border);box-shadow:4px 0 24px #02030e45}
html.dark .room-bar .cn-tab {border-radius:12px;transition:background .18s ease}
html.dark .room-bar .cn-tab:hover{background:#40316a}
html.dark .room-bar .cn-tab.active,html.dark .room-bar .cn-tab:has(.pill.active){background:#443077}
html.dark #sidebar-wrapper,html.dark .channel-bar{background:var(--vy-side)!important;color:var(--vy-text);border-color:var(--vy-border)!important}
html.dark .topbar,html.dark .navbar.topbar,html.dark .topbar-channels,html.dark .topbar-private{background:#17152e!important;color:var(--vy-text);border-bottom:1px solid var(--vy-border)}
html.dark .top-channel-name,html.dark .room-title{color:var(--vy-text);font-weight:700;letter-spacing:.01em}
html.dark .channel-container .active,html.dark .channel-container .selected,html.dark .channel-container [aria-selected="true"] {background:#493371!important;border-radius:9px}
html.dark .group-chat,html.dark .private-chat,html.dark .page-content-wrapper{background:var(--vy-bg)!important}
html.dark .group-chat .main-panel,html.dark .private-chat .main-panel{background-color:#0b0d22!important;background-image:radial-gradient(ellipse at 50% 12%,rgba(91,49,149,.15),transparent 65%);}
html.dark .chat-scroll{scrollbar-color:#5f4a91 transparent;scrollbar-width:thin}
html.dark .messages.chats{padding:22px 22px 30px}
html.dark .messages .chat-message,html.dark .messages .message,html.dark .messages .bubble,html.dark .messages .msg{border-radius:12px;}
html.dark .messages .message-content,html.dark .messages .chat-text{line-height:1.5}
html.dark .right-panel,html.dark .rightbar-wrapper{background:#101428!important;border-color:var(--vy-border)!important}
html.dark #rpanel-tab{padding:8px;border-bottom:1px solid var(--vy-border)}
html.dark #rpanel-tab .nav-link{border-radius:9px;color:#c8bdea}
html.dark #rpanel-tab .nav-link.active{background:#523585;color:white}
html.dark .sidebar-private,html.dark .sidebar-discovery,html.dark .sidebar-room{color:var(--vy-text)}
html.dark .dropdown-menu,html.dark .modal-content,html.dark .offcanvas{border:1px solid var(--vy-border);background:#19162f!important;color:var(--vy-text)}
html.dark input:not([type=checkbox]),html.dark textarea,html.dark .form-control{border-radius:11px;border-color:#51446f}
html.dark .btn-primary{border-radius:10px;background:#8148db!important;border-color:#8148db!important}
html.dark .room-editor,html.dark .private-editor{border-top:1px solid #3c315c;background:#101228}
.vy-ribbon{display:flex;align-items:center;gap:9px;padding:8px 14px;background:linear-gradient(100deg,#26163f,#171b39 65%,#281642);color:#e7dcff;border-bottom:1px solid #48366b;min-height:44px;font-size:12px}
.vy-ribbon strong{font-size:16px;font-family:Georgia,serif;font-style:italic;color:#e1aaff;letter-spacing:.02em}
.vy-ribbon .vy-tagline{color:#b8add2}
.vy-ribbon .vy-settings{margin-left:auto;background:#362957;color:#f6edff;border:1px solid #705a98;border-radius:9px;padding:4px 10px;cursor:pointer;font-size:12px}
.vy-ribbon button:focus-visible{outline:2px solid #f3b5ff;outline-offset:2px}
.vy-popover{position:fixed;z-index:1500;top:74px;right:16px;width:min(310px,calc(100vw - 32px));background:#19142f;color:#efe8ff;border:1px solid #6e5899;border-radius:14px;box-shadow:0 18px 50px #0008;padding:15px;font-size:13px}
.vy-popover[hidden]{display:none!important}
.vy-popover label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;color:#e7dbff}
.vy-popover select{background:#302449;border:1px solid #655187;color:white;border-radius:8px;padding:7px}
.vy-popover .vy-close{background:#5a3a92;color:white;border:0;padding:6px 12px;border-radius:8px}
html.vy-compact .messages.chats{padding:10px 16px 16px}html.vy-compact .messages.chats>div{margin-bottom:3px!important}
html.vy-large-text .messages.chats{font-size:1.1rem}
html.vy-no-motion *,html.vy-no-motion *::before,html.vy-no-motion *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(max-width:850px){.vy-ribbon{padding:6px 10px}.vy-ribbon .vy-tagline{display:none}html.dark .messages.chats{padding:12px}}
@media(prefers-reduced-motion:reduce){.vy-ribbon *,html.dark .room-bar .cn-tab{transition:none!important}}


/* VERYA_BUILD_0_2_6_4: embedded within existing toolbar, not above viewport */
#main-room .navbar.topbar>.vy-ribbon-inline{position:static;display:flex;align-items:center;gap:6px;flex:0 0 auto;min-height:0;padding:0 8px;margin:0 3px 0 0;border:0;background:none;box-shadow:none;white-space:nowrap}
#main-room .navbar.topbar>.vy-ribbon-inline strong{font-size:13px;line-height:1.15}
#main-room .navbar.topbar>.vy-ribbon-inline .vy-tagline{display:none}
#main-room .navbar.topbar>.vy-ribbon-inline .vy-settings{margin:0;padding:3px 7px;font-size:11px;line-height:1.15}
@media(max-width:1000px){#main-room .navbar.topbar>.vy-ribbon-inline strong{display:none}}
@media(max-width:650px){#main-room .navbar.topbar>.vy-ribbon-inline{padding:0;margin:0 2px 0 0}#main-room .navbar.topbar>.vy-ribbon-inline .vy-settings{font-size:0;padding:4px 6px}#main-room .navbar.topbar>.vy-ribbon-inline .vy-settings:before{content:'⚙';font-size:16px}}