/* ════════════════════════════════════════════════════════════════════════
   MAESTRO — визуальный язык v2 (redesign-v1)
   Грузится ПОСЛЕДНИМ, после light-theme.css. Там цвета прибиты !important
   в десятке слоёв; переписывать их по одному — та же ловушка, в которой
   платформа простояла полтора месяца. Здесь — один слой поверх, с явно
   поднятой специфичностью (префикс html) там, где перебиваем !important.

   Источники решений:
   · apple-design §12 — материалы: стекло (backdrop-filter) на шапках поверх
     живого фона; тяжёлый тёмный материал у структурной колонки, лёгкий — у
     интерактивного; два светлых стекла друг на друга не кладём.
   · apple-design §15 — типографика: крупные числа с отрицательным трекингом,
     плотный интерлиньяж у крупного, иерархия весом, а не только размером.
   · emil-design-eng — только transform/opacity; ease-out на входе; кнопкам
     scale(.97) на нажатие; hover — только под (hover:hover) and (pointer:fine);
     вход ≤ 300 мс, stagger 30–60 мс; частое не анимируем.
   · apple-design §14 — reduced-motion: статично, но с цветом;
     reduced-transparency: стекло становится сплошным.
   ════════════════════════════════════════════════════════════════════════ */

:root{
  /* цвет */
  --mx-v-50:#F6F3FF; --mx-v-100:#EEE8FF; --mx-v-200:#DDD2FF; --mx-v-300:#C4B2FF;
  --mx-v-500:#6D4AFF; --mx-v-600:#5B36D9; --mx-v-700:#4B2AA8; --mx-v-900:#1E1240;
  --mx-ink:#131A2C; --mx-ink-2:#363F54; --mx-muted:#545D70;
  --mx-canvas:#F2EEFB;
  --mx-surface:rgba(255,255,255,.86);
  --mx-glass:rgba(255,255,255,.58);
  --mx-glass-edge:rgba(255,255,255,.78);
  --mx-hair:rgba(76,56,160,.12);
  --mx-hair-strong:rgba(76,56,160,.24);
  /* геометрия */
  --mx-r-sm:10px; --mx-r-md:14px; --mx-r-lg:18px; --mx-r-xl:24px; --mx-r-2xl:32px;
  /* глубина: две тени на уровень — контактная + рассеянная, с лиловым отливом */
  --mx-sh-1:0 1px 2px rgba(30,18,80,.06),0 1px 1px rgba(30,18,80,.03);
  --mx-sh-2:0 1px 2px rgba(30,18,80,.05),0 10px 28px -10px rgba(46,26,120,.18);
  --mx-sh-3:0 2px 6px rgba(30,18,80,.06),0 22px 50px -18px rgba(46,26,120,.32);
  --mx-sh-hero:0 2px 6px rgba(30,18,80,.06),0 30px 70px -28px rgba(91,54,217,.50);
  --mx-hi:inset 0 1px 0 rgba(255,255,255,.9);
  /* движение (emil-design-eng) */
  --mx-ease-out:cubic-bezier(.23,1,.32,1);
  --mx-ease-in-out:cubic-bezier(.77,0,.175,1);
  --mx-ease-drawer:cubic-bezier(.32,.72,0,1);
  --mx-t-press:120ms; --mx-t-fast:160ms; --mx-t-base:240ms;
  /* типографика */
  --mx-fs-display:clamp(2.1rem,1.3rem + 1.9vw,2.85rem);
  --mx-fs-h1:clamp(1.4rem,1.05rem + .8vw,1.8rem);
  --mx-track-display:-.035em; --mx-track-h:-.022em;
}

/* ── 1. Полотно и живой фон ─────────────────────────────────────────────
   Фон страницы — фиксированный слой .mx-ambient (base.html) с WebGL2-
   градиентом (shader-bg.js). Чтобы он был виден, всё, что light-theme.css
   заливает глухим #F7F8FA, становится прозрачным; базовый цвет держит html. */
