.aiea-app{--aiea-ink:#172033;--aiea-muted:#667085;--aiea-line:#e4e7ec;--aiea-brand:#3156d3;max-width:920px;margin:32px auto;color:var(--aiea-ink);font:inherit}
.aiea-app *{box-sizing:border-box}.aiea-loading{padding:32px;text-align:center;color:var(--aiea-muted)}
.aiea-card{background:#fff;border:1px solid var(--aiea-line);border-radius:18px;padding:clamp(20px,4vw,36px);box-shadow:0 12px 36px rgba(16,24,40,.06)}
.aiea-brand{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--aiea-brand);margin-bottom:8px}.aiea-card h2{font-size:clamp(25px,4vw,32px);line-height:1.2;margin:0 0 8px;color:var(--aiea-ink)}.aiea-card h3{font-size:18px;margin:0 0 14px}.aiea-muted{color:var(--aiea-muted);font-size:14px}.aiea-card> .aiea-muted{margin:0 0 24px}
.aiea-form{display:grid;gap:15px;margin-top:20px}.aiea-form label{display:grid;gap:7px;font-size:14px;font-weight:600}.aiea-form input,.aiea-panel select,.aiea-panel-head select{display:block;width:100%;min-height:44px;border:1px solid #d0d5dd;border-radius:9px;padding:10px 12px;background:#fff;color:var(--aiea-ink);font:inherit}.aiea-form input:focus,.aiea-panel select:focus{outline:2px solid rgba(49,86,211,.22);border-color:var(--aiea-brand)}
.aiea-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--aiea-brand);border-radius:9px;background:var(--aiea-brand);color:#fff;padding:10px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}.aiea-button:hover{filter:brightness(.96)}.aiea-button:disabled{opacity:.6;cursor:wait}.aiea-button-secondary{background:#fff;color:var(--aiea-ink);border-color:#d0d5dd}.aiea-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}.aiea-links button,.aiea-inline-button{background:none;border:0;color:var(--aiea-brand);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer;padding:0}.aiea-alert{border-radius:10px;padding:12px 14px;margin:0 0 18px;font-size:14px;line-height:1.5}.aiea-alert-success{background:#ecfdf3;color:#027a48}.aiea-alert-error{background:#fef3f2;color:#b42318}.aiea-alert-warning{background:#fffaeb;color:#93370d}.aiea-alert-info{background:#eff8ff;color:#175cd3}.aiea-form-error{background:#fef3f2;color:#b42318;padding:10px;border-radius:8px;font-size:14px}
.aiea-account-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px 0 22px;border-bottom:1px solid var(--aiea-line)}.aiea-account-header h3{margin:4px 0}.aiea-account-header p{margin:3px 0}.aiea-pill{display:inline-block;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700}.aiea-pill-success{background:#ecfdf3;color:#027a48}.aiea-pill-warning{background:#fffaeb;color:#93370d}.aiea-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.aiea-stat{border:1px solid var(--aiea-line);border-radius:13px;padding:18px;display:grid;gap:7px}.aiea-stat>span,.aiea-stat>small{font-size:13px;color:var(--aiea-muted)}.aiea-stat strong{font-size:30px;line-height:1.1}.aiea-stat strong small{font-size:15px;color:var(--aiea-muted);font-weight:500}
.aiea-panel{margin-top:20px;padding-top:20px;border-top:1px solid var(--aiea-line)}.aiea-panel .aiea-form{margin-top:12px}.aiea-form-inline{grid-template-columns:minmax(0,1fr) auto;align-items:end}.aiea-packages{display:grid;gap:10px}.aiea-package{border:1px solid var(--aiea-line);border-radius:11px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.aiea-package>div{display:grid;gap:5px}.aiea-package span{color:var(--aiea-muted);font-size:14px}.aiea-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.aiea-panel-head h3{margin:0}.aiea-panel-head select{max-width:210px}.aiea-table-wrap{overflow:auto;margin-top:14px}.aiea-table{width:100%;border-collapse:collapse;font-size:13px}.aiea-table th,.aiea-table td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--aiea-line);vertical-align:top}.aiea-table th{font-size:12px;color:var(--aiea-muted);font-weight:700;white-space:nowrap}.aiea-footer-actions{display:flex;justify-content:flex-end;margin-top:26px}
@media(max-width:600px){.aiea-app{margin:16px auto}.aiea-stat-grid{grid-template-columns:1fr}.aiea-form-inline{grid-template-columns:1fr}.aiea-package{align-items:flex-start}.aiea-card{border-radius:13px}.aiea-panel-head{align-items:flex-start}.aiea-panel-head select{max-width:none}}

