/* ОтветИУм: expressive brand surfaces. Scoped away from administration. */
html[data-design-refresh="on"]:has(.app-header) {
  --ui-action-gradient: linear-gradient(115deg, #ffad32 0%, #ff8725 48%, #ff6828 100%);
  --ui-action-gradient-hover: linear-gradient(115deg, #ffb842, #ff7426);
  --public-blue-gradient: linear-gradient(125deg, #0872e7, #0753c2);
  --ui-shadow-soft: 0 16px 44px #17375b0c;
  --ui-shadow-float: 0 22px 58px #17375b18;
}
/* Keep atmosphere inside designed covers, not detached yellow page corners. */
html[data-design-refresh="on"] body:has(.app-header) .app-page::before,
html[data-design-refresh="on"] body:has(.app-header) .app-page::after { content: none; }
html[data-design-refresh="on"] .app-header-shell {
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 8px 30px #17375b09;
}
html[data-design-refresh="on"] .app-header nav {
  background: linear-gradient(140deg, var(--surface), var(--surface-muted));
  border: 1px solid var(--line);
  box-shadow: inset 0 1px 0 #ffffff36, 0 5px 18px #16386508;
  border-radius: 19px;
}
html[data-design-refresh="on"] .app-header nav a { border-radius: 13px; }
html[data-design-refresh="on"] .app-header nav a > i {
  background: var(--blue-soft); color: var(--blue-dark); border-radius: 9px;
}
html[data-design-refresh="on"] .app-header nav a[aria-current="page"]:not(.app-nav-primary) {
  color: #fff; background: var(--public-blue-gradient);
  box-shadow: inset 0 1px 0 #ffffff38, 0 5px 14px #0753c225;
}
html[data-design-refresh="on"] .app-header nav a[aria-current="page"]:not(.app-nav-primary) > i {
  color: #fff; background: #ffffff24;
}
html[data-design-refresh="on"] .app-header nav :is(.app-nav-primary,.app-nav-primary:hover),
html[data-design-refresh="on"] :is(.primary-button,.primary-button:hover,.auth-submit,.services-intro > a) {
  color: var(--on-accent); background: var(--ui-action-gradient);
  box-shadow: inset 0 1px 0 #ffffff70, 0 7px 18px #ff79251f;
}
html[data-design-refresh="on"] .app-header nav .app-nav-primary > i {
  color: #17243b; background: #ffffffbf;
}
html[data-design-refresh="on"] .account-guest-actions > button {
  background: var(--ui-action-gradient); color: var(--on-accent);
  box-shadow: inset 0 1px 0 #ffffff70, 0 9px 22px #ff792522;
}
html[data-design-refresh="on"] .account-guest-actions > button > span { color: var(--on-accent); }
html[data-design-refresh="on"] .account-access-card {
  border: 1px solid var(--line); border-radius: 30px;
  background: linear-gradient(145deg, var(--surface), var(--blue-soft));
  box-shadow: var(--ui-shadow-soft);
}
html[data-design-refresh="on"] .account-access-card form button {
  background: var(--public-blue-gradient); color: #fff;
  box-shadow: inset 0 1px 0 #ffffff35, 0 7px 18px #0753c21a;
}
html[data-design-refresh="on"] .account-access-card form button:disabled { opacity: .55; box-shadow: none; }
html[data-design-refresh="on"] .account-auth-sheet { border-radius: 30px; }
html[data-design-refresh="on"] .account-auth-sheet .auth-sheet-head {
  background: linear-gradient(125deg, var(--blue-soft), var(--surface) 70%);
  border-bottom: 1px solid var(--line);
}
html[data-design-refresh="on"] .account-auth-sheet .telegram-auth-card {
  background: linear-gradient(130deg, var(--blue-soft), var(--surface));
  border: 1px solid var(--line); box-shadow: 0 8px 22px #0753c209;
}
html[data-design-refresh="on"] .account-auth-sheet .telegram-auth-start {
  background: var(--public-blue-gradient); box-shadow: inset 0 1px 0 #ffffff38, 0 8px 22px #0753c21c;
}
html[data-design-refresh="on"] .account-auth-sheet .order-consent { box-shadow: none; }
html[data-design-refresh="on"] .account-auth-sheet .auth-submit { min-height: 52px; border-radius: 17px; }
html[data-design-refresh="on"] .account-auth-sheet :is(input,.order-select-trigger) { font-size: 16px; }
html[data-design-refresh="on"] .account-auth-sheet .auth-sheet-head h2 { font-size: clamp(26px,4vw,34px); line-height: 1.15; }
html[data-design-refresh="on"] .legal-document > header {
  background: linear-gradient(125deg, #075fc9, #083d91); color: #fff;
}
html[data-design-refresh="on"] .legal-document > header > :is(p,span) { color: #e3efff; }
html[data-design-refresh="on"] :is(.app-header,.account-auth-sheet,.account-access-card) :is(a,button,input):focus-visible {
  outline: 3px solid var(--blue-dark); outline-offset: 4px;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[data-design-refresh="on"] .app-header nav a:hover { transform: translateY(-1px); }
  html[data-design-refresh="on"] :is(.primary-button,.auth-submit):not(:disabled):hover {
    background: var(--ui-action-gradient-hover); transform: translateY(-2px);
    box-shadow: inset 0 1px 0 #ffffff70, 0 12px 25px #ff792530;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-design-refresh="on"] :is(.app-header,.account-auth-sheet,.account-access-card) * { transition: none; animation: none; }
}
html[data-design-refresh="on"][data-perf="lite"] .app-header-shell {
  background: var(--surface); backdrop-filter: none; -webkit-backdrop-filter: none;
}