@import url('/_sellergraph_identity_v2.css');

/* Return both marketplace sidebars to the dark palette; omit the mark here. */
body:has(.shell){--sidebar:#0b1b31}
.shell{--sidebar:#0b1b31}
.shell .sidebar{background:#0b1b31!important;color:#e9f0fb!important}
.shell .brand{grid-template-columns:minmax(0,1fr)}
.shell .brand::before{display:none!important;content:none!important}
.shell .brand-title,.shell .brand-subtitle{grid-column:1;color:#fff!important}
.shell .brand-subtitle{color:#a9bbd2!important;font-size:0!important}
.shell .brand-subtitle::after{content:'Аналитика Wildberries';font-size:11px}
.shell .nav-link{color:#b7c5d9!important}
.shell .nav-link:not(.active):hover{background:#18314f!important;color:#fff!important}
.shell .nav-link.active{background:#edf4ff!important;color:#0b1b31!important}
.shell .nav-icon{color:#b7c5d9!important}
.shell .nav-link.active .nav-icon{color:#1152ef!important}
.shell .sidebar-footer{color:#8fa4bf!important;border-top-color:#2c4059!important}
.shell .sidebar-close{color:#fff!important;background:#1c3553!important}

body:has(.app){--sidebar:#0b1b31}
.app{--oz-shell-sidebar:#0b1b31}
.app .sidebar{background:#0b1b31!important;color:#e9f0fb!important}
.app .oz-brand{grid-template-columns:minmax(0,1fr)}
.app .oz-brand::before{display:none!important;content:none!important}
.app .oz-title,.app .oz-sub{grid-column:1;color:#fff!important}
.app .oz-sub{color:#a9bbd2!important}
.app .oz-nav a,.app .oz-nav>span{color:#b7c5d9!important}
.app .oz-nav a:not(.active):hover{background:#18314f!important;color:#fff!important}
.app .oz-nav a.active{background:#edf4ff!important;color:#0b1b31!important}
.app .oz-foot{color:#8fa4bf!important;border-top-color:#2c4059!important}

/* The Mini App is near-black in dark mode; keep blue/mint as accents. */
.telegram-app{--tg-bg:#090a0d;--tg-surface:#17191f;--tg-surface-2:#20232b;--tg-border:#323741;--tg-accent:#75b0ff;--tg-accent-strong:#1152ef;--tg-accent-soft:#387cff2a;--tg-success:#31ceb0;background:#090a0d!important}
.telegram-app .telegram-header{background:#090a0d!important;border-bottom-color:#323741!important;color:#f4f7fc!important}
.telegram-app .tg-header-inner{background:#090a0d!important;color:#f4f7fc!important}
.telegram-app .tg-brand strong{color:#f4f7fc!important}
.telegram-app .tg-brand small{color:#a7b1c2!important}
.telegram-app .tg-logo{background:#dcecff url('/_sellergraph_mark_v2.png') center/155% no-repeat!important;border-radius:8px}
.telegram-app .tg-header-actions button{color:#dcecff!important;border-color:#3c4655!important;background:#17191f!important}

/* The user-selected light theme retains its own surfaces. */
[data-telegram-theme=light] .telegram-app{background:#f3f7fc!important}
[data-telegram-theme=light] .telegram-app .telegram-header,[data-telegram-theme=light] .telegram-app .tg-header-inner{background:#f3f7fc!important;color:#09213e!important}
[data-telegram-theme=light] .telegram-app .tg-brand strong{color:#09213e!important}
[data-telegram-theme=light] .telegram-app .tg-brand small{color:#51647d!important}