/**
 * Отрисовка пользовательских фоновых сцен/видео, затемнений и адаптация контраста поверх фона.
 *
 * Пометки старого оформления основаны на реальном каскаде: комментарий ставится только если более позднее правило того же селектора перекрывает свойства или скрывает элемент.
 */

body.has-core-user-background{
  position:relative;
  isolation:isolate;
  background:transparent!important;
  min-height:100vh;
}
body.has-core-user-background>.core-user-background-scene{
  position:fixed;
  inset:0;
  z-index:0;
  width:100vw;
  height:100vh;
  overflow:hidden;
  pointer-events:none;
  background:#080b15 center/cover no-repeat;
  transform:translateZ(0);
}
body.has-core-user-background>.core-user-background-scene::before,
body.has-core-user-background>.core-user-background-scene::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
body.has-core-user-background>.core-user-background-scene::after{
  z-index:2;
  background:linear-gradient(180deg,rgba(2,6,23,.015),rgba(2,6,23,.075));
}
body.has-core-user-background.core-user-background-tone-light>.core-user-background-scene::after{
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(15,23,42,.045));
}
body.has-core-user-background>.core-user-background-scene.has-video::before,
body.has-core-user-background>.core-user-background-scene.has-image::before{
  display:none;
}
body.has-core-user-background>.core-user-background-scene .core-user-background-media{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
  backface-visibility:hidden;
  transform:translateZ(0);
}
body.has-core-user-background>.shell{
  position:relative;
  z-index:1;
  background:transparent!important;
}
body.has-core-user-background>.shell>.content,
body.has-core-user-background .content{
  background:transparent!important;
}


