/*
 * Canonical system/account surfaces projected inside an active imported HTML
 * experience. The imported website remains visual authority; Commerce supplies
 * only bounded content geometry, accessible controls, auth/account state, and
 * safe token fallbacks.
 */
[data-wmg-runtime-content="1"]{min-width:0}
.wmgce-imported-system-shell [data-wmg-runtime-slot="page-content"],
.wmgce-client-portal-shell [data-wmg-runtime-slot="page-content"]{
  min-height:clamp(520px,72svh,900px);display:grid;place-items:center;
  padding:clamp(28px,6vw,76px) clamp(16px,4vw,56px);box-sizing:border-box
}
body.wmg-shell-no-header.wmg-shell-no-footer.wmgce-imported-system-shell [data-wmg-runtime-slot="page-content"],
body.wmg-shell-no-header.wmg-shell-no-footer.wmgce-client-portal-shell [data-wmg-runtime-slot="page-content"]{min-height:100svh}
body.wmg-shell-has-header.wmg-shell-has-footer.wmgce-imported-system-shell [data-wmg-runtime-slot="page-content"],
body.wmg-shell-has-header.wmg-shell-has-footer.wmgce-client-portal-shell [data-wmg-runtime-slot="page-content"]{min-height:clamp(540px,calc(100svh - 220px),900px)}

