/* Signed-in account menu (#635): one map of what a signed-in person can do,
   the same on every account page. */
.account-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -12px 0 24px;
}
.account-nav a {
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(240, 249, 255, 0.62));
  box-shadow: 0 1px 0 var(--glass-edge), 0 6px 18px -12px var(--glass-glow);
  color: var(--ink);
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;
}
.account-nav a:hover { border-color: var(--glass-edge); }
.account-nav a[aria-current="page"] {
  border-color: var(--ink);
  background: var(--ink);
  color: #fff;
}
@media (max-width: 540px) {
  .account-nav { margin-top: -16px; }
}

/* Download SESI (downloads.html): signed-in only, latest build. */
.downloads-status { margin: 16px 0 0; color: var(--muted); }
.downloads-version { margin: 8px 0 0; color: var(--muted); font-size: 0.92rem; }
.downloads-version strong { color: var(--ink); }
.downloads-list { margin: 16px 0 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.downloads-item {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(240, 249, 255, 0.6));
  box-shadow: 0 1px 0 var(--glass-edge);
}
.downloads-item.is-detected { border-color: var(--glass-edge); box-shadow: 0 1px 0 var(--glass-edge), 0 10px 26px -18px var(--glass-glow); }
.downloads-item-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.downloads-item h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: var(--ink); font-size: 1.1rem; }
.downloads-detected {
  padding: 2px 8px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}
.downloads-file { margin: 4px 0 0; color: var(--muted); font-size: 0.9rem; }
.downloads-button {
  padding: 10px 18px;
  border: 0;
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.downloads-button:disabled { opacity: 0.7; cursor: progress; }
.downloads-note,
.downloads-sha { margin: 10px 0 0; color: var(--muted); font-size: 0.85rem; }
.downloads-sha code { color: var(--ink); font-size: 0.78rem; overflow-wrap: anywhere; }
.downloads-notes { margin-top: 16px; color: var(--muted); font-size: 0.9rem; }
.downloads-notes summary { color: var(--ink); font-weight: 600; cursor: pointer; }
@media (max-width: 540px) {
  .downloads-button { width: 100%; }
}
/* Email preferences when reached from the account menu: who is signed in,
   and the email-code sign-in when nobody is. */
.preferences-account {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 18px 0 0;
  padding: 12px 0;
  border-top: 1px solid var(--border);
  color: var(--muted);
}
.preferences-account strong { color: var(--ink); overflow-wrap: anywhere; }
/* Programmatic focus target after sign-in, not a control: no ring. */
.preferences-account:focus { outline: none; }
.preferences-panel .preferences-account button { margin: 0; padding: 8px 14px; }
.preferences-signin { margin-top: 8px; }
.preferences-signin-intro { margin: 18px 0 0; color: var(--ink); font-weight: 600; }

/* Brand and language picker share the top row of every account page (#665). */
.portal-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 28px;
}
.portal-top .billing-brand,
.portal-top .preferences-brand { margin-bottom: 0; }
.portal-top .lang-picker { margin-left: auto; }
/* Translated labels (ログアウト, Cerrar sesión) stay on one line beside the heading. */
.billing-dash-head .billing-ghost { white-space: nowrap; }