html{background:var(--mx-canvas)}
html body,html body.has-side{background:transparent !important}
html body .app-main,html body.has-side .app-main,html body .main,html body .main.app-pad{background:transparent !important}

.mx-ambient[data-shader-bg]{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  /* статичный, но цветной — видно без JS, без WebGL и при reduced-motion */
  background:
    radial-gradient(55% 50% at 12% 8%,#E2D6FF 0%,rgba(226,214,255,0) 70%),
    radial-gradient(50% 45% at 92% 14%,#D6E2FF 0%,rgba(214,226,255,0) 70%),
    radial-gradient(60% 55% at 78% 96%,#DDF3F0 0%,rgba(221,243,240,0) 70%),
    radial-gradient(45% 45% at 30% 85%,#EADFFF 0%,rgba(234,223,255,0) 70%),
    var(--mx-canvas)}
/* CSS-ступень движения: пятна плывут через transform (композитор, без
   перерисовки), цикл 30 с — далеко от «укачивающих» 0,2 Гц (apple §14). */
.mx-ambient::before,
[data-shader-bg]>span.mx-fx-css::before{content:"";position:absolute;inset:-30%;pointer-events:none;
  background:
    radial-gradient(28% 32% at 28% 30%,rgba(168,140,255,.42),rgba(168,140,255,0) 70%),
    radial-gradient(26% 30% at 74% 38%,rgba(132,164,255,.36),rgba(132,164,255,0) 70%),
    radial-gradient(30% 34% at 52% 76%,rgba(120,220,208,.26),rgba(120,220,208,0) 70%);
  animation:mx-drift 30s var(--mx-ease-in-out) infinite alternate}
[data-shader-bg]>span.mx-fx-css{position:absolute;inset:0;z-index:0;overflow:hidden;
  border-radius:inherit;pointer-events:none}
[data-shader-bg]>span.mx-fx-css::before{animation-duration:20s}
.mx-ambient.fx-on::before{animation:none;opacity:0;transition:opacity .6s}
@keyframes mx-drift{
  0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  50%{transform:translate3d(-5%,3%,0) rotate(6deg) scale(1.06)}
  100%{transform:translate3d(4%,-3%,0) rotate(-4deg) scale(1.03)}}
[data-shader-bg]>canvas{border-radius:inherit}
.mx-ambient>canvas{position:absolute;inset:0;width:100%;height:100%}

/* ── 2. Типографика ───────────────────────────────────────────────────── */
html body{color:var(--mx-ink);font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility}
h1,h2,h3{color:var(--mx-ink)}
.page-head h1{font-size:var(--mx-fs-h1);max-width:46ch;line-height:1.14;letter-spacing:var(--mx-track-h);font-weight:750;text-wrap:balance}
.card h2,.card h3{letter-spacing:-.015em}

/* ── 3. Поверхности ───────────────────────────────────────────────────── */
html .card,html .finance-panel,html .nmcbar,html .nmc-ask,html .stats .stat,html .trow,html .table-wrap,html .decision-summary{
  background:var(--mx-surface) !important}
html .card,html .finance-panel,html .decision-summary,html .ptier,html .review,html .article-card,html .tier,html .hall,html .stat{
  border-radius:var(--mx-r-lg) !important;border-color:var(--mx-hair) !important;
  box-shadow:var(--mx-hi),var(--mx-sh-2) !important}
html .card:hover{box-shadow:var(--mx-hi),var(--mx-sh-2) !important}
html .card .card{box-shadow:none !important;border-radius:var(--mx-r-md) !important}

/* Шапки страниц — стекло поверх живого фона (apple §12). Свой шейдер с них
   снят в шаблонах: стекло берёт цвет у фона страницы, и шапка с телом
   страницы читаются одним материалом, а не двумя наклейками. */
/* Стекло лежит на ::before, а НЕ на самой шапке: backdrop-filter делает
   элемент контейнером для position:fixed потомков, а в шапке карточки живёт
   меню «Документы и выгрузки», которое на телефоне стоит fixed под верхней
   панелью (light-theme.css @760). На самой шапке оно уехало бы внутрь неё.
   z-index:3 — меню шапки должно ложиться ПОВЕРХ блока решения ниже. */
html .page-head.dash-head,html .page-head.tender-head{
  position:relative;z-index:3;isolation:isolate;
  background:transparent !important;
  border:1px solid var(--mx-glass-edge);border-radius:var(--mx-r-xl);
  box-shadow:var(--mx-hi),var(--mx-sh-2);padding:22px 26px}
html .page-head.dash-head::before,html .page-head.tender-head::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:var(--mx-glass);
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}
html .page-head.tender-head>div:first-child{min-width:0;flex:1 1 auto}
html .page-head .page-actions a,html .page-head .page-actions button{white-space:nowrap}
html .todaybar.todaybar .tb-num{background:rgba(255,255,255,.8);border:1px solid var(--mx-hair);border-radius:999px;box-shadow:var(--mx-sh-1)}
html .todaybar.todaybar .tb-num.is-on{background:var(--mx-v-100);border-color:var(--mx-v-300)}
html .todaybar.todaybar{background:var(--mx-glass);border-color:var(--mx-glass-edge);
  -webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);
  border-radius:var(--mx-r-lg);box-shadow:var(--mx-hi),var(--mx-sh-1)}

/* Колонка навигации — тяжёлый тёмный материал структурной области. */
html body.has-side .app-side{
  background:linear-gradient(180deg,rgba(64,36,138,.94) 0%,rgba(42,24,96,.95) 55%,rgba(26,15,62,.97) 100%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.08),12px 0 40px -24px rgba(30,16,80,.45)}
html .side-nav a{border-radius:12px;transition:background-color var(--mx-t-fast) ease,color var(--mx-t-fast) ease}
html .side-nav a.is-active{background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px -8px rgba(0,0,0,.45)}
html .side-nav a.is-active::before{background:linear-gradient(180deg,#E2D6FF,#A98CFF)}

/* Гостевая шапка — стекло, контент уезжает под неё. */
html .hdr{background:rgba(255,255,255,.6) !important;border-bottom:1px solid rgba(255,255,255,.7);
  -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}

/* ── 4. Кнопки и поля ─────────────────────────────────────────────────── */
html a.btn-pri,html button.btn-pri,html .btn{
  border-radius:12px !important;
  background:linear-gradient(135deg,#8466FF 0%,#6D4AFF 45%,#5632D6 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(46,26,120,.25),0 8px 20px -10px rgba(91,54,217,.65) !important}
html a.btn-sec,html button.btn-sec,html .btn-sec,html a.btn-sm,html button.btn-sm,html .btn-sm{border-radius:10px !important}
html .btn,html .btn-pri,html .btn-sec,html .btn-sm,html .btn-row,html .nav-cta,html .chip,html .tb-num,html .crm-addbtn{
  transition:transform var(--mx-t-press) var(--mx-ease-out),box-shadow var(--mx-t-fast) ease,
             background-color var(--mx-t-fast) ease,border-color var(--mx-t-fast) ease,color var(--mx-t-fast) ease}
/* Нажатие — на pointer-down и сразу (apple §1, emil): scale(.97). */
html .btn:active,html .btn-pri:active,html .btn-sec:active,html .btn-sm:active,html .btn-row:active,
html .nav-cta:active,html .tb-num:active,html .crm-addbtn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  html a.btn-pri:hover,html button.btn-pri:hover,html .btn:hover{transform:translateY(-1px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 4px rgba(46,26,120,.2),0 14px 28px -12px rgba(91,54,217,.75) !important}
  html a.btn-pri:active,html button.btn-pri:active,html .btn:active{transform:scale(.97)}
}
html input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html select,html textarea{border-radius:12px !important}
html input:focus,html select:focus,html textarea:focus{box-shadow:0 0 0 4px rgba(109,74,255,.16) !important}
html .chip,html .status-pill{border-radius:999px !important}

/* ── 5. Список заявок ─────────────────────────────────────────────────── */
html .qlist-cards{gap:10px}
html .qlist-cards .qrow:not(.qrow-add){
  background:var(--mx-surface);border:1px solid var(--mx-hair);border-radius:var(--mx-r-lg);
  padding:14px 18px;box-shadow:var(--mx-hi),var(--mx-sh-1);
  transition:transform var(--mx-t-base) var(--mx-ease-out),box-shadow var(--mx-t-base) var(--mx-ease-out),
             border-color var(--mx-t-fast) ease}
html .qlist-cards .qname{font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--mx-ink)}
html .qlist-cards .qsum{font-size:17px;font-weight:750;letter-spacing:-.02em;color:var(--mx-ink)}
html .qlist-cards .qrow:not(.qrow-add):active{transform:scale(.99)}
@media (hover:hover) and (pointer:fine){
  html .qlist-cards .qrow:not(.qrow-add):hover{transform:translateY(-2px);background:rgba(255,255,255,.94);
    border-color:var(--mx-hair-strong);box-shadow:var(--mx-hi),var(--mx-sh-3)}
}
html .qlist-cards .qrow-add{border-radius:var(--mx-r-lg);border-color:var(--mx-hair-strong);background:rgba(255,255,255,.35)}

/* ── 6. Карточка тендера: блок решения — герой ────────────────────────────
   Цвет ответа по-прежнему живёт на левом ребре (d-go/d-warn/d-no из
   light-theme.css — их не трогаем), фон — лиловый градиент (WebGL «hero»,
   статичный фолбэк ниже). Числа — главная информация экрана — набраны
   крупно, с отрицательным трекингом и табличными цифрами (apple §15). */
html .dblock{
  border-radius:var(--mx-r-xl) !important;
  background:linear-gradient(135deg,#EEE8FF 0%,#DDD1FF 38%,#D8E3FF 72%,#F3ECFF 100%) !important;
  border:1px solid rgba(255,255,255,.75) !important;border-left-width:5px !important;
  box-shadow:var(--mx-hi),var(--mx-sh-hero) !important;padding:24px 28px 26px}
html .dblock .muted,html .dblock .small.muted{color:#474F62 !important}
html .dblock .db-head{align-items:center;gap:12px 14px}
html .dblock .db-title{font-size:clamp(1.15rem,1rem + .5vw,1.45rem);letter-spacing:-.02em;font-weight:750}
html .dblock .db-score{font-size:20px;letter-spacing:-.02em;padding:3px 12px;border-radius:999px;
  background:rgba(255,255,255,.62);box-shadow:var(--mx-hi)}
html .dblock .db-nums{gap:12px;margin-top:18px;padding-top:0;border-top:0}
html .dblock .db-num{container-type:inline-size;gap:6px;padding:16px 18px 18px;border-radius:var(--mx-r-lg);
  /* .72, а не прозрачнее: цветной «Запас» (амбер/красный/зелёный из шаблона)
     на плитке .58 давал 3,7–4,0:1, на .72 — 4,0–4,3:1 (худший стоп hero
     #CDBDFF). Это крупный текст (≥24 px, 740), порог AA для него 3:1. */
  background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:var(--mx-hi),var(--mx-sh-1)}
html .dblock .db-cap{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4A4166 !important}
/* Размер — от ширины своей плитки (cqi), а не окна: «1 249 976 127 ₽» в
   трети строки не имеет права вылезти за край. Сначала — запасной размер
   для браузеров без контейнерных запросов. */
html .dblock .db-big{font-size:30px;font-size:min(52px,10.4cqi);line-height:1.04;font-weight:780;letter-spacing:-.035em}
html .dblock .db-mid{font-size:24px;font-size:min(44px,10.4cqi);line-height:1.06;font-weight:740;letter-spacing:-.03em}
html .dblock .db-shares{margin:14px 0 4px;padding:12px 14px;border-radius:var(--mx-r-md);
  background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.85);box-shadow:var(--mx-hi);
  transition:background-color var(--mx-t-fast) ease,box-shadow var(--mx-t-fast) ease}
html .dblock .db-shares:hover{background:rgba(255,255,255,.78)}
html .dblock .db-meter,html .dblock .db-meter>i:first-child{border-radius:999px}
html .dblock .db-meter{overflow:hidden}
html .dblock .nmc-alert,html .dblock .nmc-ask{border-radius:var(--mx-r-md) !important}
html .dblock .db-basis,html .dblock .db-reasons + *{border-top-color:rgba(76,56,160,.14)}
html .nmc-alert{border-radius:var(--mx-r-md) !important}

/* ── 7. Вход и регистрация ────────────────────────────────────────────── */
html .hero[data-shader-bg],html .auth[data-shader-bg]{
  border-radius:var(--mx-r-2xl);overflow:hidden;
  background:linear-gradient(135deg,#EFE9FF 0%,#DCD0FF 40%,#D5E1FF 75%,#E2F5F2 100%);
  box-shadow:var(--mx-hi),var(--mx-sh-3);border:1px solid rgba(255,255,255,.7)}
html .hero[data-shader-bg]{padding:52px 52px 48px;margin-top:28px;max-width:1120px}
@media(min-width:861px){html .hero[data-shader-bg]{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:44px}}
html .hero-h1{font-size:var(--mx-fs-display) !important;line-height:1.02;letter-spacing:var(--mx-track-display);font-weight:800}
html .hero-badge{border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.85);
  box-shadow:var(--mx-hi);color:var(--mx-v-700)}
html .hero-sub{font-size:17px;line-height:1.55;color:var(--mx-ink-2)}
html .hero-points .hp-ico{border-radius:12px;background:rgba(255,255,255,.66);box-shadow:var(--mx-hi),var(--mx-sh-1);color:var(--mx-v-600)}
/* Карточка формы — лёгкое стекло поверх градиента хиро. */
html .hero-form .form-card,html .auth[data-shader-bg] .card{
  background:rgba(255,255,255,.66) !important;
  -webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);
  border:1px solid rgba(255,255,255,.85) !important;border-radius:var(--mx-r-xl) !important;
  box-shadow:var(--mx-hi),var(--mx-sh-3) !important}
html .hero-form .form-card{padding:30px}
html .form-title{font-size:22px;letter-spacing:-.02em}
html .auth[data-shader-bg]{max-width:460px;padding:34px 30px 26px;margin:40px auto}
html .auth[data-shader-bg] h1{font-size:32px;letter-spacing:-.03em;line-height:1.1}
html .ptier{background:var(--mx-surface) !important;transition:transform var(--mx-t-base) var(--mx-ease-out),box-shadow var(--mx-t-base) var(--mx-ease-out)}
html .pprice{letter-spacing:-.03em}
@media (hover:hover) and (pointer:fine){
  html .ptier:hover{transform:translateY(-3px);box-shadow:var(--mx-hi),var(--mx-sh-3) !important}
}

/* ── 8. Появление ─────────────────────────────────────────────────────────
   Класс html.mx-anim ставит инлайн-скрипт в <head> base.html ДО первой
   отрисовки и только без reduced-motion — иначе блок мигнул бы видимым,
   потом пропал и выехал. fill-mode backwards, а НЕ both: после конца
   анимации стиль возвращается к обычному, и hover/press-transform строк
   продолжает работать (с both финальный кадр перекрыл бы их навсегда). */
@keyframes mx-rise{from{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:none}}
@keyframes mx-fade-down{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
html.mx-anim .main .page-head,
html.mx-anim .main .todaybar,
html.mx-anim .main .dblock,
html.mx-anim .main .card,
html.mx-anim .qlist-cards>.qrow,
html.mx-anim .hero-pitch,html.mx-anim .hero-form,html.mx-anim .auth[data-shader-bg]>*{
  animation:mx-rise var(--mx-t-base) var(--mx-ease-out) backwards !important;
  animation-delay:var(--mx-d,0ms) !important}
html.mx-anim .main .todaybar{--mx-d:40ms}
html.mx-anim .main .dblock{--mx-d:70ms}
html.mx-anim .main .card{--mx-d:120ms}
html.mx-anim .hero-form{--mx-d:80ms}
html.mx-anim .qlist-cards>.qrow:nth-child(1){--mx-d:60ms}
html.mx-anim .qlist-cards>.qrow:nth-child(2){--mx-d:95ms}
html.mx-anim .qlist-cards>.qrow:nth-child(3){--mx-d:130ms}
html.mx-anim .qlist-cards>.qrow:nth-child(4){--mx-d:165ms}
html.mx-anim .qlist-cards>.qrow:nth-child(5){--mx-d:200ms}
html.mx-anim .qlist-cards>.qrow:nth-child(6){--mx-d:235ms}
html.mx-anim .qlist-cards>.qrow:nth-child(n+7){--mx-d:270ms}
/* Раскрытие свёрток: содержимое проявляется сверху вниз, 200 мс. */
html.mx-anim details[open]>:not(summary){animation:mx-fade-down 200ms var(--mx-ease-out) backwards}
html .side-chev{transition:transform var(--mx-t-fast) var(--mx-ease-out)}

/* ── 9. Телефон ───────────────────────────────────────────────────────── */
@media(max-width:760px){
  html .mobile-topbar{background:rgba(255,255,255,.62) !important;border-bottom:1px solid rgba(255,255,255,.7) !important;
    -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}
  html .mobile-menu-btn,html .mobile-quick{border-radius:10px;background:rgba(255,255,255,.7);border-color:var(--mx-hair)}
  html body.has-side .app-side{transition:transform 280ms var(--mx-ease-drawer)}
  html .page-head.dash-head,html .page-head.tender-head{padding:18px 18px;border-radius:var(--mx-r-lg)}
  html .page-head h1{font-size:22px;line-height:1.18}
  html .dblock{padding:18px 16px 20px;border-radius:var(--mx-r-lg) !important}
  html .dblock .db-nums{gap:10px}
  html .dblock .db-num{padding:14px 16px}
  html .dblock .db-big{font-size:30px;font-size:min(40px,10.4cqi)}
  html .dblock .db-mid{font-size:26px;font-size:min(34px,10.4cqi)}
  html .hero[data-shader-bg]{padding:28px 20px 24px;margin-top:12px;border-radius:var(--mx-r-xl);gap:24px}
  html .hero-form .form-card{padding:22px}
  html .auth[data-shader-bg]{padding:26px 18px 20px;margin:20px auto;border-radius:var(--mx-r-xl)}
}

/* ── 10. Доступность ──────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  .mx-ambient::before,[data-shader-bg]>span.mx-fx-css::before{animation:none}
  html .btn:active,html .btn-pri:active,html .btn-sec:active,html .btn-sm:active,html .btn-row:active,
  html .nav-cta:active,html .tb-num:active,html .crm-addbtn:active,
  html .qlist-cards .qrow:not(.qrow-add):active{transform:none;opacity:.85}
  html .qlist-cards .qrow:not(.qrow-add):hover,html .ptier:hover,
  html a.btn-pri:hover,html button.btn-pri:hover,html .btn:hover{transform:none}
}
@media (prefers-reduced-transparency: reduce){
  html .page-head.dash-head::before,html .page-head.tender-head::before,html .todaybar.todaybar,html .hdr,
  html .hero-form .form-card,html .auth[data-shader-bg] .card,html .mobile-topbar{
    background:#fff !important;-webkit-backdrop-filter:none;backdrop-filter:none}
  html body.has-side .app-side{background:#2B1A63;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-contrast: more){
  html .card,html .qlist-cards .qrow,html .page-head.dash-head,html .page-head.tender-head{
    background:#fff !important;border-color:#5B6672 !important}
}