/*
 * imscco — Living 3D Glass: фінальний візуальний шар (лише оформлення; дані, маршрути й права не змінюються).
 * Біле багатошарове скло з м'якими відблисками, графітові кнопки, читабельний текст у всіх станах,
 * чітке розмежування новин, інформаційних повідомлень та інших блоків, делікатний фон.
 * Шар @layer ims-design підключається останнім (після ims-glass-refinement.css), тож перевизначає попередні правила.
 * Рух: лише за дозволу системи й налаштувань асистента (html.ims-reduce-motion вимикає анімації на всьому сайті).
 */
@layer ims-design{
 :root{
  --ims-graphite:#2e3133;--ims-graphite-strong:#1c1f21;--ims-graphite-soft:#4a4e51;
  --ims-graphite-line:rgba(46,49,51,.2);--ims-graphite-line-strong:rgba(46,49,51,.34);
  --ims-ui-ink:#2b2d2f;--ims-ui-body:#3f4244;--ims-ui-muted:#555a5d;
  --ims-lg-glass:rgba(255,255,255,.5);--ims-lg-glass-raised:rgba(255,255,255,.66);--ims-lg-glass-sunken:rgba(255,255,255,.3);
  --ims-lg-edge:rgba(255,255,255,.92);--ims-lg-edge-low:rgba(46,49,51,.07);
  --ims-lg-sheen:linear-gradient(160deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.12) 38%,rgba(255,255,255,0) 60%,rgba(255,255,255,.18) 100%);
  --ims-lg-light:radial-gradient(520px circle at var(--ims-lx,28%) var(--ims-ly,-12%),rgba(255,255,255,.55),rgba(255,255,255,0) 48%);
  --ims-lg-shadow:0 0 0 1px rgba(46,49,51,.05),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(46,49,51,.04),0 1px 2px rgba(28,31,33,.04),0 10px 26px -14px rgba(28,31,33,.16),0 30px 60px -38px rgba(28,31,33,.24);
  --ims-lg-shadow-raised:0 0 0 1px rgba(46,49,51,.06),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(46,49,51,.05),0 2px 4px rgba(28,31,33,.05),0 16px 34px -16px rgba(28,31,33,.22),0 42px 70px -42px rgba(28,31,33,.3);
  --ims-lg-ease:cubic-bezier(.22,.8,.24,1);
  --ims-info:#2c597c;--ims-info-tint:rgba(44,89,124,.07);--ims-news:#793047;--ims-ok:#2d6147;
  --ims-ui-focus-ring:0 0 0 3px rgba(46,49,51,.18)
 }

 /* 1. Фон: світла біла штукатурка без кольору й без переходів яскравості (верх = низ), безшовна плитка
       у природному розмірі — не розтягується на великих екранах. Кольоровий напис imscco на фоні прибрано. */
 html body:is(.ims-glass,.ims-crm,.imsc-page,.login){background:#f6f6f7!important}
 html body:is(.ims-glass,.ims-crm,.imsc-page,.login)::before{content:none!important;display:none!important}
 html body:is(.ims-glass,.ims-crm,.imsc-page) :is(#page,.site,.site-content,#content){background:transparent!important}

 /* 1b. Глибина під склом — світлом, без ліній і темних плям: трохи холодніша перламутрова основа й чисті білі світлові плями
        на нерухомому шарі за вмістом. Під картками світло м'яко розмивається (backdrop-filter) — видно, що це скло;
        плями розкладені рівномірно, тож низ не темніший за верх. Шар не перехоплює кліків і не друкується. */
 html body:is(.ims-glass,.ims-crm,.imsc-page,.login)::after{
  content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
  opacity:1!important;mix-blend-mode:normal!important;filter:none!important; /* замість старого зернистого накладення (ims-glass.css, opacity .035) */
  background:
   radial-gradient(circle 440px at 18% 22%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%),radial-gradient(circle 400px at 82% 74%,rgba(255,255,255,.85),rgba(255,255,255,0) 70%),
   radial-gradient(circle 320px at 74% 14%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%),radial-gradient(circle 340px at 26% 86%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%),
   radial-gradient(circle 380px at 90% 30%,rgba(222,232,246,.55),rgba(222,232,246,0) 70%),radial-gradient(circle 360px at 10% 70%,rgba(234,229,244,.5),rgba(234,229,244,0) 70%),
   linear-gradient(rgba(228,232,238,.5),rgba(228,232,238,.5))!important
 }
 @media print{html body:is(.ims-glass,.ims-crm,.imsc-page,.login)::after{display:none!important}}

 /* 2. Біле скло з глибиною та відблиском, що м'яко стежить за курсором (змінні --ims-lx/--ims-ly задає ims-living-glass.js). */
 body :is(.ims-header-card,.ims-crm-top,.ims-hm-panel,.ims-hm-card,.ims-cab-card,.ims-account-card,.ims-consult-card,.ims-news-list-card,.ims-news-sidebar-card,
 .imsnr-card,.imsnr-side-card,.ims-contact-main,.ims-contact-sidebar,.ims-legal-card,.ims-cm-card,.ims-cm-post,.imss-plan,.imss-card:not(.imss-main),.imss-current,.imss-pricing-intro,
 .imsc-card,.imsc-file-area,.imsc-side-card,.imsc-sidebar,.ir-card,.ir-side,.ir-dashboard-stats,.fx-block,.fx-panel,.fx-section,.fx-kpi,.fx-summary-hero,.fx-summary-contracts,.fx-summary-ledger,
 .ir-catalogue-card,.ir-reader-card,.ims-crm-card,.ims-crm-tile,.ims-crm-stat,.ims-home-card,.ims-home-side-card,.ims-crm-band:not(.is-mosaic),.ims-crm-column){
  background:var(--ims-lg-light),var(--ims-lg-sheen),var(--ims-lg-glass)!important;
  border:1px solid var(--ims-lg-edge)!important;border-bottom-color:var(--ims-lg-edge-low)!important;
  box-shadow:var(--ims-lg-shadow)!important;
  -webkit-backdrop-filter:blur(20px) saturate(165%)!important;backdrop-filter:blur(20px) saturate(165%)!important
 }
 /* Вкладені картки — на рівень «вище» за свою панель, щоб блоки чітко розмежовувалися. */

 /* Природна реакція на наведення: легкий підйом невеликих карток (великі панелі не рухаються — без зайвих перемальовувань). */
 body :is(.ims-crm-card,.ims-crm-stat,.ims-crm-tile,.fx-kpi,.imsc-card,.ir-item,.ims-home-news-link,.ims-home-side-link,.ims-hub-project,.imss-plan,.ims-ai-tool,.ims-cm-post){transition:transform .45s var(--ims-lg-ease),box-shadow .45s var(--ims-lg-ease),background-color .3s ease,border-color .3s ease}
 @media (hover:hover) and (pointer:fine){
  body :is(.ims-crm-card,.ims-crm-stat,.ims-crm-tile,.fx-kpi,.imsc-card,.ims-home-news-link,.ims-home-side-link,.imss-plan,.ims-ai-tool):hover{transform:translate3d(0,-2px,0);box-shadow:var(--ims-lg-shadow-raised)!important}
 }

 /* 3. Текст завжди видно: жодного білого тексту на світлому склі (зокрема колишні графітові картки й кнопки). */
 body .ims-crm-card.is-featured progress{accent-color:var(--ims-graphite)}
 body .ims-pp-icon em,body .imss-plan em{color:var(--ims-graphite)!important}
 body :is(.bg-gray-900,.bg-gray-800,.bg-black)[class*=text-white]{background:var(--ims-lg-sheen),rgba(255,255,255,.88)!important;color:var(--ims-graphite)!important;border:1px solid var(--ims-graphite-line)!important}

 /* 4. Кнопки й текст у кнопках — графітові (без бордового), на білому склі без темних заливок. */
 body :is(button,[role=button],input[type=submit],input[type=button],.button,a[class*=btn],a[class*=button],.fx-btn,.ir-button,.imsc-primary,.imsc-secondary,.imss-button,.ims-crm-btn,.ims-account-submit,.ims-account-primary-btn,.ims-submit-btn,.ims-cm-btn,.ims-cm-follow,.fx-icon-btn,.ir-tool,.imsc-icon,.ims-crm-expand,.ir-crm-expand,.ims-ai-ask,.ims-ai-tool,.ims-ai-calc-open,.ims-companion-assistant-actions,.ims-hub-icon-button,.ims-home-text-link,.ims-hub-workspace-all,.imshp-plan,.imshp-account,.ims-lang-current,.ims-companion-name){
  color:var(--ims-graphite)!important;-webkit-text-fill-color:currentColor!important
 }
 body :is(.fx-btn,.ir-button,.imsc-primary,.imsc-secondary,.imss-button,.ims-crm-btn,.ims-account-submit,.ims-account-primary-btn,.ims-submit-btn,.ims-cm-btn,.ims-cm-follow,.fx-icon-btn,.ir-tool,.imsc-icon,.ims-crm-expand,.ir-crm-expand,.ims-ai-ask,.ims-ai-calc-open,.imss-primary,.ims-crm-new,.fx-btn.is-primary,.imsc-upload,.ims-cab-btn){
  background:var(--ims-lg-sheen),rgba(255,255,255,.62)!important;border:1px solid var(--ims-graphite-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(28,31,33,.06)!important;
  transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s var(--ims-lg-ease)
 }
 body :is(button,[role=button],input[type=submit],input[type=button],.button,a[class*=btn],a[class*=button],.fx-btn,.ir-button,.imsc-primary,.imsc-secondary,.imss-button,.ims-crm-btn,.ims-account-submit,.ims-account-primary-btn,.ims-submit-btn,.ims-cm-btn,.ims-cm-follow,.fx-icon-btn,.ir-tool,.imsc-icon,.ims-ai-ask,.ims-ai-tool,.ims-ai-calc-open,.ims-hub-icon-button,.ims-home-text-link,.ims-hub-workspace-all,.imshp-plan,.imshp-account):is(:hover,:focus-visible,:active){
  color:var(--ims-graphite-strong)!important;-webkit-text-fill-color:currentColor!important
 }
 body :is(.fx-btn,.ir-button,.imsc-primary,.imsc-secondary,.imss-button,.ims-crm-btn,.ims-account-submit,.ims-account-primary-btn,.ims-submit-btn,.ims-cm-btn,.ims-cm-follow,.fx-icon-btn,.ir-tool,.imsc-icon,.ims-ai-ask,.ims-ai-calc-open,.imss-primary,.ims-crm-new):is(:hover,:focus-visible){background:var(--ims-lg-sheen),rgba(255,255,255,.88)!important;border-color:var(--ims-graphite-line-strong)!important}
 body :is(.fx-btn,.ir-button,.imsc-primary,.imsc-secondary,.imss-button,.ims-crm-btn,.ims-account-submit,.ims-account-primary-btn,.ims-submit-btn,.ims-cm-btn,.fx-icon-btn,.ir-tool,.imsc-icon,.ims-ai-ask,.imss-primary,.ims-crm-new):active{transform:translateY(1px);box-shadow:inset 0 1px 3px rgba(28,31,33,.12)!important}
 body :is(button,a,.fx-btn,.ir-button,.imsc-primary,.imsc-secondary,.imss-button,.ims-crm-btn,.ims-cm-btn,.ims-ai-ask) :is(span,strong,small,b,svg,i){color:inherit!important;-webkit-text-fill-color:currentColor!important}
 /* Активні вкладки, перемикачі й пункти меню — графітові з графітовою позначкою. */
 body :is(.ims-crm-link,.ir-rail-link,.imshp-nav a,.ims-lang-menu a,.fx-menu button,.ims-ctx button):is(:hover,:focus-visible){color:var(--ims-graphite-strong)!important}
 /* Перемикачі: біле скло з графітовим контуром; увімкнений стан — графітова кнопка праворуч і щільніший контур. */
 body .ims-sec-switch input:focus-visible+span{box-shadow:inset 0 0 0 1.5px var(--ims-graphite),0 0 0 3px rgba(46,49,51,.18)!important}
 /* Astra за замовчуванням, при :hover і :focus фарбує кнопки в темний --ast-global-color-0/1; для самих кнопок ці змінні — біле скло. */
 body :is(button,.menu-toggle,.ast-button,.ast-custom-button,.button,input[type=button],input[type=reset],input[type=submit]){--ast-global-color-0:rgba(255,255,255,.62);--ast-global-color-1:rgba(255,255,255,.9)}
 /* Фокус — графітове кільце, добре видиме на склі. */
 body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ims-graphite)!important;outline-offset:3px!important}

 /* 5. Розмежування блоків: новини (бордова позначка), інформаційні повідомлення (синя смуга й світлий синій тон), інші блоки — нейтральне скло. */
 body :is(.ims-home-news,.imsnr-card,.ims-news-list-card) .ims-hub-eyebrow::before,body .ims-home-news .ims-home-section-head .ims-hub-eyebrow::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--ims-news);vertical-align:1px}
 body .ims-home-news-link{border-left:3px solid transparent!important}
 body .ims-home-news-link:is(:hover,:focus-visible){border-left-color:var(--ims-news)!important;background:rgba(255,255,255,.62)!important}
 body .ims-home-news-link:is(:hover,:focus-visible) h2{color:var(--ims-ui-ink)!important}
 body .ims-home-news-open,body .ims-home-news-link time{color:var(--ims-graphite-soft)!important}
 body :is(.ims-account-message,.ima-banner,.ims-crm-band-note,.ir-preview-notice,.imss-note,.imsc-quota-note,.ims-home-notice,.fx-alerts,.ims-cab-hint){
  position:relative;background:linear-gradient(90deg,var(--ims-info-tint),rgba(255,255,255,.55) 42%),rgba(255,255,255,.5)!important;
  border:1px solid rgba(44,89,124,.16)!important;border-left:3px solid var(--ims-info)!important;border-radius:14px!important;color:var(--ims-ui-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px -12px rgba(44,89,124,.35)!important
 }
 body :is(.ims-account-message,.ima-banner,.ims-crm-band-note,.ir-preview-notice,.imss-note,.imsc-quota-note,.ims-home-notice) :is(p,span,strong,small,a){color:inherit}
 body :is(.ims-crm-band-note,.imss-note,.imsc-quota-note){padding:8px 12px 8px 14px!important}
 body .ims-account-message.is-error,body .ima-banner.is-error{border-left-color:#963346!important;background:linear-gradient(90deg,rgba(150,51,70,.07),rgba(255,255,255,.55) 42%),rgba(255,255,255,.5)!important;border-color:rgba(150,51,70,.18)!important}
 body .ims-account-message.is-success{border-left-color:var(--ims-ok)!important;background:linear-gradient(90deg,rgba(45,97,71,.07),rgba(255,255,255,.55) 42%),rgba(255,255,255,.5)!important;border-color:rgba(45,97,71,.18)!important}

 /* 6. Посилання-кнопки в шапці, підвалі й на головній — графітові. */
 body :is(.ims-home-text-link,.ims-hub-workspace>header a,.ims-hub-workspace-all,.imshp-shell a.imshp-plan){color:var(--ims-graphite)!important}
 body :is(.ims-home-text-link,.ims-hub-workspace>header a,.ims-hub-workspace-all):hover{color:var(--ims-graphite-strong)!important;text-decoration:underline!important;text-underline-offset:4px}

 /* 7. Плавні переходи між сторінками (браузери з View Transitions); без руху за налаштуваннями доступності. */
 @view-transition{navigation:auto}
 ::view-transition-old(root),::view-transition-new(root){animation-duration:.24s;animation-timing-function:var(--ims-lg-ease)}
}

/* Доступність: системне зменшення руху та перемикач «Зменшити анімації» в налаштуваннях асистента. */
@media (prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 body *,body *::before,body *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
html.ims-reduce-motion body *,html.ims-reduce-motion body *::before,html.ims-reduce-motion body *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html.ims-reduce-motion{view-transition-name:none}
@media print{html body:is(.ims-glass,.ims-crm,.imsc-page,.login){background:#fff!important}body :is(.ims-crm-card,.fx-block,.ir-card,.ims-home-card){background:#fff!important;box-shadow:none!important;backdrop-filter:none!important}}
/* Без підтримки backdrop-filter — щільніше біле скло, текст однаково читабельний. */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 @layer ims-design{body :is(.ims-crm-card,.fx-block,.fx-panel,.ir-card,.ir-side,.imsc-card,.ims-home-card,.ims-home-side-card,.ims-ai,.ims-crm-band){background:rgba(255,255,255,.92)!important}}
}

/* 8. Єдиний 3D-асистент у правому нижньому куті: компактний над кнопками, тихий під час роботи, згортається. */
@layer ims-design{
 .ims-companion-dock{gap:6px!important}
 .ims-companion-name{color:var(--ims-graphite)!important;font-weight:650!important;letter-spacing:.01em}
 .ims-hub-icon-button:is(:hover,:focus-visible){background:var(--ims-lg-sheen),rgba(255,255,255,.96)!important;border-color:var(--ims-graphite-line-strong)!important}
 .ims-companion-badge{position:absolute;right:4px;bottom:80px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;box-sizing:border-box;font:700 10px/1 var(--ims-ui-font,Manrope,sans-serif);color:var(--ims-graphite-strong);background:#fff;border:1px solid rgba(119,82,31,.35);box-shadow:0 0 0 3px rgba(255,214,140,.35),0 4px 10px -6px rgba(28,31,33,.4)}
 .ims-companions.is-compact .ims-companion-name{font-size:0!important;min-height:10px!important;height:10px;overflow:hidden}
 .ims-companions.is-compact .ims-companion-badge{bottom:58px}
 html.ims-work-focus .ims-companion-stage canvas,html.ims-work-focus .ims-companion-dock{opacity:.5;transition:opacity .4s ease}
 /* Поруч із кнопками й текстом фігура менша й напівпрозора: вміст під нею видно (кліки й так проходять крізь полотно). */
 html.ims-companion-compact .ims-companion-stage canvas{opacity:.62}
 .ims-companion-stage canvas,.ims-companion-dock{transition:opacity .4s ease}
 .ims-companion-stage canvas{background:radial-gradient(44% 6% at 50% 91%,rgba(28,31,33,.3),rgba(28,31,33,0)),radial-gradient(closest-side at 50% 52%,rgba(46,49,51,.13),rgba(46,49,51,.05) 62%,rgba(46,49,51,0))!important;filter:drop-shadow(0 6px 10px rgba(28,31,33,.22))}
 .ims-companions:not(.is-compact) .ims-companion-name{padding:0 10px!important;border:1px solid var(--ims-graphite-line)!important;border-radius:999px!important;background:var(--ims-lg-sheen),rgba(255,255,255,.9)!important;box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(28,31,33,.4)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
 /* Без 3D (згорнуто або недоступно) — компактна скляна кнопка асистента в тому самому куті, також на робочих сторінках. */
 html body:not(.ims-3d-ready) .ims-ai-launcher.ims-ai-launcher:not([hidden]){display:inline-flex!important}
 html body .ims-ai-launcher.ims-ai-launcher{background:var(--ims-lg-sheen),rgba(255,255,255,.82)!important;color:var(--ims-graphite)!important;border:1px solid var(--ims-graphite-line)!important;box-shadow:inset 0 1px 0 #fff,0 10px 28px -14px rgba(28,31,33,.45)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}
 html body .ims-ai-launcher.ims-ai-launcher:hover{background:var(--ims-lg-sheen),#fff!important;color:var(--ims-graphite-strong)!important}
 /* Панель асистента: біле скло, графітові дії, примітка про конфіденційність. */
 body .ims-ai .ims-ai-tool:hover{color:var(--ims-graphite-strong)!important;background:rgba(255,255,255,.8)!important}
 body .ims-ai .ims-ai-row:is(:hover,.is-active,:focus-visible){background:rgba(255,255,255,.75)!important;color:var(--ims-graphite-strong)!important}
 body .ims-ai .ims-ai-row mark{background:rgba(255,214,140,.55);color:inherit}
 body .ims-ai-privacy{margin:8px 2px 0;font-size:11.5px;line-height:1.55;color:var(--ims-ui-muted)}
 /* Вміст робочих сторінок прокручується над асистентом — кнопки внизу не перекриваються. */
 body.ims-assistant-present :is(#ims-cloud-workspace,#ims-finance-app,#ims-resource-app,#ims-account-workspace,#ims-contact-page,#ims-news-redesign,.ims-crm-main){padding-bottom:max(150px,calc(var(--ims-dock-bottom,12px) + 138px))!important}
}
@media (max-width:767px){@layer ims-design{.ims-companion-badge{bottom:62px;right:0}}}
/* Полотно 3D лише під фігурою (розмір і місце задає сцена) — не на весь екран: менше навантаження на відеокарту й процесор. */

/* 9. Акцент інтерфейсу — графітовий: кнопки, активні вкладки, пункти меню й позначки (бордовий лишається лише в логотипі
      та позначці «Новини»). Модульні змінні перевизначено там, де їх задають самі модулі. */
@layer ims-design{
 :root,html:is(:root,#ims-lg#ims-lg) body,html:is(:root,#ims-lg#ims-lg) body :is(#ims-finance-app,#ims-cloud-workspace,#ims-account-workspace,#ims-account-team,#ims-subscription-app,#ims-resource-app,#ims-contact-page,#ims-news-redesign,#ims-crm-side,.ims-crm,.imsc-shell,.ims-ai,.imsc-pick,.ims-pricing-page,#ims-community,.ims-cm){
  --ims-ui-accent:var(--ims-graphite);--ims-ui-accent-hover:var(--ims-graphite-strong);--g-accent-text:var(--ims-graphite);
  --g-wine:var(--ims-graphite);--crm-wine:var(--ims-graphite);--crm-wine-2:var(--ims-graphite-strong);--hm-wine:var(--ims-graphite);
  --imsc-red:var(--ims-graphite);--ir-red:var(--ims-graphite);--ia-red:var(--ims-graphite);--is-red:var(--ims-graphite);--ims-accent:var(--ims-graphite);
  --ims-ui-primary:var(--ims-graphite);--ims-ui-primary-hover:var(--ims-graphite-strong);--r-primary:var(--ims-graphite)
 }
 /* Страховка для правил модулів з ідентифікаторами: кнопки й активні елементи — графітові, без бордових контурів і заливок. */
 html:is(:root,#ims-lg#ims-lg) body :is(button,[role=button],[role=tab],summary,input[type=submit],a.ims-crm-link,a.ims-crm-btn,a.ims-pp-btn,a.imshp-plan,a.imshp-account,a.ir-read,a[class*=btn],a[class*=button],.ims-lang a,.ims-lang-menu a){color:var(--ims-graphite)!important;-webkit-text-fill-color:currentColor!important}
 html:is(:root,#ims-lg#ims-lg) body :is(button,[role=button],[role=tab],summary,input[type=submit],a.ims-crm-link,a.ims-crm-btn,a.ims-pp-btn,a.imshp-plan,a.imshp-account,a.ir-read,a[class*=btn],a[class*=button]):is(:hover,:focus-visible,:active,[aria-pressed=true],[aria-selected=true],[aria-current=page],.is-active){color:var(--ims-graphite-strong)!important}
 html:is(:root,#ims-lg#ims-lg) body :is(.ims-crm-btn.is-dark,.ims-pp-btn.is-dark,.imss-primary,.fx-btn.is-primary,.imsc-primary,.ims-cm-btn.is-primary,.ims-submit-btn,.ims-account-primary-btn,:is(button,a,input,summary).is-danger){background:var(--ims-lg-sheen),rgba(255,255,255,.78)!important;border:1px solid var(--ims-graphite-line-strong)!important;color:var(--ims-graphite)!important}
 html:is(:root,#ims-lg#ims-lg) body :is(.ims-crm-btn.is-dark,.ims-pp-btn.is-dark,.imss-primary,.fx-btn.is-primary,.imsc-primary,.ims-cm-btn.is-primary,.ims-submit-btn,.ims-account-primary-btn,:is(button,a,input,summary).is-danger):is(:hover,:focus-visible){background:var(--ims-lg-sheen),#fff!important;border-color:rgba(46,49,51,.45)!important;color:var(--ims-graphite-strong)!important}
 html:is(:root,#ims-lg#ims-lg) body .ims-news-subscribe-form button{background:var(--ims-lg-sheen),rgba(255,255,255,.8)!important;color:var(--ims-graphite)!important;border:1px solid var(--ims-graphite-line-strong)!important}
 html:is(:root,#ims-lg#ims-lg) body :is(button,a,summary) :is(span,strong,small,b,i,em,svg){color:inherit!important;-webkit-text-fill-color:currentColor!important}
 html:is(:root,#ims-lg#ims-lg) body .imshp-plan :is(svg,i,span[aria-hidden]){color:var(--ims-graphite)!important;fill:none}
}

/* 10. Залишки сірих і графітових заливок (кнопки, чипи, значки, позначки) → біле скло з графітовим текстом і контуром. */
@layer ims-design{
 html:is(:root,#ims-lg#ims-lg) body :is(.imsnr-subscribe-form button,.ims-news-subscribe-form button,.ims-notify-chip[aria-pressed=true],.ims-notify-chip.is-active,.contact-icon,.ims-plan-icon,#ims-contact-page .bg-ims-mint,#ims-contact-page .bg-ims-maroon,th.is-pro em,.ims-pp-plan em,.imss-plan em,td.is-today>a,.imsnr-calendar .is-today>a){
  background:var(--ims-lg-sheen),rgba(255,255,255,.82)!important;color:var(--ims-graphite)!important;-webkit-text-fill-color:currentColor!important;border:1px solid var(--ims-graphite-line-strong)!important;box-shadow:inset 0 1px 0 #fff,0 2px 6px -4px rgba(28,31,33,.3)!important
 }
 html:is(:root,#ims-lg#ims-lg) body :is(.imsnr-subscribe-form button,.ims-news-subscribe-form button,#ims-contact-page .bg-ims-mint):is(:hover,:focus-visible){background:var(--ims-lg-sheen),#fff!important;color:var(--ims-graphite-strong)!important}
}

/* 11. «Аудит» у просторі без аудитів: зрозумілі кроки процесу. */
@layer ims-design{
 .ima-empty-org p{color:var(--ims-ui-body);line-height:1.7;max-width:820px}
 .ima-empty-steps{list-style:none;counter-reset:ima-step;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0!important;padding:0!important}
 .ima-empty-steps li{counter-increment:ima-step;position:relative;display:grid;gap:6px;padding:16px 16px 16px 52px;border-radius:16px;background:var(--ims-lg-sheen),rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 8px 20px -16px rgba(28,31,33,.3)}
 .ima-empty-steps li::before{content:counter(ima-step);position:absolute;left:16px;top:16px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;border:1px solid var(--ims-graphite-line-strong);color:var(--ims-graphite);font-weight:700;font-size:12px;background:#fff}
 .ima-empty-steps strong{font-size:13.5px;color:var(--ims-ui-ink)}.ima-empty-steps span{font-size:12.5px;line-height:1.65;color:var(--ims-ui-body)}
}

/* 12. Розділ «Аудит» (кабінет аудитора й вкладка організації): головні кнопки, позначки, плитки й сповіщення —
       біле скло з графітовим текстом, без темних заливок і невидимого тексту. */
@layer ims-design{
 html:is(:root,#ims-lg#ims-lg) body :is(.ima-btn.is-primary,.ima-chip.is-dark,.ima-tile.is-dark,.ima-toast){
  background:var(--ims-lg-sheen),rgba(255,255,255,.84)!important;color:var(--ims-graphite)!important;-webkit-text-fill-color:currentColor!important;
  border:1px solid var(--ims-graphite-line-strong)!important;box-shadow:inset 0 1px 0 #fff,0 10px 26px -18px rgba(28,31,33,.45)!important
 }
 html:is(:root,#ims-lg#ims-lg) body .ima-btn.is-primary{font-weight:650!important}
 html:is(:root,#ims-lg#ims-lg) body :is(.ima-btn.is-primary,.ima-tile.is-dark):is(:hover,:focus-visible){background:var(--ims-lg-sheen),#fff!important;color:var(--ims-graphite-strong)!important;border-color:rgba(46,49,51,.45)!important}
 html:is(:root,#ims-lg#ims-lg) body .ima-tile.is-dark :is(b,strong,span,small,em){color:var(--ims-ui-ink)!important}
 html:is(:root,#ims-lg#ims-lg) body .ima-tile.is-dark>span:last-child{color:var(--ims-ui-muted)!important}
 html:is(:root,#ims-lg#ims-lg) body .ima-tile.is-dark .ima-tile-ico{background:rgba(255,255,255,.8)!important;color:var(--ims-graphite)!important;border:1px solid var(--ims-graphite-line)!important}
 html:is(:root,#ims-lg#ims-lg) body .ima-tile.is-dark::after{background:repeating-radial-gradient(circle at center,transparent 0 15px,rgba(46,49,51,.05) 15px 16px)!important}
 html:is(:root,#ims-lg#ims-lg) body .ima-chip.is-dark i{background:var(--ims-graphite)!important}
 html:is(:root,#ims-lg#ims-lg) body .ima-toast *{color:inherit!important}
 /* Кроки на сторінці без аудитів: номер окремо від тексту. */
 html:is(:root,#ims-lg#ims-lg) body .ima-empty-steps>li{position:relative!important;padding:16px 16px 16px 54px!important;margin:0!important;list-style:none!important}
}

/* 13. Лічильники й позначки на кнопках і пунктах меню (дзвіночок, «Аудит», «Спільнота», фільтри): число завжди видно —
       біла позначка з графітовим числом; термінове — з бурштиновим контуром. */
@layer ims-design{
 html:is(:root,#ims-lg#ims-lg) body :is(.ims-bell-count,.ims-crm-badge,.ims-cm-count-badge,.fx-count,.imss-badge,[data-cm-unread],[data-org-audit-badge],.ims-notify-badge){
  background:#fff!important;color:var(--ims-graphite-strong)!important;-webkit-text-fill-color:currentColor!important;
  border:1px solid var(--ims-graphite-line-strong)!important;font-weight:700!important;box-shadow:0 1px 3px rgba(28,31,33,.12)!important
 }
 html:is(:root,#ims-lg#ims-lg) body :is(.ims-bell-count,.ims-crm-badge,[data-org-audit-badge]).is-alert{border-color:rgba(119,82,31,.55)!important;box-shadow:0 0 0 2px rgba(255,214,140,.45)!important}
}

/* 14. Блоки: без «блоку в блоці», однакові радіуси кутів, однакові плитки огляду. Обгортки сіток прозорі — картки лежать
       прямо на фоні; вкладені частини карток пласкі (без власної тіні й скла). */
@layer ims-design{
 html:is(:root,#ims-lg#ims-lg) body :is(.ims-crm-band.is-mosaic,.ims-crm-board,#ims-subscription-app.imss-pricing-page,.imss-pricing-page .imss-main.imss-card,.ims-notify-page){
  background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important
 }
 /* Бічна панель «Сховища» — лише колонка карток (Папки, Сховище, Дії), без власного скла. */
 /* «Договорів виконано» — частина картки бюджету, відділена лінією. */
 html:is(:root,#ims-lg#ims-lg) body .ims-crm-ring-tile{background:transparent!important;border:0!important;border-left:1px solid var(--ims-graphite-line)!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 html:is(:root,#ims-lg#ims-lg) body :is(.ims-plan-ladder li,.ims-home-notices .ims-home-notice,#ims-contact-page .ims-main-header,#ims-contact-page .tab-panel){box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 html:is(:root,#ims-lg#ims-lg) body #ims-contact-page .tab-panel{background:transparent!important;border-color:transparent!important}
 /* Сортування дошки: лише саме поле вибору, без світлої підкладки навколо («блок у блоці»). */
 /* Новини на головній — рядки картки «Новини», не окремі блоки; скляне підсвічування лише при наведенні. */
 html:is(:root,#ims-lg#ims-lg) body .ims-home-news-link:not(:hover):not(:focus-visible){background:transparent!important;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important}
 /* Однакові радіуси: плитки огляду — 22 px на всіх кутах; плитки «Сховища» й «Ресурсу» — як сусідні, 18 px. */
 html:is(:root,#ims-lg#ims-lg) body :is(.ims-crm-tile,.ims-crm-band.is-mosaic .ims-crm-stat,.ims-crm-band-fin,#ims-finance-app .fx-head.ims-workspace-heading){border-radius:22px!important}
 /* Плитки праворуч в огляді — однакові: скло, видима рамка значка й стрілки, графітовий текст. */
 html:is(:root,#ims-lg#ims-lg) body .ims-crm-band.is-mosaic .ims-crm-stat>b{color:var(--ims-graphite-strong)!important}
 html:is(:root,#ims-lg#ims-lg) body .ims-crm-band.is-mosaic a.ims-crm-stat:hover .ims-crm-stat-go{background:#fff!important;border-color:var(--ims-graphite-line-strong)!important;color:var(--ims-graphite-strong)!important}
 /* Час і службові підписи сповіщень — приглушений графіт, достатньо контрастний на склі. */
 html:is(:root,#ims-lg#ims-lg) body .ims-notify-page :is(time,.ims-nt-meta){color:var(--ims-ui-muted)!important}
 /* Без декоративних кіл і точок у плитках огляду — плитки однакові й чисті. */
 html:is(:root,#ims-lg#ims-lg) body .ims-crm-stat.is-orbit::after,html:is(:root,#ims-lg#ims-lg) body .ims-crm-stat.is-grid::after,html:is(:root,#ims-lg#ims-lg) body .ims-crm-band-fin::before{display:none!important}
}

/* One motion layer keeps interactive controls stationary across the older visual skins. */
html { scrollbar-gutter: stable; }
@layer ims-motion {
 body :is(.fx-btn,.fx-icon-btn,.fx-chip-btn,.fx-tabs button,.imt-btn,.imt-icon-btn,.imt-tabs button,
 .imsc-row-actions>button,.imsc-primary,.imsc-secondary,.imsc-back-button,.imsc-toolbar button,.imsc-tabs button,.imsc-pick-btn,
 .ir-button,.ir-tool,.ir-save,.ir-reader-tabs button,.ir-side-tabs button,.ir-rail-nav a,
 .ims-account-tab,.ims-crm-link,.ims-crm-project,.ims-crm-object,.ims-account-primary-btn,.ims-account-secondary-btn,.ims-account-submit,
 .imss-primary,.imss-secondary,.imss-button,.ims-cm-btn,.ims-cm-tabs a,.ima-btn,.ims-theme-btn,.ims-ai-tools button,.ims-calc button,
 .ims-submit-btn,.ims-modal-primary,.ims-modal-secondary,.tab-btn,.contact-card,.ims-id__cta,.ims-404-btn,
 .ims-pulse-tile,.ims-crm-card,.imsc-grid article,.imss-plan) {
  transform: none !important;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .18s ease, opacity .16s ease !important;
 }
 body .fx-tabs button { view-transition-name: none !important; }
 .ims-panel-enter { animation: ims-panel-enter .18s ease-out both !important; }
 ::view-transition-group(root) { animation: none !important; }
 ::view-transition-old(root) { animation: ims-page-out .16s ease-out both !important; mix-blend-mode: normal; }
 ::view-transition-new(root) { animation: ims-page-in .18s ease-out both !important; mix-blend-mode: normal; }
 @keyframes ims-page-out { to { opacity: 0; } }
 @keyframes ims-page-in { from { opacity: .82; } to { opacity: 1; } }
 @media (prefers-reduced-motion: reduce) {
  body *, body *::before, body *::after { transition: none !important; animation: none !important; }
 }
 html.ims-reduce-motion body *,html.ims-reduce-motion body *::before,html.ims-reduce-motion body *::after {
  transition: none !important; animation: none !important;
 }
}