/* Transactional glass layer. Load after legacy styles and site-glass/base.css.
   Original markup, scripts, hidden attributes and inline state displays own visibility.
   Shared navigation, footer, buttons and portal effects belong to base.css. */
body.site-glass:is([data-template="buy"], [data-template="account"], [data-template="reset"], [data-template="download"]) {
  --tx-text: #f6f6fc;
  --tx-muted: #b8bdd2;
  --tx-gold: #f5c957;
  --tx-line: #e0dcff29;
  --tx-glass: linear-gradient(145deg, #272840ad, #171c35b8);
  --tx-inset: #11172c;
  font-family: 'Onest', -apple-system, system-ui, sans-serif;
}

/* Scope the shared form language to original transactional content, not chrome. */
body.site-glass:where([data-template="buy"], [data-template="account"], [data-template="reset"], [data-template="download"])
:is(main.shell, #authView, #delModal, main.card, .section-tight) {
  color: var(--tx-text);
  line-height: 1.65;
  overflow-wrap: anywhere;
}

body.site-glass:where([data-template="buy"], [data-template="account"], [data-template="reset"], [data-template="download"])
:is(main.shell, #authView, #delModal, main.card, .section-tight) :is(h1, h2, h3, .font-display, .display) {
  font-family: 'Onest', -apple-system, system-ui, sans-serif;
  text-transform: none;
  letter-spacing: -.025em;
  line-height: 1.18;
}

body.site-glass:where([data-template="buy"], [data-template="account"], [data-template="reset"], [data-template="download"])
:is(main.shell, #authView, #delModal, main.card, .section-tight) :is(.text-mist, .text-mist\/70, .text-mist\/60, .sub, .lead) {
  color: var(--tx-muted);
}

body.site-glass:where([data-template="buy"], [data-template="account"], [data-template="reset"], [data-template="download"])
:is(main.shell, #authView, #delModal, main.card, .section-tight) :is(label, .kicker, .p-kick) {
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.5;
}

body.site-glass:where([data-template="buy"], [data-template="account"], [data-template="reset"])
:is(main.shell, #authView, #delModal, main.card) :is(input:not([type="hidden"]), textarea, select) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 48px;
  border: 1px solid #d6d0ff3d;
  border-radius: 14px;
  background: var(--tx-inset);
  color: var(--tx-text);
  font: inherit;
  font-size: 1rem;
  line-height: 1.5;
  padding: 12px 16px;
  caret-color: var(--tx-gold);
  color-scheme: dark;
  transition: border-color .18s, box-shadow .18s;
}

body.site-glass:where([data-template="buy"], [data-template="account"], [data-template="reset"])
:is(main.shell, #authView, #delModal, main.card) :is(input, textarea)::placeholder {
  color: #aeb5cc;
  opacity: 1;
}

body.site-glass:where([data-template="buy"], [data-template="account"], [data-template="reset"])
:is(main.shell, #authView, #delModal, main.card) :is(input, textarea, select):focus {
  border-color: var(--tx-gold);
  outline: 2px solid var(--tx-gold);
  outline-offset: 3px;
  box-shadow: 0 0 0 5px #f5c95714;
}

body.site-glass:where([data-template="buy"], [data-template="account"], [data-template="reset"], [data-template="download"])
:is(main.shell, #authView, #delModal, main.card, .section-tight) :is(a, button):focus-visible {
  outline: 2px solid var(--tx-gold);
  outline-offset: 4px;
}

body.site-glass:where([data-template="buy"], [data-template="account"])
:is(main.shell, #authView, #delModal) .glass,
body.site-glass[data-template="reset"] main.card,
body.site-glass[data-template="download"] .section-tight .surface {
  border: 1px solid var(--tx-line);
  border-radius: 28px;
  background: var(--tx-glass);
  box-shadow: inset 0 1px 0 #ffffff08, 0 18px 52px #06091826;
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  backdrop-filter: blur(18px) saturate(120%);
}

/* Buying: generous introduction, benefits at left, a stable order column. */
body.site-glass[data-template="buy"] main.shell,
body.site-glass[data-template="account"] #dashView {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
  padding: clamp(40px, 6vw, 80px) 0 clamp(64px, 8vw, 112px);
}

body.site-glass[data-template="buy"] main.shell > .reveal {
  max-width: 720px;
  margin-bottom: clamp(32px, 4vw, 52px);
}

body.site-glass[data-template="buy"] main.shell h1,
body.site-glass[data-template="download"] .section-tight h1 {
  font-size: clamp(34px, 4.5vw, 56px);
  font-weight: 800;
  line-height: 1.06;
}

body.site-glass[data-template="buy"] main.shell > .grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: clamp(28px, 4vw, 56px);
}

