@import url('/assets/css/platform-window-system.css?v=13.57.0');

@font-face{font-family:"Alki Text";src:url('/assets/fonts/library/lato.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:100 900}
@font-face{font-family:"Alki Display";src:url('/assets/fonts/library/archivo.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:100 900}

:root{
  --alki-id-bg:#050608;
  --alki-id-bg-deep:#030408;
  --alki-id-panel:#0d0f16;
  --alki-id-panel-2:#131621;
  --alki-id-panel-3:#181b29;
  --alki-id-text:#f8f8fb;
  --alki-id-muted:#a5a7b4;
  --alki-id-quiet:#747887;
  --alki-id-violet:#906cff;
  --alki-id-violet-soft:#c3b3ff;
  --alki-id-blue:#6eb5ff;
  --alki-id-green:#62d6a2;
  --alki-id-line:rgba(255,255,255,.09);
  --alki-id-line-strong:rgba(191,174,255,.22);
  --alki-id-radius-sm:12px;
  --alki-id-radius:18px;
  --alki-id-radius-lg:26px;
  --alki-id-shadow:0 1px 0 rgba(255,255,255,.065) inset,0 28px 76px rgba(0,0,0,.36),0 0 64px rgba(106,78,222,.055);
  --alki-id-shadow-soft:0 1px 0 rgba(255,255,255,.055) inset,0 16px 42px rgba(0,0,0,.25);
  --alki-id-focus:0 0 0 3px rgba(144,108,255,.24),0 0 0 1px rgba(225,217,255,.9);
  --alki-id-content:1200px;
  --alki-id-ease:cubic-bezier(.16,1,.3,1);
}

html{background:var(--alki-id-bg);color-scheme:dark}
body{color:var(--alki-id-text);font-family:"Alki Text",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-alki-surface]{background-color:var(--alki-id-bg);color:var(--alki-id-text)}
body[data-alki-surface]::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(850px 480px at 92% -9%,rgba(105,76,220,.12),transparent 68%),radial-gradient(720px 520px at -8% 22%,rgba(67,124,221,.075),transparent 70%)}

:where(.auth-logo,.alki-brand,.designer-brand,.admin-brand,.int-brand,.legal-brand,.brand){font-family:"Alki Display",sans-serif;letter-spacing:-.04em}
:where(h1,h2,h3,.stage-header h1,.page-head h1,.auth-heading,.int-hero h1,.legal-main h1){font-family:"Alki Display",sans-serif;text-wrap:balance}
:where(.eyebrow,.auth-kicker,.int-kicker,.legal-kicker,.stage-kicker){color:var(--alki-id-violet-soft);font-family:"Alki Display",sans-serif;font-weight:850;letter-spacing:.15em;text-transform:uppercase}

:where(.studio-topbar,.designer-topbar,.admin-topbar,.int-top,.legal-top,.auth-public-header){border-color:var(--alki-id-line)!important;background:rgba(6,7,11,.84)!important;box-shadow:0 1px rgba(255,255,255,.045),0 14px 42px rgba(0,0,0,.18)!important;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}
:where(.journey-panel,.admin-sidebar,.sidebar){border-color:var(--alki-id-line)!important;background:linear-gradient(180deg,rgba(13,15,22,.98),rgba(7,8,12,.985))!important;box-shadow:18px 0 60px rgba(0,0,0,.16)}

:where(.auth-card,.surface,.choice-card,.designer-modal-card,.modal-card,.modal,.admin-content .card,.admin-content .panel,.int-card,.int-side,.legal-article,.legal-nav,.diag-card,.card:not(.metric-card),.quality-metric,.publish-card){border-color:var(--alki-id-line)!important;background:linear-gradient(145deg,rgba(20,22,32,.96),rgba(9,10,15,.975))!important;box-shadow:var(--alki-id-shadow-soft)!important}
:where(.auth-card,.designer-modal-card,.modal-card,.modal,.int-card,.legal-article){border-radius:var(--alki-id-radius-lg)!important}

:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select,.input,.textarea,.select){border-color:rgba(255,255,255,.105)!important;border-radius:var(--alki-id-radius-sm)!important;background:rgba(7,9,14,.82)!important;color:var(--alki-id-text)!important;box-shadow:0 1px 0 rgba(255,255,255,.025) inset;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select,.input,.textarea,.select):focus{outline:0!important;border-color:rgba(153,121,255,.7)!important;background:rgba(10,11,18,.95)!important;box-shadow:0 0 0 3px rgba(144,108,255,.13)!important}
:where(input,textarea)::placeholder{color:#646877!important}

:where(.primary-button,.auth-submit,.btn.primary,.btn.soft,.primary-action,.alki-help-submit,.int-card button[type=submit]){position:relative;isolation:isolate;min-height:46px;border:1px solid rgba(202,189,255,.32)!important;border-radius:14px!important;background:linear-gradient(135deg,#a486ff 0%,#7354e8 52%,#536ee0 100%)!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 -1px 0 rgba(45,29,107,.5) inset,0 15px 34px rgba(88,61,200,.31),0 4px 12px rgba(0,0,0,.26)!important;font-weight:800;transition:transform .2s var(--alki-id-ease),filter .2s ease,box-shadow .2s ease!important}
:where(.secondary-button,.icon-button,.btn.ghost,.btn:not(.primary):not(.soft),.text-button,.auth-provider,.provider-btn,.legal-back,.int-back){border:1px solid rgba(255,255,255,.105)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(31,33,44,.9),rgba(12,14,20,.86))!important;color:#e8e9ef!important;box-shadow:0 1px 0 rgba(255,255,255,.065) inset,0 10px 26px rgba(0,0,0,.19)!important;transition:transform .2s var(--alki-id-ease),border-color .2s ease,background .2s ease,box-shadow .2s ease!important}
:where(.primary-button,.auth-submit,.btn.primary,.btn.soft,.primary-action,.alki-help-submit,.int-card button[type=submit],.secondary-button,.icon-button,.btn.ghost,.btn:not(.primary):not(.soft),.auth-provider,.provider-btn):not(:disabled):hover{transform:translateY(-2px);border-color:rgba(190,171,255,.46)!important;filter:brightness(1.07);box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 19px 42px rgba(42,28,97,.28),0 5px 14px rgba(0,0,0,.27)!important}
:where(.primary-button,.auth-submit,.btn.primary,.btn.soft,.primary-action,.alki-help-submit,.int-card button[type=submit],.secondary-button,.icon-button,.btn.ghost,.btn:not(.primary):not(.soft),.auth-provider,.provider-btn):not(:disabled):active{transform:translateY(0) scale(.985)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:0!important;box-shadow:var(--alki-id-focus)!important}

:where(.journey-step,.admin-nav a,.sidebar .step-link,.designer-library button,.inspector-tabs button){border-radius:12px;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
:where(.journey-step,.admin-nav a,.sidebar .step-link):hover{background:rgba(255,255,255,.052)!important;color:#fff!important;transform:translateX(2px)}
:where(.journey-step.active,.admin-nav a.active,.sidebar .step-link.active){border-color:rgba(170,143,255,.3)!important;background:linear-gradient(105deg,rgba(129,91,239,.22),rgba(62,95,190,.075))!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.055) inset,0 12px 30px rgba(0,0,0,.15)}

:where(.stage-header,.page-head,.int-hero,.legal-main>header,.diag-head){padding-bottom:24px;border-bottom:1px solid var(--alki-id-line)}
:where(.stage-header h1,.page-head h1,.int-hero h1,.legal-main h1){letter-spacing:-.052em;line-height:.98}
:where(.stage-header p,.page-head p,.int-hero p,.legal-lead,.muted){color:var(--alki-id-muted)!important;line-height:1.68}

:where(.toast,.designer-toast,.auth-message.show,.result){border:1px solid var(--alki-id-line-strong)!important;border-radius:14px!important;background:rgba(17,19,28,.96)!important;box-shadow:0 20px 52px rgba(0,0,0,.48),0 1px rgba(255,255,255,.06) inset!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

.auth-shell{background:radial-gradient(650px 460px at 12% 18%,rgba(118,80,235,.16),transparent 65%),var(--alki-id-bg)!important}
.auth-panel{padding-inline:clamp(32px,5vw,72px)!important;background:linear-gradient(180deg,#080a10,#050608)!important}
.auth-card{padding:clamp(26px,3vw,38px)!important}
.auth-input,.auth-submit{min-height:52px}
.auth-tabs{border-color:var(--alki-id-line)!important;background:rgba(7,8,12,.78)!important}
.auth-tab.active{background:linear-gradient(145deg,rgba(135,96,247,.28),rgba(55,78,166,.14))!important;box-shadow:0 1px rgba(255,255,255,.06) inset!important}

.studio-main{padding-inline:clamp(32px,4.5vw,64px)!important}
.stage-mount{max-width:900px!important}
.surface{padding:clamp(22px,3vw,30px)!important}
.choice-card{padding:20px!important}
.live-preview{border-color:var(--alki-id-line)!important;background:#080a0f!important}

.designer-workspace{background:radial-gradient(720px 380px at 50% -8%,rgba(115,78,224,.08),transparent 68%),#07080c!important}
.designer-library,.designer-inspector{padding-bottom:14px}
.panel-title{padding:18px!important;border-color:var(--alki-id-line)!important}
.block-library,.inspector-body{padding:18px!important}
.canvas-wrap{padding-inline:clamp(18px,3vw,44px)!important}
.site-canvas{border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 70px rgba(98,72,202,.07)!important}

.admin-content{max-width:var(--alki-id-content);margin-inline:auto;padding:clamp(28px,4vw,54px)!important}
.admin-content .page-head{margin-bottom:30px!important}
.admin-content .card{border-radius:var(--alki-id-radius)!important;padding:clamp(18px,2.4vw,26px)!important}
.metric-card{min-height:142px}
.admin-sidebar{border-right:1px solid var(--alki-id-line)!important}
.admin-context{margin:14px 12px 8px!important;padding:15px!important;border:1px solid var(--alki-id-line)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important}

.int-main{width:min(var(--alki-id-content),calc(100% - 96px))!important;padding-block:72px 96px!important}
.int-hero{margin-bottom:34px!important}
.int-card,.int-side{padding:clamp(22px,3vw,32px)!important}
.provider-btn{min-height:58px;padding:12px 14px!important}

.legal-main{width:min(980px,calc(100% - 96px))!important;padding:76px 0 108px!important}
.legal-lead{color:var(--alki-id-muted)!important}
.legal-meta span{border:1px solid var(--alki-id-line)!important;background:rgba(144,108,255,.09)!important;color:#d4c9f7!important}
.legal-content{gap:32px!important}
.legal-nav{padding:16px!important}
.legal-nav a{color:#b2b4c0!important}
.legal-nav a:hover{background:rgba(144,108,255,.1)!important;color:#fff!important}
.legal-article{color:#d2d3da!important}
.legal-article p,.legal-article li{color:#c1c3cd!important}
.legal-article a{color:#c8b7ff!important}
.legal-note{border-color:rgba(144,108,255,.55)!important;background:rgba(144,108,255,.09)!important}
.legal-article h2,.legal-article h3{color:#fff!important}
.legal-article section+section{border-color:var(--alki-id-line)!important}
.legal-foot{border-color:var(--alki-id-line)!important;color:var(--alki-id-quiet)!important}

.diag{width:min(var(--alki-id-content),calc(100% - 96px));max-width:none!important;padding:62px 0 90px!important}
.diag-grid{gap:16px!important}
.diag-card{padding:22px!important}

@media(max-width:980px){
  .admin-content{padding-inline:32px!important}
  .int-main,.legal-main,.diag{width:min(100% - 64px,var(--alki-id-content))!important}
  .auth-panel{padding-inline:32px!important}
}

@media(max-width:620px){
  .auth-panel{padding:16px 20px max(28px,env(safe-area-inset-bottom))!important}
  .auth-card{padding:24px 20px!important;border-radius:22px!important}
  .studio-main,.admin-content{padding-inline:20px!important}
  .canvas-wrap{padding-inline:14px!important}
  .int-main,.legal-main,.diag{width:min(100% - 40px,var(--alki-id-content))!important;padding-top:46px!important}
  .int-layout,.legal-content{gap:18px!important}
  .legal-article,.int-card,.int-side{padding:22px 20px!important}
  .legal-content{display:block!important}
  .legal-nav{margin-bottom:18px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;white-space:normal!important}
  .legal-nav a{min-width:0;text-align:center;line-height:1.35}
  .legal-meta{margin-bottom:28px!important}
  :where(.stage-header,.page-head,.int-hero,.diag-head){padding-bottom:20px}
  :where(.primary-button,.auth-submit,.btn.primary,.btn.soft,.primary-action,.alki-help-submit,.int-card button[type=submit]){min-height:50px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Alki v13.24 — one desktop chrome, mobile chrome anchored to the viewport flow. */
@media (min-width: 861px) {
  .admin-topbar { position: relative; top: auto; }
}

@media (max-width: 860px) {
  .admin-topbar { position: sticky; top: 0; z-index: 25; }
}

@media (min-width: 901px) {
  .workspace-topbar,
  .merchant-workspace .admin-topbar { position: relative; top: auto; }
}

@media (max-width: 900px) {
  .workspace-topbar,
  .merchant-workspace .admin-topbar { position: sticky; top: 0; z-index: 40; }
}

@media (min-width: 821px) {
  .studio-topbar,
  .designer-topbar { position: relative; top: auto; }
  .onboarding-topbar { position: relative; top: auto; }
}

@media (max-width: 820px) {
  .studio-topbar,
  .onboarding-topbar { position: sticky; top: 0; }
  /* The Designer's mobile chrome is intentionally fixed; its workspace is padded below it. */
  .designer-topbar { position: fixed; top: 0; z-index: 100; }
}