.list-row--active:before { content: none !important; display: none !important; }
      
      
      .vm-ori::-webkit-slider-thumb {
        border: none !important;
        box-shadow: none !important;
      }
      .vm-ori::-moz-range-thumb {
        border: none !important;
        box-shadow: none !important;
      }
      
      .vm-fitbtn {
        background: var(--fit-bg, var(--accent)) !important;
        color: var(--fit-fg, var(--accent-fg)) !important;
      }
      .vm-fitbtn:hover:not(:disabled) {
        background: var(--fit-bg, var(--accent-hover)) !important;
        filter: brightness(.88);
      }
      .vm-fitbtn:active:not(:disabled) { filter: brightness(.8); }
      .vm-fitbtn:disabled { filter: saturate(.7); }
      
      .list-row {
        transition: background-color var(--dur) var(--ease);
      }
      .list-row:hover:not(.list-row--active) {
        background: var(--accent-soft) !important;
      }
      aside.context-panel .list-row {
        border-radius: 0;
        margin-left: calc(var(--sp-2) * -1);
        margin-right: calc(var(--sp-2) * -1);
      }
html { background-color: var(--bg); }
      body {
        background-color: var(--bg) !important;
        background-image: var(--chat-wallpaper, none) !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
      }
      body::after {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background-color: var(--icon-color, #fff);
        opacity: var(--icon-opacity, .3);
        -webkit-mask-size: 600px auto;
        mask-size: 600px auto;
        -webkit-mask-repeat: repeat;
        mask-repeat: repeat;
        -webkit-mask-position: center;
        mask-position: center;
      }
      
      html.vready body::after {
        -webkit-mask-image: url(/assets/iconsback-p2.webp);
        mask-image: url(/assets/iconsback-p2.webp);
      }
      html:not(.vready) body::after { display: none; }
      html[data-v-icons="off"] body::after { display: none; }
      .main { background: transparent !important; }
      #root { position: relative; z-index: 1; }
      
      #wp-layer { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
      #wp-layer > img { width: 100%; height: 100%; object-fit: cover; display: block; }

      @media (max-width: 599px), (pointer: coarse) and (max-height: 500px) {
        html:not([data-v-icons="off"]) body[data-v-mobile-view="chats"] .context-panel,
        html:not([data-v-icons="off"]) body[data-v-mobile-view="chats"] .main > * { background: transparent !important; }
        html:not([data-v-icons="off"]) body[data-v-mobile-view="chats"] .mobile-header { background: transparent !important; }
      }

      
      @media (min-width: 600px) and (min-height: 501px), (min-width: 600px) and (pointer: fine), (min-width: 600px) and (pointer: none) {
        body { padding: 14px !important; }
        #root {
          max-width: 1400px;
          margin: 0 auto;
          height: calc(100vh - 28px);
        }
        .auth-screen {
          height: 100% !important;
          min-height: 100% !important;
          border-radius: 0 !important;
          box-shadow: 0 24px 90px rgba(0, 0, 0, 0.5) !important;
          overflow: hidden;
        }

        
        .shell {
          height: 100% !important;
          background: transparent !important;
          box-shadow: none !important;
          overflow: visible !important;
          position: relative !important;
        }

        
        
        .shell:has(.context-panel)::before {
          content: "";
          position: absolute;
          z-index: 0;
          pointer-events: none;
          top: 0;
          bottom: 0;
          left: var(--sp-2);
          width: calc(var(--nav-rail-width) + var(--context-panel-width));
          background: #212121;
          border-radius: var(--r-lg);
          box-shadow: none;
        }

        
        .nav-rail,
        .context-panel {
          position: relative;
          z-index: 1;
        }
        .nav-rail {
          margin-left: var(--sp-2);
          border-radius: var(--r-lg) 0 0 var(--r-lg);
          background: #212121 !important;
          z-index: 10;
        }
        .context-panel {
          background: #212121 !important;
          border-radius: 0 var(--r-lg) var(--r-lg) 0;
        }

        
        html[data-theme="light"] .shell:has(.context-panel)::before { background: var(--surface); }
        html[data-theme="light"] .nav-rail { background: var(--surface) !important; }
        html[data-theme="light"] .context-panel { background: var(--surface) !important; }

        
        .main {
          position: relative;
          z-index: 2;
          margin-top: 0 !important;
          margin-bottom: 0 !important;
          margin-left: var(--sp-6) !important;
          border-radius: 0 !important;
        }

        
        .shell > .main:has(.overlay, .context-menu, [style*="z-index: 100"], [style*="z-index: 199"], [style*="z-index: 200"], [style*="z-index: 300"]),
        .shell > .context-panel:has(.overlay, .context-menu, [style*="z-index: 100"], [style*="z-index: 199"], [style*="z-index: 200"], [style*="z-index: 300"]) {
          z-index: 20 !important;
        }

        
        .main [style*="var(--sp-4)"][style*="overflow-y"] {
          background: transparent !important;
        }

        
         .context-panel__header { order: -2; }
         .context-panel > div:has(.field__input) { order: -1; }
       }

       
       @media (min-width: 1500px) {
         #root { max-width: none; }
       }

      
      .auth-screen { background: transparent !important; box-shadow: none !important; }
      div:has(> cap-widget) { display: flex !important; justify-content: center !important; }