body.site-glass[data-template="buy"] main.shell > .grid > *,
body.site-glass[data-template="account"] #dashView > .grid > * {
  min-width: 0;
}

body.site-glass[data-template="buy"] main.shell h2 {
  font-size: 1.5rem;
  font-weight: 700;
}

body.site-glass[data-template="buy"] main.shell li > div {
  min-width: 0;
}

body.site-glass[data-template="buy"] main.shell .grid .grid .glass {
  border-radius: 20px;
  padding: 22px;
}

body.site-glass[data-template="buy"] main.shell aside.glass {
  padding: clamp(22px, 3vw, 36px);
  /* Embedded checkout may grow beyond a viewport; keep the entire card scrollable. */
  position: static;
}

body.site-glass[data-template="buy"] main.shell aside > .flex {
  gap: 12px;
  flex-wrap: wrap;
}

body.site-glass[data-template="buy"] #totalVal,
body.site-glass[data-template="account"] #offerPrice {
  font-size: clamp(32px, 3.5vw, 44px);
  font-weight: 650;
  letter-spacing: -.04em;
  color: var(--tx-gold);
  font-variant-numeric: tabular-nums;
}

body.site-glass[data-template="buy"] #orderAction,
body.site-glass[data-template="buy"] .checkout-container {
  min-width: 0;
  width: 100%;
}

/* Script-generated auth tabs retain their bg-cy active-state class. */
body.site-glass[data-template="buy"] :is(#tL, #tR),
body.site-glass[data-template="account"] :is(#tabLogin, #tabReg) {
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 10px;
  font-family: inherit;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.site-glass[data-template="buy"] :is(#tL, #tR).bg-cy,
body.site-glass[data-template="account"] :is(#tabLogin, #tabReg).bg-cy {
  background: var(--tx-gold);
  color: #211a0b;
}

/* Account: no display declarations on auth, dashboard, panels or modal. */
body.site-glass[data-template="account"] #authView {
  min-height: calc(100svh - 180px);
  padding: clamp(36px, 6vw, 72px) 24px;
}

body.site-glass[data-template="account"] #authView > .glass {
  max-width: 480px;
  padding: clamp(24px, 4vw, 40px);
}

body.site-glass[data-template="account"] #authView h1,
body.site-glass[data-template="reset"] main.card h1 {
  font-size: clamp(28px, 3vw, 36px);
  margin-bottom: 12px;
}

body.site-glass[data-template="account"] #dashView h1 {
  font-size: clamp(32px, 4vw, 48px);
}

body.site-glass[data-template="account"] #dashView > .grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 24px;
}

body.site-glass[data-template="account"] #dashView section {
  padding: clamp(22px, 3vw, 32px);
  border-radius: 26px;
}

body.site-glass[data-template="account"] #dashView h2 {
  font-size: 1.25rem;
  font-weight: 700;
}

body.site-glass[data-template="account"] #planBadge {
  text-transform: none;
  letter-spacing: 0;
  background: #11172c;
}

body.site-glass[data-template="account"] #licKey {
  min-width: 0;
  font-family: 'Onest', -apple-system, system-ui, sans-serif;
  font-size: .9375rem;
  letter-spacing: .045em;
  line-height: 1.65;
}