.wmgce-imported-system-content{width:min(1080px,100%);margin-inline:auto;box-sizing:border-box;color:var(--wmgce-text,currentColor);font-family:var(--wmgce-body,inherit)}
.wmgce-imported-auth{width:min(680px,100%);display:grid;gap:18px;align-content:center}
.wmgce-imported-system-heading{margin:0 0 18px;text-align:left}
.wmgce-imported-system-heading .wmgce-eyebrow{font-family:var(--wmgce-body,inherit);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.wmgce-imported-system-heading h1{margin:.24em 0 .18em;font:800 clamp(2rem,5vw,3.5rem)/1.02 var(--wmgce-body,inherit);letter-spacing:-.025em;text-transform:none}
.wmgce-imported-system-heading p{max-width:58ch;margin:0;font:500 clamp(1rem,1.7vw,1.12rem)/1.55 var(--wmgce-body,inherit);color:var(--wmgce-muted,currentColor)}

/* Authentication should read as a native part of the imported site, not a
 * second Experience Pack pasted into it. */
.wmgce-imported-auth .wmgce-auth-card{
  width:100%;max-width:680px;margin:0;padding:clamp(22px,4vw,34px);box-sizing:border-box;
  border:1px solid var(--wmgce-line,rgba(100,116,139,.24));border-radius:clamp(16px,2.5vw,24px);
  background:color-mix(in srgb,var(--wmgce-panel,#fff) 97%,transparent);
  color:var(--wmgce-text,#111827);box-shadow:0 14px 38px rgba(15,23,42,.10);backdrop-filter:none
}
.wmgce-imported-auth .wmgce-auth-brand{margin-bottom:18px;gap:12px}
.wmgce-imported-auth .wmgce-auth-brand img{width:48px;height:48px}
.wmgce-imported-auth .wmgce-auth-brand h2{margin:2px 0 0;font:800 clamp(1.35rem,3vw,2rem)/1.08 var(--wmgce-body,inherit);letter-spacing:-.02em;text-transform:none}
.wmgce-imported-auth .wmgce-auth-tabs{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;padding:6px;border-radius:14px;background:color-mix(in srgb,var(--wmgce-bg,#f8fafc) 86%,transparent)}
.wmgce-imported-auth .wmgce-auth-tabs button{min-height:44px;padding:9px 10px;border-radius:10px;font:750 .82rem/1.15 var(--wmgce-body,inherit);letter-spacing:.01em;text-transform:none}
.wmgce-imported-auth .wmgce-auth-tabs button[aria-selected=true]{background:var(--wmgce-panel,#fff);box-shadow:0 5px 16px rgba(15,23,42,.10)}
.wmgce-imported-auth .wmgce-auth-panel{padding-top:20px}
.wmgce-imported-auth .wmgce-auth-panel label>span{font-family:var(--wmgce-body,inherit);font-weight:750}
.wmgce-imported-auth .wmgce-auth-card input,.wmgce-imported-auth .wmgce-auth-card select{max-width:100%;min-height:52px;box-sizing:border-box;border-radius:12px;font-family:var(--wmgce-body,inherit)}
.wmgce-imported-auth .wmgce-btn{min-height:50px;border-radius:12px;font:800 .96rem/1 var(--wmgce-body,inherit);letter-spacing:0;text-transform:none}
.wmgce-imported-auth .wmgce-auth-footer{gap:10px;margin-top:22px;padding-top:18px;font-family:var(--wmgce-body,inherit)}
.wmgce-imported-auth .wmgce-auth-status{border-radius:12px;font-family:var(--wmgce-body,inherit)}
.wmgce-imported-auth .wmgce-otp-digits input{font-family:var(--wmgce-body,inherit)}

/* Universal authenticated account workspace. Domain data remains owned by its
 * source package; this is only the canonical membership presentation shell. */
.wmgce-imported-account{display:grid;gap:18px}
.wmgce-imported-account-heading{margin-bottom:0}
.wmgce-imported-account-nav{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:7px;border:1px solid var(--wmgce-line,rgba(100,116,139,.22));border-radius:14px;background:color-mix(in srgb,var(--wmgce-panel,#fff) 94%,transparent);scrollbar-width:thin}
.wmgce-imported-account-nav a{flex:0 0 auto;padding:10px 14px;border-radius:10px;color:var(--wmgce-text,currentColor);font:750 .9rem/1.15 var(--wmgce-body,inherit);text-decoration:none;white-space:nowrap}
.wmgce-imported-account-nav a:hover,.wmgce-imported-account-nav a:focus-visible,.wmgce-imported-account-nav a.is-active{background:var(--wmgce-accent,#2563eb);color:var(--wmgce-accent-contrast,#fff)}
.wmgce-imported-account-workspace{display:grid;gap:16px;min-width:0}
.wmgce-imported-account-workspace .wmgce-content-panel,
.wmgce-imported-account-workspace .wmgce-portal-kpis article,
.wmgce-imported-account-workspace .wmgce-command-queue article{
  border:1px solid var(--wmgce-line,rgba(100,116,139,.22));border-radius:16px;
  background:color-mix(in srgb,var(--wmgce-panel,#fff) 97%,transparent);box-shadow:0 8px 24px rgba(15,23,42,.06)
}
.wmgce-imported-account-workspace h2,.wmgce-imported-account-workspace h3{font-family:var(--wmgce-body,inherit);text-transform:none;letter-spacing:-.015em}

.wmgce-client-portal-shell .wmgce-portal-login,.wmgce-client-portal-shell .wmgce-client-portal-login,.wmgce-client-portal-shell .wmgce-portal-landing,.wmgce-client-portal-shell [data-wmgce-client-portal-login],.wmgce-client-portal-shell [data-wmgce-portal-dashboard]{width:min(760px,100%);margin-inline:auto;box-sizing:border-box}
.wmgce-client-portal-shell form{max-width:100%}.wmgce-client-portal-shell input,.wmgce-client-portal-shell select,.wmgce-client-portal-shell textarea{max-width:100%;box-sizing:border-box}
.wmgce-neutral-auth-main{min-height:100svh;display:grid}.has-experience-chrome .wmgce-neutral-auth-main{min-height:clamp(560px,calc(100svh - var(--wmgce-header-h,96px)),920px)}
.wmgce-neutral-auth-stage{display:grid;place-items:center;padding:clamp(28px,7vw,84px) 18px}.wmgce-neutral-auth-card-wrap{width:min(620px,100%);display:grid;gap:22px}.wmgce-neutral-auth-heading{text-align:left}.wmgce-neutral-auth-heading h1{margin:.25em 0 .18em;font:800 clamp(2rem,6vw,3.5rem)/1.03 var(--wmgce-body,inherit);text-transform:none}.wmgce-neutral-auth-heading p{margin:0;max-width:48ch;line-height:1.55}.wmgce-neutral-auth-card-wrap .wmgce-auth-card{width:100%;margin:0;box-sizing:border-box}
[data-wmgce-session-action]{box-sizing:border-box}
.wmgce-portal-fallback-main{min-height:clamp(560px,72svh,920px);display:grid;place-items:center;padding:clamp(32px,7vw,84px) 18px;box-sizing:border-box}.wmgce-portal-fallback-main.is-chrome-free{min-height:100svh}.wmgce-portal-fallback-content{width:min(760px,100%);margin:auto}

@media(max-width:700px){
  .wmgce-imported-system-shell [data-wmg-runtime-slot="page-content"],.wmgce-client-portal-shell [data-wmg-runtime-slot="page-content"]{padding:24px 14px;place-items:start center}
  .wmgce-imported-system-heading{margin-bottom:8px}.wmgce-imported-system-heading h1{font-size:clamp(1.8rem,9vw,2.7rem)}
  .wmgce-imported-auth{gap:12px}.wmgce-imported-auth .wmgce-auth-card{border-radius:18px;padding:20px 16px}
  .wmgce-imported-auth .wmgce-auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wmgce-imported-auth .wmgce-auth-tabs button{min-height:42px}
  .wmgce-imported-auth .wmgce-auth-brand h2{font-size:1.35rem}
  .wmgce-imported-account-nav{margin-inline:-2px}
  .wmgce-neutral-auth-stage{padding:28px 14px}.wmgce-neutral-auth-card-wrap{gap:18px}
}
.wmgce-universal-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wmgce-universal-account-card{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;padding:20px;border:1px solid var(--wmgce-line,rgba(100,116,139,.22));border-radius:16px;background:color-mix(in srgb,var(--wmgce-panel,#fff) 97%,transparent);color:var(--wmgce-text,currentColor);text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.wmgce-universal-account-card strong{font:800 1.05rem/1.2 var(--wmgce-body,inherit)}.wmgce-universal-account-card span{grid-column:1;color:var(--wmgce-muted,currentColor);font:500 .92rem/1.45 var(--wmgce-body,inherit)}.wmgce-universal-account-card b{grid-column:2;grid-row:1/3;font:800 1.35rem/1 var(--wmgce-body,inherit)}
.wmgce-universal-account-card:hover,.wmgce-universal-account-card:focus-visible{transform:translateY(-2px);border-color:var(--wmgce-accent,#2563eb);box-shadow:0 12px 30px rgba(15,23,42,.10)}
@media(max-width:760px){.wmgce-universal-account-grid{grid-template-columns:1fr}}

body.wmgce-system-account-dashboard .site-header, body.wmgce-system-account-dashboard .utility-bar, body.wmgce-system-account-dashboard [data-auth-header-toggle]{display:none!important}