@import url("/assets/css/motion-system.css?v=13.10.1");
@import url("/assets/css/master-layout.css?v=13.11.1");

/* Official Alki identity — one source shared by public, auth, studio and admin surfaces. */
:where(.brand-mark,.auth-logo-mark,.admin-brand-mark,.alki-mark,.designer-brand>span:first-child,.int-brand>span:first-child){
  flex:0 0 auto;
  overflow:visible;
  color:transparent!important;
  text-indent:-9999px;
  clip-path:none!important;
  transform:none!important;
  background:transparent url('/assets/brand/alki-mark-transparent-runtime-v13.48.webp') center/contain no-repeat!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 3px 10px rgba(71,124,255,.34));
}

:where(.brand-mark,.auth-logo-mark,.admin-brand-mark,.alki-mark,.designer-brand>span:first-child,.int-brand>span:first-child)::before,
:where(.brand-mark,.auth-logo-mark,.admin-brand-mark,.alki-mark,.designer-brand>span:first-child,.int-brand>span:first-child)::after{
  content:none!important;
  display:none!important;
}

.brand-mark>svg{display:none!important}

.legal-brand{display:inline-flex;align-items:center;gap:10px}
.legal-brand::before{
  content:"";
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:0;
  border-radius:0;
  background:transparent url('/assets/brand/alki-mark-transparent-runtime-v13.48.webp') center/contain no-repeat;
  box-shadow:none;
  filter:drop-shadow(0 3px 10px rgba(71,124,255,.34));
}

:where(.brand,.auth-logo,.admin-brand,.designer-brand,.int-brand,.legal-brand):where(:hover,:focus-visible)
  :where(.brand-mark,.auth-logo-mark,.admin-brand-mark,.designer-brand>span:first-child,.int-brand>span:first-child),
.legal-brand:where(:hover,:focus-visible)::before{
  filter:drop-shadow(0 4px 14px rgba(85,143,255,.5)) brightness(1.08);
}

@media (max-width:540px){
  .legal-brand::before{width:30px;height:30px;flex-basis:30px;border-radius:9px}
}

@media (prefers-reduced-motion:reduce){
  :where(.brand-mark,.auth-logo-mark,.admin-brand-mark,.alki-mark,.designer-brand>span:first-child,.int-brand>span:first-child,.legal-brand)::before{
    transition:none!important;
  }
}

/* Alki glass controls: violet and electric-blue light sampled from the mark. */
:root{
  --alki-glass-edge:rgba(139,151,255,.46);
  --alki-glass-fill:linear-gradient(135deg,rgba(85,51,170,.52),rgba(48,93,196,.38) 55%,rgba(117,53,205,.5));
  --alki-glass-soft:linear-gradient(135deg,rgba(91,54,160,.2),rgba(39,88,164,.14));
  --alki-glass-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(75,52,170,.28),0 10px 28px rgba(36,50,130,.2),0 0 18px rgba(124,58,237,.1);
}

:where(.primary-button,.btn.primary,.alki-help-submit,.alki-campaign-cta,.auth-submit,.primary-action){
  position:relative;
  isolation:isolate;
  border:1px solid var(--alki-glass-edge)!important;
  color:#fff!important;
  background:var(--alki-glass-fill)!important;
  background-color:rgba(67,54,153,.72)!important;
  box-shadow:var(--alki-glass-shadow)!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%);
  backdrop-filter:blur(16px) saturate(145%);
  text-shadow:0 1px 1px rgba(2,3,12,.3);
  transition:transform .18s ease,border-color .18s ease,filter .18s ease,box-shadow .18s ease;
}

:where(.secondary-button,.icon-button,.workspace-mobilebar .btn,.designer-actions .btn:not(.primary),.modal-footer .btn:not(.primary),.admin-actions .btn:not(.primary),.public-nav-link.help){
  border:1px solid rgba(134,143,225,.26)!important;
  color:#f5f4ff;
  background:var(--alki-glass-soft)!important;
  background-color:rgba(18,16,34,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 24px rgba(11,16,52,.16)!important;
  -webkit-backdrop-filter:blur(14px) saturate(130%);
  backdrop-filter:blur(14px) saturate(130%);
}

:where(.primary-button,.btn.primary,.alki-help-submit,.alki-campaign-cta,.auth-submit,.primary-action):where(:hover,:focus-visible){
  transform:translateY(-1px);
  border-color:rgba(153,177,255,.72)!important;
  filter:brightness(1.1) saturate(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 34px rgba(45,61,171,.28),0 0 24px rgba(124,58,237,.16)!important;
}

:where(.primary-button,.btn.primary,.alki-help-submit,.alki-campaign-cta,.auth-submit,.primary-action):active{transform:translateY(0) scale(.985)}

@media (prefers-reduced-motion:reduce){
  :where(.primary-button,.btn.primary,.alki-help-submit,.alki-campaign-cta,.auth-submit,.primary-action){transition:none!important;transform:none!important}
}