.aiea-service-note{margin:0 0 8px;line-height:1.55}.aiea-history-controls{display:flex;align-items:center;gap:10px;margin-top:14px}.aiea-history-controls label{font-size:14px;color:var(--aiea-muted)}.aiea-history-controls select{max-width:240px}.aiea-history-more-wrap{display:flex;justify-content:center;margin-top:16px}.aiea-history-more-wrap .aiea-button{min-width:140px}[data-history-container][hidden]{display:none!important}
@media(max-width:600px){.aiea-history-controls{align-items:flex-start;flex-direction:column}.aiea-history-controls select{max-width:none}}


/* Keep account buttons readable when a theme applies global focus/active button styles. */
.aiea-app .aiea-button:focus,
.aiea-app .aiea-button:focus-visible,
.aiea-app .aiea-button:active {
  color: #fff;
  background-color: var(--aiea-brand);
  border-color: var(--aiea-brand);
  filter: none;
  outline: 3px solid rgba(49, 86, 211, .3);
  outline-offset: 2px;
  box-shadow: none;
}
.aiea-app .aiea-button-secondary,
.aiea-app .aiea-button-secondary:visited {
  color: var(--aiea-ink);
  background-color: #fff;
  border-color: #d0d5dd;
}
.aiea-app .aiea-button-secondary:hover,
.aiea-app .aiea-button-secondary:focus,
.aiea-app .aiea-button-secondary:focus-visible,
.aiea-app .aiea-button-secondary:active {
  color: var(--aiea-ink);
  background-color: #fff;
  border-color: #98a2b3;
  filter: none;
  box-shadow: none;
}
.aiea-app .aiea-button-secondary:focus,
.aiea-app .aiea-button-secondary:focus-visible {
  outline: 3px solid rgba(49, 86, 211, .3);
  outline-offset: 2px;
}

/* Wrapper used by the site theme header. Keep it a compact flex item. */
.aiea-header-account {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
  position: relative;
  z-index: 1001;
}

