#pampa-account {
  display: none !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem;
  margin-left: 0;
  max-width: min(45vw, 270px);
  font: 500 .7rem/1.25 var(--ui, 'Figtree', system-ui, sans-serif);
  color: #005b8e;
}
#pampa-account[hidden],
#pampa-identity-layer[hidden] { display: none; }
#pampa-account-summary {
  min-height: 38px;
  border: 1px solid #0083c5;
  border-radius: 10px;
  max-width: 100%;
  overflow: hidden;
  padding: .35rem .65rem;
  cursor: pointer;
  color: #fff;
  background: #0083c5;
  box-shadow: 0 3px 9px rgba(0,91,142,.18);
  font: 700 .7rem/1.2 var(--ui, 'Figtree', system-ui, sans-serif);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#pampa-account-summary:hover,
#pampa-account-logout:hover {
  border-color: #005b8e;
  background: #005b8e;
}
#pampa-account-summary:focus-visible,
#pampa-account-logout:focus-visible {
  outline: 3px solid rgba(0,131,197,.3);
  outline-offset: 2px;
}
#pampa-account-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#pampa-account-details {
  position: absolute;
  z-index: 12;
  top: calc(100% + .55rem);
  right: 0;
  display: none;
  width: min(300px, calc(100vw - 2rem));
  padding: .85rem;
  border: 1px solid var(--linea, #e7ecf2);
  border-radius: 12px;
  color: #005b8e;
  background: #fff;
  box-shadow: 0 8px 26px rgba(15, 39, 64, .18);
  white-space: normal;
}
#pampa-account.open #pampa-account-details { display: block; }
#pampa-account-details p { margin: 0 0 .55rem; line-height: 1.4; }
#pampa-account-details p:nth-last-of-type(1) { color: #005b8e; font-size: .68rem; }
#pampa-account-logout {
  flex: none;
  min-height: 38px;
  border: 1px solid #0083c5;
  border-radius: 10px;
  padding: .4rem .65rem;
  color: #fff;
  background: #0083c5;
  font: 700 .68rem/1.2 var(--ui, 'Figtree', system-ui, sans-serif);
  cursor: pointer;
}
#pampa-identity-layer {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  overflow-y: auto;
  padding: max(1rem, env(safe-area-inset-top, 0px)) max(1rem, env(safe-area-inset-right, 0px))
    max(1rem, env(safe-area-inset-bottom, 0px)) max(1rem, env(safe-area-inset-left, 0px));
  background: rgba(0, 43, 69, .58);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  font-family: var(--ui, 'Figtree', system-ui, sans-serif);
}
#pampa-identity-card {
  width: min(100%, 390px);
  padding: clamp(1.3rem, 6vw, 2rem);
  border: 1px solid var(--linea, #e7ecf2);
  border-radius: 20px;
  color: var(--tinta, #0f2740);
  background: #fff;
  box-shadow: 0 18px 60px rgba(15, 39, 64, .24);
}
#pampa-identity-card h1 {
  margin: 0 0 .45rem;
  color: var(--tinta, #0f2740);
  font: 700 1.45rem/1.2 var(--display, 'Amiri', Georgia, serif);
}
#pampa-identity-card p {
  margin: 0 0 1rem;
  color: var(--gris, #5e6b78);
  font-size: .85rem;
  line-height: 1.5;
}
#pampa-identity-form label {
  display: block;
  margin-bottom: .35rem;
  font-size: .78rem;
  font-weight: 700;
}
#pampa-identity-form input {
  width: 100%;
  min-height: 50px;
  margin-bottom: .7rem;
  padding: .65rem .8rem;
  border: 1.5px solid var(--linea, #e7ecf2);
  border-radius: 10px;
  color: var(--tinta, #0f2740);
  background: #fff;
  font: 500 1rem/1.3 var(--ui, 'Figtree', system-ui, sans-serif);
}
#pampa-identity-form input:focus-visible,
#pampa-identity-form button:focus-visible,
#pampa-account-logout:focus-visible {
  outline: 3px solid var(--pampa, #0083c5);
  outline-offset: 2px;
}
#pampa-identity-form button {
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: var(--pampa, #0083c5);
  font: 700 .9rem/1.2 var(--ui, 'Figtree', system-ui, sans-serif);
  cursor: pointer;
}
#pampa-identity-form button:hover { background: var(--pampa-deep, #005b8e); }
#pampa-identity-form button:disabled { opacity: .65; cursor: wait; }
#pampa-identity-message {
  min-height: 1.4em;
  margin: .65rem 0 0 !important;
  color: var(--danger, #b3261e) !important;
  font-size: .78rem !important;
}
#pampa-identity-form [hidden] { display: none !important; }
#pampa-identity-manual-fields {
  min-width: 0;
  margin: .8rem 0 0;
  padding: .8rem;
  border: 1px solid #c5dfed;
  border-radius: 10px;
}
#pampa-identity-card { max-height: 92dvh; overflow-y: auto; }
.identity-brand-pair { justify-content: center; margin: 0 auto 1rem; }
.identity-brand-pair .andromaco-mark { width: 132px; height: 38px; object-fit: cover; object-position: center; }
.identity-brand-pair .pampa-mark { width: 130px; height: 46px; }
#pampa-identity-form input { font-size: 16px; }
@media (max-width: 390px) {
  #pampa-account { max-width: 52vw; }
  #pampa-account-name { max-width: 110px; }
}
@media (max-width: 390px) {
  .identity-brand-pair { gap: 5px; }
  .identity-brand-pair .andromaco-mark { width: 112px; height: 34px; }
  .identity-brand-pair .pampa-mark { width: 112px; height: 40px; }
}