/* Approved sRGB colour only: R'=R; G'=G^1.10; B'=.44R+.56B; alpha unchanged. */
:is(
  .tok-footer-v1 .tok-footer-cta[aria-label="Обсудить ваш проект"],
  .tok-menu-cta-slot .tok-footer-cta[aria-label="Свяжитесь с нами"],
  .tok-form-cta-slot .tok-footer-cta.tok-form-submit
) .tok-cta-rayglass {
  filter: url(#tok-cta-rose-v1) drop-shadow(0 3px 5px rgba(105,0,58,.2));
}

/* Apply the same colour to fallback glass faces while the atlas loads. */
:is(
  .tok-footer-v1 .tok-footer-cta[aria-label="Обсудить ваш проект"],
  .tok-menu-cta-slot .tok-footer-cta[aria-label="Свяжитесь с нами"],
  .tok-form-cta-slot .tok-footer-cta.tok-form-submit
):not([data-glass-renderer="dielectric-raytrace"]) :is(.tok-cta-face,.tok-cta-edge) {
  filter: url(#tok-cta-rose-v1);
}

/* The same approved glass at rest for compact primary actions. Keep existing
   layout, text, disabled states and handlers; colour only the material layer. */
:is(button,a):is(.primary,.editor-primary,.extra-primary) {
  position:relative;
  isolation:isolate;
  overflow:visible;
  background:transparent!important;
  border-color:transparent!important;
  border-radius:4.2px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.15;
  font-weight:500!important;
  -webkit-text-fill-color:#fff;
  box-shadow:none!important;
  text-shadow:none;
}
:is(button,a):is(.primary,.editor-primary,.extra-primary)::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:-4.242424%;
  top:-38.636364%;
  width:108.484848%;
  height:177.272727%;
  background-image:url('/assets/footer-cta5/glass-atlas.webp?v=etalon6-white');
  background-size:600% 1107.692308%;
  background-position:0 0;
  background-repeat:no-repeat;
  filter:url(#tok-cta-rose-v1) drop-shadow(0 3px 5px rgba(105,0,58,.2));
  pointer-events:none;
}

/* White captions stay fully opaque, including disabled actions. Only the
   material dims to show that an action is unavailable. */
:is(button,a):is(.primary,.editor-primary,.extra-primary):disabled,
.tok-footer-cta:disabled {opacity:1!important}
:is(button,a):is(.primary,.editor-primary,.extra-primary):disabled::before,
.tok-footer-cta:disabled .tok-cta-rayglass {opacity:.55}
:is(button,a):is(.editor-primary,.extra-primary) {font-size:17px!important}
.admin-table-page :is(button,a).primary {font-size:14px!important}
.tok-footer-v1 .tok-footer-cta,
.tok-panel .tok-footer-cta {font-size:21px!important;color:#fff!important;-webkit-text-fill-color:#fff}
.tok-cta-copy {font-weight:500!important;color:#fff!important;-webkit-text-fill-color:#fff;opacity:1}

/* The two main cabinet actions share one compact, responsive size. */
.account-panel {container-type:inline-size}
.account-panel :is(#edit-site,#profile-save) {
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:min(280px,100cqi);
  max-width:100%;
  height:34px;
  min-height:34px;
  padding:4px 10px;
  gap:8px;
  white-space:nowrap;
}
@media(max-width:600px) {
  :is(button,a):is(.primary,.editor-primary,.extra-primary) {font-size:14px!important}
  :is(button,a):is(.editor-primary,.extra-primary) {font-size:17px!important}
  .tok-footer-v1 .tok-footer-cta,
  .tok-panel .tok-footer-cta {font-size:17px!important}
}
@media(max-width:360px) {
  .tok-footer-v1 .tok-footer-cta,
  .tok-panel .tok-footer-cta {font-size:16px!important}
}