/* P24_THEME_AWARE_SCROLLBARS_2_4_40
   Единые полосы прокрутки для светлой, тёмной и звёздной тем.
*/
:root {
  --p24-scrollbar-size: 13px;
  --p24-scroll-track: #e7edf6;
  --p24-scroll-track-border: #cfd9e8;
  --p24-scroll-thumb-start: #3488ff;
  --p24-scroll-thumb-end: #0c63df;
  --p24-scroll-thumb-hover-start: #166ff0;
  --p24-scroll-thumb-hover-end: #004fc8;
  --p24-scroll-thumb-active: #0044ad;
  --p24-scroll-arrow-bg: #dce6f4;
  --p24-scroll-arrow-hover-bg: #cbdaf0;
  --p24-scroll-corner: #e7edf6;
  --p24-scroll-shadow: inset 0 0 0 1px rgba(20,68,130,.08);
}
body[data-p24-theme="light"], :root[data-theme="light"] {
  --p24-scroll-track:#e7edf6;--p24-scroll-track-border:#cfd9e8;
  --p24-scroll-thumb-start:#3488ff;--p24-scroll-thumb-end:#0c63df;
  --p24-scroll-thumb-hover-start:#166ff0;--p24-scroll-thumb-hover-end:#004fc8;
  --p24-scroll-thumb-active:#0044ad;--p24-scroll-arrow-bg:#dce6f4;
  --p24-scroll-arrow-hover-bg:#cbdaf0;--p24-scroll-corner:#e7edf6;
}
body[data-p24-theme="dark"], :root[data-theme="dark"] {
  --p24-scroll-track:#06152c;--p24-scroll-track-border:#233b60;
  --p24-scroll-thumb-start:#438fff;--p24-scroll-thumb-end:#1d65d9;
  --p24-scroll-thumb-hover-start:#62a4ff;--p24-scroll-thumb-hover-end:#2878ed;
  --p24-scroll-thumb-active:#78b1ff;--p24-scroll-arrow-bg:#0b2144;
  --p24-scroll-arrow-hover-bg:#123365;--p24-scroll-corner:#06152c;
  --p24-scroll-shadow:inset 0 0 0 1px rgba(113,164,239,.10);
}
body[data-p24-theme="night"], :root[data-theme="night"] {
  --p24-scroll-track:#020817;--p24-scroll-track-border:#26376b;
  --p24-scroll-thumb-start:#8a67ff;--p24-scroll-thumb-end:#2e82ff;
  --p24-scroll-thumb-hover-start:#a48aff;--p24-scroll-thumb-hover-end:#55a0ff;
  --p24-scroll-thumb-active:#b8a5ff;--p24-scroll-arrow-bg:#0a1230;
  --p24-scroll-arrow-hover-bg:#172152;--p24-scroll-corner:#020817;
  --p24-scroll-shadow:inset 0 0 0 1px rgba(144,119,255,.14),0 0 10px rgba(78,118,255,.16);
}
html,body,*{scrollbar-width:thin;scrollbar-color:var(--p24-scroll-thumb-start) var(--p24-scroll-track)}
*::-webkit-scrollbar{width:var(--p24-scrollbar-size);height:var(--p24-scrollbar-size)}
*::-webkit-scrollbar-track{background:var(--p24-scroll-track);border:1px solid var(--p24-scroll-track-border);border-radius:999px;box-shadow:var(--p24-scroll-shadow)}
*::-webkit-scrollbar-thumb{min-width:42px;min-height:42px;border:3px solid var(--p24-scroll-track);border-radius:999px;background:linear-gradient(135deg,var(--p24-scroll-thumb-start),var(--p24-scroll-thumb-end));background-clip:padding-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.20)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--p24-scroll-thumb-hover-start),var(--p24-scroll-thumb-hover-end));background-clip:padding-box}
*::-webkit-scrollbar-thumb:active{background:var(--p24-scroll-thumb-active);background-clip:padding-box}
*::-webkit-scrollbar-corner{background:var(--p24-scroll-corner)}
*::-webkit-scrollbar-button:single-button{width:var(--p24-scrollbar-size);height:var(--p24-scrollbar-size);border:1px solid var(--p24-scroll-track-border);border-radius:5px;background-color:var(--p24-scroll-arrow-bg);background-position:center;background-repeat:no-repeat;background-size:7px 7px}
*::-webkit-scrollbar-button:single-button:hover{background-color:var(--p24-scroll-arrow-hover-bg)}
*::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M6.8 1.5 3.2 5l3.6 3.5' fill='none' stroke='%238fb9ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
*::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='m3.2 1.5 3.6 3.5-3.6 3.5' fill='none' stroke='%238fb9ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
*::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 6.8 5 3.2l3.5 3.6' fill='none' stroke='%238fb9ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
*::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 3.2 5 6.8l3.5-3.6' fill='none' stroke='%238fb9ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.modal,.modal-body,.table-wrap,.data-table-wrap,.thread,.order-collaboration-messages,.support-panel,.ticket-detail{scrollbar-gutter:stable}