/* Compact account status/menu for placement in a site header. */
.aiea-app.aiea-app-menu {
  display: inline-flex !important;
  position: relative !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  line-height: 1.4;
  z-index: 1000;
}
.aiea-app-menu .aiea-menu-loading { font-size: 14px; opacity: .75; }
.aiea-app-menu .aiea-menu-links { display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 6px; white-space: nowrap; line-height: 1.2; }
/* Keep the slash separator visible even when the theme styles generic nav spans. */
.aiea-app-menu .aiea-menu-links > .aiea-menu-separator,
.aiea-nav-account-item .aiea-menu-links > .aiea-menu-separator {
  display: inline-block !important;
  visibility: visible !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 2px !important;
  padding: 0 !important;
  overflow: visible !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  opacity: .8 !important;
  text-indent: 0 !important;
}
.aiea-app-menu a.aiea-menu-auth-link,
.aiea-app-menu a.aiea-menu-auth-link:visited {
  display: inline-block;
  padding: 2px 0;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  text-decoration: none !important;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none !important;
}
.aiea-app-menu a.aiea-menu-auth-link:hover,
.aiea-app-menu a.aiea-menu-auth-link:focus-visible { text-decoration: underline !important; }
.aiea-app-menu .aiea-menu-user { position: relative; display: inline-flex; }
.aiea-app-menu .aiea-menu-trigger {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  max-width: min(260px, 45vw);
  padding: 7px 10px !important;
  margin: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: inherit !important;
  background: transparent !important;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
.aiea-app-menu .aiea-menu-trigger:hover,
.aiea-app-menu .aiea-menu-trigger:active,
.aiea-app-menu .aiea-menu-trigger:focus,
.aiea-app-menu .aiea-menu-trigger:focus-visible {
  color: inherit !important;
  background: rgba(127,127,127,.08) !important;
  border-color: rgba(127,127,127,.25) !important;
  outline: 2px solid rgba(49,86,211,.35) !important;
  outline-offset: 2px;
  box-shadow: none !important;
}
.aiea-app-menu .aiea-menu-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aiea-app-menu .aiea-menu-chevron { flex: 0 0 auto; font-size: 12px; opacity: .75; }
.aiea-app-menu .aiea-menu-dropdown[hidden] { display: none !important; }
.aiea-app-menu .aiea-menu-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 999999;
  width: 210px;
  max-width: calc(100vw - 24px);
  padding: 6px;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  background: #fff !important;
  color: #172033 !important;
  box-shadow: 0 12px 30px rgba(16,24,40,.18);
}
.aiea-app-menu .aiea-menu-dropdown a,
.aiea-app-menu .aiea-menu-dropdown a:visited,
.aiea-app-menu .aiea-menu-dropdown button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 10px 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #172033 !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
.aiea-app-menu .aiea-menu-dropdown a:hover,
.aiea-app-menu .aiea-menu-dropdown a:focus-visible,
.aiea-app-menu .aiea-menu-dropdown button:hover,
.aiea-app-menu .aiea-menu-dropdown button:focus-visible,
.aiea-app-menu .aiea-menu-dropdown button:active {
  background: #f2f4f7 !important;
  color: #172033 !important;
  outline: 2px solid rgba(49,86,211,.25) !important;
  outline-offset: -2px;
}
.aiea-app-menu .aiea-menu-divider { display: block; height: 1px; margin: 5px 4px; background: #e4e7ec; }
.aiea-app-menu .aiea-menu-error { display: block; max-width: 220px; margin-top: 6px; color: #b42318; font-size: 12px; }

/* v0.4.2: place the account control inside the theme's existing primary menu,
   so it naturally follows the same desktop navigation and mobile drawer. */
.aiea-nav-account-item {
  display: flex !important;
  align-items: center;
  min-width: 0;
  position: relative;
  z-index: 1001;
}
.aiea-nav-account-item > .aiea-app.aiea-app-menu {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
}
.aiea-nav-account-item .aiea-menu-links {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  padding: 0;
}
.aiea-nav-account-item .aiea-menu-links > span[aria-hidden="true"] {
  display: inline-block !important;
  opacity: .65;
}
.aiea-nav-account-item .aiea-menu-user {
  max-width: 100%;
}
.aiea-nav-account-item .aiea-menu-trigger {
  max-width: min(220px, 50vw);
}
.aiea-nav-account-item .aiea-menu-dropdown {
  z-index: 999999;
}

/* v0.4.6: the slash is its own non-clickable separator between two independent links. */
.aiea-app-menu .aiea-menu-links > .aiea-menu-separator,
.aiea-nav-account-item .aiea-menu-links > .aiea-menu-separator {
  display: inline-block !important;
  visibility: visible !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 2px !important;
  padding: 0 !important;
  overflow: visible !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  opacity: .8 !important;
  text-indent: 0 !important;
  box-shadow: none !important;
}


/* v0.5.1: render Login, slash, and Sign Up as three distinct elements.
   Explicit LTR direction and flex ordering prevent themes from reversing them. */
.aiea-app.aiea-app-menu nav.aiea-menu-links,
.aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links {
  display: inline-flex !important;
  flex-direction: row !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  writing-mode: horizontal-tb !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  float: none !important;
  text-align: left !important;
}
.aiea-app.aiea-app-menu nav.aiea-menu-links > a.aiea-menu-login,
.aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links > a.aiea-menu-login {
  order: 1 !important;
  direction: ltr !important;
  float: none !important;
  margin: 0 !important;
}
.aiea-app.aiea-app-menu nav.aiea-menu-links > .aiea-menu-separator,
.aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links > .aiea-menu-separator {
  display: inline-block !important;
  order: 2 !important;
  flex: 0 0 auto !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 6px !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  font: inherit !important;
  line-height: 1.2 !important;
  opacity: .8 !important;
  text-indent: 0 !important;
  visibility: visible !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
.aiea-app.aiea-app-menu nav.aiea-menu-links > a.aiea-menu-signup,
.aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links > a.aiea-menu-signup {
  order: 3 !important;
  position: static !important;
  direction: ltr !important;
  float: none !important;
  margin: 0 !important;
}
/* Disable the previous decorative slash; the separator is now real, visible HTML. */
.aiea-app.aiea-app-menu nav.aiea-menu-links > a.aiea-menu-signup::before {
  content: none !important;
  display: none !important;
}


/* v0.4.8: make account inputs reliably tappable on touch devices, even when the
   active WordPress theme applies aggressive global form-control styles. Keep
   hidden token inputs hidden, and leave the native mobile keyboard behavior intact. */
.aiea-app.aiea-app-main,
.aiea-app.aiea-app-main .aiea-card,
.aiea-app.aiea-app-main .aiea-form,
.aiea-app.aiea-app-main .aiea-form label {
  pointer-events: auto !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}
.aiea-app.aiea-app-main .aiea-form label {
  position: relative !important;
  cursor: text !important;
}
.aiea-app.aiea-app-main .aiea-form input:not([type="hidden"]):not([disabled]):not([readonly]),
.aiea-app.aiea-app-main .aiea-panel select:not([disabled]):not([readonly]) {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  display: block !important;
  position: relative !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
  touch-action: auto !important;
  cursor: text !important;
  background: #fff !important;
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  caret-color: #172033 !important;
  text-shadow: none !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  padding: 10px 12px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 9px !important;
}
.aiea-app.aiea-app-main .aiea-form input:not([type="hidden"]):not([disabled]):not([readonly]):focus,
.aiea-app.aiea-app-main .aiea-panel select:not([disabled]):not([readonly]):focus {
  outline: 2px solid rgba(49, 86, 211, .35) !important;
  outline-offset: 1px !important;
  border-color: #3156d3 !important;
}


/* v0.5.0: place the live account control in the existing right-side header area
   on desktop; on mobile it is returned to the Primary menu/hamburger drawer. */
.aiea-header-account-inline { display: none; }
.aiea-header-account-inline.is-active {
  display: flex !important;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
  margin-left: 12px;
  position: relative;
  z-index: 1001;
  white-space: nowrap;
}
.aiea-header-account-inline .aiea-app.aiea-app-menu { flex: 0 0 auto; }
.aiea-nav-account-item.aiea-nav-account-placeholder { display: none !important; }
.aiea-header-account-inline .aiea-menu-dropdown { z-index: 999999; }

/* Keep the header version compact but readable on desktop. */
.aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links > a.aiea-menu-auth-link,
.aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links > a.aiea-menu-auth-link:visited {
  display: inline-block !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  padding: 2px 0 !important;
  white-space: nowrap !important;
}


/* v0.5.3: move the desktop account block fully to the left of the theme divider.
   Keep the mobile hamburger-menu layout unchanged. */
@media (min-width: 768px) {
  .aiea-header-account-inline.is-active {
    margin-left: 12px !important;
    margin-right: 0 !important;
    transform: translateX(calc(-100% - 46px));
    white-space: normal !important;
  }
  .aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    grid-template-rows: auto auto !important;
    column-gap: 4px !important;
    row-gap: 0 !important;
    justify-content: start !important;
    align-items: start !important;
    width: max-content !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
  .aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links > a.aiea-menu-login {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }
  .aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links > .aiea-menu-separator {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin: 0 !important;
  }
  .aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links > a.aiea-menu-signup {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
  }
}

/* v0.5.5: keep the desktop account block out of normal flow and align it
   immediately to the left of the theme divider/search area. The previous
   offset placed it too far left, overlapping the end of the primary nav.
   Mobile drawer placement is unchanged. */
@media (min-width: 768px) {
  .aiea-header-account-inline.is-active {
    position: absolute !important;
    left: auto !important;
    /* Position the account block within the right-side extras area, just
       before its divider/search controls rather than to the left of the area. */
    right: 52px !important; /* JS positions the right edge beside the search control. */
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    white-space: normal !important;
    width: clamp(84px, 12vw, 126px) !important;
    max-width: min(126px, 18vw) !important;
    justify-content: flex-end !important;
    z-index: 1002 !important;
  }
}


/* v0.5.6: on the mobile hamburger drawer, expand the account dropdown to the
   right of the username instead of right-aligning it to the narrow trigger.
   right:0 made the 210px panel extend left beyond the menu item's clipping edge. */
@media (max-width: 767px) {
  .aiea-nav-account-item .aiea-menu-user {
    position: relative !important;
    overflow: visible !important;
  }
  .aiea-nav-account-item .aiea-menu-dropdown {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: calc(100% + 8px) !important;
    width: 210px !important;
    min-width: 0 !important;
    max-width: calc(100vw - 64px) !important;
    box-sizing: border-box !important;
    z-index: 1000000 !important;
  }
}


/* v0.5.7: add a small inset to the signed-in username in the mobile drawer.
   The theme's drawer clips the button's focus outline at the far-left edge;
   moving the trigger inward slightly keeps the name and outline fully visible. */
@media (max-width: 767px) {
  .aiea-nav-account-item .aiea-menu-user {
    margin-left: 8px !important;
  }
}


/* v0.5.8: keep the signed-in chevron visible even when the theme hides inline spans,
   and anchor the desktop account control directly beside the divider/search icon. */
.aiea-app.aiea-app-menu .aiea-menu-trigger::after,
.aiea-nav-account-item .aiea-menu-trigger::after,
.aiea-header-account-inline .aiea-menu-trigger::after {
  content: "▾" !important;
  display: inline-block !important;
  visibility: visible !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  margin-left: 7px !important;
  padding: 0 !important;
  color: inherit !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  opacity: .9 !important;
  overflow: visible !important;
}
.aiea-app.aiea-app-menu .aiea-menu-trigger,
.aiea-nav-account-item .aiea-menu-trigger,
.aiea-header-account-inline .aiea-menu-trigger {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}
.aiea-app.aiea-app-menu .aiea-menu-name,
.aiea-nav-account-item .aiea-menu-name,
.aiea-header-account-inline .aiea-menu-name {
  display: inline-block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (min-width: 768px) {
  .aiea-header-account-inline.is-active {
    left: auto !important;
    right: 52px !important; /* fallback until JS measures the search control */
    transform: translateY(-50%) !important;
    width: clamp(84px, 12vw, 126px) !important;
    max-width: min(126px, 18vw) !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    margin: 0 !important;
  }
  .aiea-header-account-inline .aiea-app.aiea-app-menu {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .aiea-header-account-inline .aiea-app.aiea-app-menu nav.aiea-menu-links {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: end !important;
  }
  .aiea-header-account-inline .aiea-menu-user {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .aiea-header-account-inline .aiea-menu-trigger {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .aiea-header-account-inline .aiea-menu-name {
    flex: 0 1 auto !important;
    max-width: calc(100% - 20px) !important;
    text-align: right !important;
  }
}

@media (max-width: 767px) {
  /* The account item is part of the hamburger drawer on mobile. Preserve its
     current inset/dropdown placement while forcing the dropdown chevron to show. */
  .aiea-nav-account-item .aiea-menu-trigger {
    justify-content: flex-start !important;
    max-width: min(260px, calc(100vw - 80px)) !important;
    overflow: visible !important;
  }
  .aiea-nav-account-item .aiea-menu-name {
    flex: 0 1 auto !important;
    max-width: calc(100vw - 120px) !important;
  }
}

.aiea-name-byte-counter{font-size:12px;font-weight:400;margin-top:-2px}.aiea-name-byte-counter.aiea-byte-limit-exceeded{color:#b42318}