/* Общие правила оформления — палитра интерфейса BrainWhaleVMS.
   Фон #0A0A0A, карточки #161616, наведение #222222, границы #2C2C2C,
   текст #DCDCDC / #8E8E8E, акцент #4A8DF8 (наведение #7FB0FF). */
body{background:#0A0A0A;color:#DCDCDC;font-family:'IBM Plex Sans',system-ui,sans-serif}
h1,h2,.bw-h1{font-family:'Manrope','IBM Plex Sans',system-ui,sans-serif}
button,input,select,textarea{font-family:inherit}
code,pre,kbd{font-family:'IBM Plex Mono',ui-monospace,monospace}

/* иконки модулей: контур #8E8E8E, при наведении на карточку — акцент */
.bw-ico svg [stroke]:not([stroke="none"]){stroke:#8E8E8E;transition:stroke .2s}
.bw-ico svg [fill]:not([fill="none"]){fill:#8E8E8E;transition:fill .2s}
:has(> .bw-ico),:has(> .bw-prod){transition:background-color .2s,border-color .2s}
:has(> .bw-ico):hover,:has(> .bw-prod):hover{background-color:#222222!important}
:has(> .bw-prod):hover > .bw-prod{border-color:#4A8DF8!important}
:has(> .bw-ico):hover > .bw-ico svg [stroke]:not([stroke="none"]){stroke:#4A8DF8}
:has(> .bw-ico):hover > .bw-ico svg [fill]:not([fill="none"]){fill:#4A8DF8}

/* снимок страницы показывается, пока не отрисуется живая версия */
x-dc{display:none!important}
html.bw-pre #dc-root{position:absolute!important;left:0;right:0;top:0;visibility:hidden;pointer-events:none}