body.site-glass[data-template="account"] :is(#deviceList, #purchaseList) > div {
  flex-wrap: wrap;
  background: var(--tx-inset);
  border-color: var(--tx-line);
  border-radius: 16px;
}

body.site-glass[data-template="account"] :is(#deviceList, #purchaseList) .truncate {
  white-space: normal;
  overflow-wrap: anywhere;
}

body.site-glass[data-template="account"] #delModal {
  z-index: 1000;
  padding: 24px;
}

body.site-glass[data-template="account"] #delModal > .glass {
  padding: clamp(24px, 4vw, 36px);
  overscroll-behavior: contain;
  background: #171c35f5;
}

/* Reset's legacy body is a padded centering grid. Common chrome needs normal flow.
   Excluding both hidden mechanisms keeps even this container override state-safe. */
body.site-glass[data-template="reset"]:not([hidden]):not(.hidden) {
  display: block;
  padding: 0;
  background-image: none;
}

/* The standalone reset document centers every direct body child. Shared chrome
   must occupy the full canvas after the staging shell is injected. */
body.site-glass[data-template="reset"] > :is(.sg-header, .sg-footer) {
  width: 100%;
  justify-self: stretch;
  align-self: stretch;
}

body.site-glass[data-template="reset"] main.card {
  box-sizing: border-box;
  width: calc(100% - 48px);
  max-width: 480px;
  margin: clamp(40px, 7vw, 88px) auto;
  padding: clamp(24px, 4vw, 40px);
}

body.site-glass[data-template="reset"] main.card .brand {
  margin-bottom: 28px;
}

body.site-glass[data-template="reset"] main.card .note {
  line-height: 1.6;
}

body.site-glass[data-template="reset"] main.card .note:not(.err):not(.ok) {
  color: var(--tx-muted);
}

/* Invalid reset links can show the request and new-password sections together. */
body.site-glass[data-template="reset"] #askView:not([hidden]):not(.hidden) ~ #setView:not([hidden]):not(.hidden) {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid var(--tx-line);
}

/* Download keeps its original gate and generated owner / non-owner content. */
body.site-glass[data-template="download"] .section-tight {
  padding-block: clamp(36px, 6vw, 72px);
}

body.site-glass[data-template="download"] .section-tight > .wrap {
  width: min(100% - 48px, 1100px);
  margin-inline: auto;
}

body.site-glass[data-template="download"] .section-tight .lead {
  max-width: 68ch;
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.7;
}

body.site-glass[data-template="download"] .section-tight .surface {
  padding: clamp(24px, 4vw, 44px);
}

body.site-glass[data-template="download"] #dlGate {
  padding-top: 16px;
}

body.site-glass[data-template="download"] #dlGate > .surface {
  text-align: center;
}

body.site-glass[data-template="download"] #dlGate > .surface > :is(.p-kick, h2, .lead, .chips) {
  margin-inline: auto !important;
}

body.site-glass[data-template="download"] #dlGate > .surface > .chips {
  justify-content: center;
}

body.site-glass[data-template="download"] .section-tight h2 {
  font-size: clamp(26px, 3vw, 36px);
}

body.site-glass[data-template="download"] .section-tight .chips {
  flex-wrap: wrap;
  gap: 10px;
}

body.site-glass[data-template="download"] .section-tight .chip {
  white-space: normal;
  border-color: var(--tx-line);
  background: #171c35c9;
  color: var(--tx-muted);
}

body.site-glass[data-template="download"] .section-tight .tick {
  align-items: flex-start;
  padding-block: 10px;
}

body.site-glass[data-template="download"] .section-tight .tick svg {
  flex-shrink: 0;
  margin-top: 5px;
}