/* Старое оформление: все свойства этого правила ниже задаются заново для того же селектора, поэтому этот блок не определяет итоговый вид. */
body.has-core-user-background .topbar.topbar-app{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(255,255,255,.46)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.10)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
body.has-core-user-background.core-user-background-tone-dark .topbar.topbar-app{
  background:rgba(9,15,28,.58)!important;
  border-color:rgba(255,255,255,.15)!important;
  color:#f4f8ff!important;
}
body.has-core-user-background.core-user-background-tone-dark .topbar.topbar-app .tab-link:not(.active),
body.has-core-user-background.core-user-background-tone-dark .topbar.topbar-app .meta-pill,
body.has-core-user-background.core-user-background-tone-dark .topbar.topbar-app .muted{
  color:#d6e0ef!important;
}
/* Старое оформление: все свойства этого правила ниже задаются заново для того же селектора, поэтому этот блок не определяет итоговый вид. */
body.has-core-user-background .core-account-panel,
body.has-core-user-background .core-tenant-options,
body.has-core-user-background .core-notif-panel{
  backdrop-filter:blur(22px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(130%)!important;
}
body.has-core-user-background.core-user-background-tone-dark .core-account-panel,
body.has-core-user-background.core-user-background-tone-dark .core-tenant-options,
body.has-core-user-background.core-user-background-tone-dark .core-notif-panel{
  background:rgba(7,13,28,.78)!important;
  border-color:rgba(255,255,255,.16)!important;
}


body.has-core-user-background>.core-user-background-neon_grid{
  background:linear-gradient(180deg,#060715,#11122a);
}
body.has-core-user-background>.core-user-background-neon_grid::before{
  display:block;
  inset:-15% -10%;
  background-image:
    linear-gradient(rgba(99,102,241,.40) 1px,transparent 1px),
    linear-gradient(90deg,rgba(34,211,238,.35) 1px,transparent 1px);
  background-size:44px 44px;
  transform:perspective(320px) rotateX(58deg) scale(1.3);
  transform-origin:center 68%;
  animation:coreUserBackgroundGrid 4s linear infinite;
}
body.has-core-user-background>.core-user-background-neon_grid::after{
  background:
    radial-gradient(circle at 50% 100%,rgba(236,72,153,.50),transparent 35%),
    radial-gradient(circle at 15% 10%,rgba(59,130,246,.30),transparent 28%);
}
@keyframes coreUserBackgroundGrid{to{background-position:0 44px,44px 0}}

@media (prefers-reduced-motion:reduce){
  body.has-core-user-background>.core-user-background-neon_grid::before{animation:none!important}
}


body.has-core-user-background.core-user-background-tone-dark .page-title,
body.has-core-user-background.core-user-background-tone-dark .page-top>div>h1,
body.has-core-user-background.core-user-background-tone-dark .page-top>div>h2{
  color:#f5f8ff!important;
  text-shadow:0 2px 18px rgba(2,6,23,.28);
}
body.has-core-user-background.core-user-background-tone-dark .page-subtitle,
body.has-core-user-background.core-user-background-tone-dark .page-top>div>p{
  color:#d2deee!important;
  text-shadow:0 2px 14px rgba(2,6,23,.24);
}


body.has-core-user-background{
  --core-bg-fg:#172033;
  --core-bg-muted:#475569;
  --core-bg-glass:rgba(255,255,255,.42);
  --core-bg-glass-strong:rgba(255,255,255,.68);
  --core-bg-line:rgba(255,255,255,.52);
  --core-bg-hover:rgba(255,255,255,.30);
  --core-bg-shadow:0 18px 52px rgba(15,23,42,.13);
  color:var(--core-bg-fg);
}
body.has-core-user-background.core-user-background-tone-dark{
  --core-bg-fg:#f4f8ff;
  --core-bg-muted:#b8c6da;
  --core-bg-glass:rgba(7,13,28,.42);
  --core-bg-glass-strong:rgba(7,13,28,.68);
  --core-bg-line:rgba(255,255,255,.17);
  --core-bg-hover:rgba(255,255,255,.09);
  --core-bg-shadow:0 20px 58px rgba(2,6,23,.24);
}


body.has-core-user-background .topbar.topbar-app{
  background:var(--core-bg-glass)!important;
  border-color:var(--core-bg-line)!important;
  color:var(--core-bg-fg)!important;
  box-shadow:var(--core-bg-shadow)!important;
  backdrop-filter:blur(16px) saturate(122%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(122%)!important;
}
body.has-core-user-background .topbar.topbar-app .topbar-nav-link:not(.active),
body.has-core-user-background .topbar.topbar-app .core-account-summary,
body.has-core-user-background .topbar.topbar-app .core-account-summary strong,
body.has-core-user-background .topbar.topbar-app .core-notif-button,
body.has-core-user-background .topbar.topbar-app .topbar-section-actions .btn:not(.primary){
  color:var(--core-bg-fg)!important;
}
body.has-core-user-background .topbar.topbar-app .core-account-summary small,
body.has-core-user-background .topbar.topbar-app .muted{
  color:var(--core-bg-muted)!important;
}
body.has-core-user-background .topbar.topbar-app .topbar-nav-link:not(.active):hover,
body.has-core-user-background .topbar.topbar-app .core-account-summary:hover,
body.has-core-user-background .topbar.topbar-app .core-notif-button:hover{
  background:var(--core-bg-hover)!important;
  border-color:var(--core-bg-line)!important;
  color:var(--core-bg-fg)!important;
}


body.has-core-user-background .core-account-panel,
body.has-core-user-background .core-tenant-options,
body.has-core-user-background .core-notif-panel{
  background:var(--core-bg-glass-strong)!important;
  border-color:var(--core-bg-line)!important;
  color:var(--core-bg-fg)!important;
  box-shadow:0 26px 78px rgba(2,6,23,.28)!important;
  backdrop-filter:blur(22px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(130%)!important;
}
body.has-core-user-background .core-account-head,
body.has-core-user-background .core-account-section,
body.has-core-user-background .core-tenant-switch summary,
body.has-core-user-background .core-notif-head,
body.has-core-user-background .core-notif-foot{
  background:transparent!important;
  border-color:var(--core-bg-line)!important;
  color:var(--core-bg-fg)!important;
}
body.has-core-user-background .core-account-link,
body.has-core-user-background .core-account-switch,
body.has-core-user-background .core-tenant-option,
body.has-core-user-background .core-tenant-switch summary{
  background:transparent!important;
  color:var(--core-bg-fg)!important;
}
body.has-core-user-background .core-account-link.add-account{
  background:var(--core-bg-hover)!important;
  border-color:var(--core-bg-line)!important;
}
body.has-core-user-background .core-account-link:hover,
body.has-core-user-background .core-account-switch:hover,
body.has-core-user-background .core-account-switch.active,
body.has-core-user-background .core-tenant-option:hover,
body.has-core-user-background .core-tenant-option.active{
  background:var(--core-bg-hover)!important;
  color:var(--core-bg-fg)!important;
}
body.has-core-user-background .core-account-id small,
body.has-core-user-background .core-account-head small,
body.has-core-user-background .core-account-switch small,
body.has-core-user-background .core-account-section-title{
  color:var(--core-bg-muted)!important;
}
body.has-core-user-background .core-account-panel svg:not(.core-account-avatar svg){
  color:currentColor;
}


body.has-core-user-background .core-account-summary{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.has-core-user-background .core-account-panel,
body.has-core-user-background .core-tenant-options{
  border-color:transparent!important;
}


body.has-core-user-background.core-user-background-tone-dark .page-top h1,
body.has-core-user-background.core-user-background-tone-dark .page-top h2,
body.has-core-user-background.core-user-background-tone-dark .page-title,
body.has-core-user-background.core-user-background-tone-dark .pp-head h1,
body.has-core-user-background.core-user-background-tone-dark .scripts-head h1,
body.has-core-user-background.core-user-background-tone-dark .pg-head h1,
body.has-core-user-background.core-user-background-tone-dark .adm-page-title h1,
body.has-core-user-background.core-user-background-tone-dark .manager-workspace-title-row h1,
body.has-core-user-background.core-user-background-tone-dark .portret-head h1{
  color:var(--core-bg-fg)!important;
  text-shadow:0 2px 18px rgba(2,6,23,.34)!important;
}
body.has-core-user-background.core-user-background-tone-dark .page-top p,
body.has-core-user-background.core-user-background-tone-dark .page-subtitle,
body.has-core-user-background.core-user-background-tone-dark .pp-head p,
body.has-core-user-background.core-user-background-tone-dark .scripts-head p,
body.has-core-user-background.core-user-background-tone-dark .pg-head p,
body.has-core-user-background.core-user-background-tone-dark .adm-page-title>span,
body.has-core-user-background.core-user-background-tone-dark .manager-workspace-title-row p,
body.has-core-user-background.core-user-background-tone-dark .portret-head p{
  color:var(--core-bg-muted)!important;
  text-shadow:0 2px 14px rgba(2,6,23,.30)!important;
}


body.has-core-user-background.core-orders-page .orders-page{
  background:transparent!important;
}

@media(max-width:720px){
  body.has-core-user-background .topbar.topbar-app{
    background:var(--core-bg-glass-strong)!important;
  }
}