@media (max-width: 900px) {
  body.site-glass[data-template="buy"] main.shell > .grid,
  body.site-glass[data-template="account"] #dashView > .grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Account chrome: site.js moves .sg-account-tools (including #topRight) into
   #sg-mobile > .wrap at <=1100px and back into .sg-actions above it. Keep the
   original nodes and handlers; the shared menu's hidden state owns visibility. */
body.site-glass[data-template="account"] .sg-header #topRight {
  min-width: 0;
  flex-wrap: wrap;
  gap: 8px 12px;
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  body.site-glass[data-template="account"] .sg-header-inner {
    width: calc(100% - 32px);
    gap: 8px;
  }

  body.site-glass[data-template="account"] .sg-header-inner > .sg-brand {
    flex-shrink: 0;
  }

  body.site-glass[data-template="account"] .sg-actions {
    min-width: 0;
    flex: 1;
    justify-content: flex-end;
    gap: 6px;
  }

  body.site-glass[data-template="account"] .sg-header :is(.sg-motion, .sg-menu-toggle) {
    flex: 0 0 36px;
  }

  body.site-glass[data-template="account"] .sg-header .sg-buy {
    min-width: 0;
    padding-inline: 10px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 1100px) {
  body.site-glass[data-template="account"] #sg-mobile .sg-account-tools:not([hidden]):not(.hidden) {
    display: block;
    grid-column: 1 / -1;
    min-width: 0;
    width: 100%;
    max-width: none;
  }

  body.site-glass[data-template="account"] #sg-mobile {
    max-height: calc(100svh - 73px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body.site-glass[data-template="account"] #sg-mobile #topRight {
    width: 100%;
    padding-top: 14px;
    margin-top: 10px;
    border-top: 1px solid var(--tx-line);
  }

  body.site-glass[data-template="account"] #sg-mobile #topRight > * {
    min-width: 0;
    max-width: 100%;
  }

  body.site-glass[data-template="account"] #sg-mobile #topRight:empty {
    padding: 0;
    margin: 0;
    border: 0;
  }

  body.site-glass[data-template="account"] #sg-mobile #topRight :is(a, button) {
    min-height: 44px;
    max-width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--tx-line);
    border-radius: 12px;
    background: var(--tx-inset);
    color: var(--tx-text);
    font: 600 .875rem/1.5 'Onest', system-ui, sans-serif;
    text-align: start;
    white-space: normal;
    overflow-wrap: anywhere;
    cursor: pointer;
  }

  body.site-glass[data-template="account"] #sg-mobile #topRight :is(a, button):hover {
    border-color: var(--tx-gold);
    color: var(--tx-gold);
  }
}

@media (max-width: 560px) {
  body.site-glass[data-template="buy"] main.shell,
  body.site-glass[data-template="account"] #dashView,
  body.site-glass[data-template="reset"] main.card,
  body.site-glass[data-template="download"] .section-tight > .wrap {
    width: calc(100% - 32px);
  }

  body.site-glass[data-template="account"] :is(#authView, #delModal) {
    padding-inline: 16px;
  }

  body.site-glass[data-template="account"] #licensePanel > .flex {
    flex-wrap: wrap;
  }

  body.site-glass[data-template="account"] #copyKey {
    flex-shrink: 0;
  }

  body.site-glass[data-template="account"] :is(#deviceList, #purchaseList) .btn {
    max-width: 100%;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-glass:where([data-template="buy"], [data-template="account"], [data-template="reset"])
  :is(main.shell, #authView, #delModal, main.card) :is(input, textarea, select) {
    transition: none;
  }
}

@media (prefers-contrast: more) {
  body.site-glass:is([data-template="buy"], [data-template="account"], [data-template="reset"], [data-template="download"]) {
    --tx-muted: #d4d9e8;
    --tx-line: #858da5;
    --tx-glass: #171c35;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.site-glass:is([data-template="buy"], [data-template="account"], [data-template="reset"], [data-template="download"]) {
    --tx-glass: #171c35;
  }
}
/* The arrow stays on the same right-hand axis as the shared hover orbit. */
body.site-glass[data-template="account"] #authSubmit { padding-inline:58px; }
body.site-glass[data-template="account"] #authSubmit > .sg-arrow { position:absolute; right:22px; top:50%; width:20px; height:20px; transform:translateY(-50%); }

/* The dashboard already owns the product. Its header action becomes a compact
   account menu instead of repeating a purchase CTA and a long identity row. */
body.site-glass[data-template="account"] .sg-header .sg-buy { display:none; }
body.site-glass[data-template="account"] .sg-user-menu { position:relative; }
body.site-glass[data-template="account"] .sg-user-menu > summary {
  list-style:none;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid var(--tx-line);
  border-radius:50%;
  background:#ffffff06;
  color:var(--tx-text);
  cursor:pointer;
}
body.site-glass[data-template="account"] .sg-user-menu > summary::-webkit-details-marker { display:none; }
body.site-glass[data-template="account"] .sg-user-menu[open] > summary,
body.site-glass[data-template="account"] .sg-user-menu > summary:hover { border-color:var(--tx-gold); color:var(--tx-gold); }
body.site-glass[data-template="account"] .sg-user-icon { width:20px; height:20px; }
body.site-glass[data-template="account"] .sg-user-popover {
  position:absolute;
  z-index:80;
  inset-inline-end:0;
  top:calc(100% + 12px);
  width:220px;
  padding:12px;
  border:1px solid var(--tx-line);
  border-radius:16px;
  background:#171d35f7;
  box-shadow:0 18px 48px #05081799;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
body.site-glass[data-template="account"] .sg-user-email {
  display:block;
  padding:4px 8px 10px;
  color:var(--tx-muted);
  font-size:13px;
  line-height:1.4;
  white-space:nowrap;
}
body.site-glass[data-template="account"] .sg-user-role {
  display:inline-flex;
  margin:0 8px 10px;
  padding:4px 8px;
  border:1px solid #f5c95773;
  border-radius:7px;
  color:var(--tx-gold);
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.04em;
}
body.site-glass[data-template="account"] .sg-user-popover :is(a, button) {
  display:flex;
  align-items:center;
  width:100%;
  min-height:42px;
  padding:9px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--tx-text);
  font:600 13px/1.4 'Onest', system-ui, sans-serif;
  text-align:start;
  cursor:pointer;
}
body.site-glass[data-template="account"] .sg-user-popover :is(a, button):hover { background:#f5c95712; color:var(--tx-gold); }

@media (max-width:1100px) {
  body.site-glass[data-template="account"] #sg-mobile .sg-account-tools { grid-column:1 / -1; }
  body.site-glass[data-template="account"] #sg-mobile #topRight { display:flex; justify-content:flex-end; border:0; margin:0; padding:8px 0 0; }
  body.site-glass[data-template="account"] #sg-mobile .sg-user-popover { inset-inline-end:0; inset-inline-start:auto; }
  body.site-glass[data-template="account"] #sg-mobile #topRight .sg-user-popover :is(a, button) { border:0; border-radius:10px; background:transparent; padding:9px 10px; }
  body.site-glass[data-template="account"] #sg-mobile #topRight .sg-user-popover :is(a, button):hover { background:#f5c95712; }
}

/* Account workspace: one strong access pass, then task-oriented support cards.
   The original wrappers remain for script stability but do not dictate layout. */
body.site-glass[data-template="account"] #dashView > .sg-account-grid {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-flow:row dense;
  gap:24px;
  align-items:start;
}
body.site-glass[data-template="account"] .sg-account-grid > .space-y-6 { display:contents; }
body.site-glass[data-template="account"] .sg-account-grid > .space-y-6 > * { margin-top:0 !important; }
body.site-glass[data-template="account"] #offerPanel { grid-column:1 / -1; }
body.site-glass[data-template="account"] #licensePanel {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);
  grid-template-areas:"heading key" "hint key" "meta key";
  gap:16px 44px;
  min-height:260px;
  padding:clamp(28px,3.5vw,46px);
  border-color:#f5c95766;
  background:linear-gradient(118deg,#2a2941e6 0 46%,#171d35e8 70%),radial-gradient(circle at 92% 12%,#f5c95724,transparent 36%);
}
body.site-glass[data-template="account"] #licensePanel > .flex:first-child { grid-area:heading; margin:0; align-self:end; }
body.site-glass[data-template="account"] #licensePanel > p:first-of-type { grid-area:hint; margin:0; max-width:48ch; }
body.site-glass[data-template="account"] #licensePanel > div:has(#licKey) {
  grid-area:key;
  align-self:stretch;
  display:flex;
  min-width:0;
  padding:24px;
  border:1px solid #f5c9574a;
  border-radius:20px;
  background:#0c1024b8;
}
body.site-glass[data-template="account"] #licKey {
  font-size:clamp(18px,2.15vw,28px);
  line-height:1.35;
  letter-spacing:.08em;
  color:var(--tx-gold);
}
body.site-glass[data-template="account"] #licensePanel > #licMeta { grid-area:meta; margin:0; align-self:start; }
body.site-glass[data-template="account"] #downloadPanel {
  grid-column:8 / -1;
  min-height:100%;
  border-color:#f5c9573d;
  background:linear-gradient(145deg,#29273de8,#1b2039e8);
}
body.site-glass[data-template="account"] #downloadPanel .btn { margin-top:4px; }
body.site-glass[data-template="account"] #accountHelpPanel { grid-column:1 / -1; }
body.site-glass[data-template="account"] #accountHelpPanel > div.mt-6.pt-6 {
  margin-top:28px !important;
  padding-top:24px !important;
}
body.site-glass[data-template="account"] #devicesPanel { grid-column:1 / 8; min-height:100%; }
body.site-glass[data-template="account"] #purchasesPanel { grid-column:1 / -1; }
body.site-glass[data-template="account"] #deviceList > p:only-child {
  margin:0;
  padding:22px;
  border:1px dashed var(--tx-line);
  border-radius:16px;
  background:#0c102478;
  text-align:center;
}
body.site-glass[data-template="account"] #dangerPanel {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px 40px;
  padding:24px 28px;
  background:#271a2a70 !important;
}
body.site-glass[data-template="account"] #dangerPanel > :is(h2,p) { grid-column:1; margin:0; }
body.site-glass[data-template="account"] #dangerPanel > button { grid-column:2; grid-row:1 / span 2; width:auto; min-width:220px; }
body.site-glass[data-template="account"] #dangerPanel > #deletePending { grid-column:1 / -1; }
body.site-glass[data-template="account"] #dashView:has(#offerPanel:not([style*="display: none"])) #accountHelpPanel { grid-column:1 / -1; }

@media (max-width:900px) {
  body.site-glass[data-template="account"] #dashView > .sg-account-grid { grid-template-columns:minmax(0,1fr); }
  body.site-glass[data-template="account"] .sg-account-grid :is(#offerPanel,#licensePanel,#downloadPanel,#accountHelpPanel,#devicesPanel,#purchasesPanel,#dangerPanel) { grid-column:1 / -1; }
  body.site-glass[data-template="account"] #licensePanel { grid-template-columns:minmax(0,1fr); grid-template-areas:"heading" "hint" "key" "meta"; min-height:0; gap:18px; }
  body.site-glass[data-template="account"] #dangerPanel { grid-template-columns:minmax(0,1fr); gap:14px; }
  body.site-glass[data-template="account"] #dangerPanel > :is(h2,p,button,#deletePending) { grid-column:1; grid-row:auto; }
  body.site-glass[data-template="account"] #dangerPanel > button { width:100%; min-width:0; }
}

@media (max-width:560px) {
  body.site-glass[data-template="account"] #licensePanel > div:has(#licKey) { align-items:stretch; flex-direction:column; gap:18px; padding:20px; }
  body.site-glass[data-template="account"] #licensePanel #copyKey { width:100%; }
}