.pr-field--remembered-access {
  position: relative;
}

.pr-field--remembered-access > .pr-remembered-trigger {
  position: absolute;
  top: -4px;
  right: 0;
}

.pr-field__label-row {
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pr-space-3);
}

.pr-remembered-trigger {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid transparent;
  border-radius: var(--pr-radius-sm);
  padding: 0 7px;
  background: transparent;
  color: #cba66f;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition:
    background-color var(--pr-motion-fast) var(--pr-ease-standard),
    border-color var(--pr-motion-fast) var(--pr-ease-standard),
    color var(--pr-motion-fast) var(--pr-ease-standard),
    transform var(--pr-motion-instant) var(--pr-ease-press);
}

.pr-remembered-trigger .pr-icon { width: 15px; height: 15px; }
.pr-remembered-trigger__chevron { transition: transform var(--pr-motion-fast) var(--pr-ease-standard); }
.pr-remembered-trigger[aria-expanded="true"] .pr-remembered-trigger__chevron { transform: rotate(180deg); }
.pr-remembered-trigger:hover:not(:disabled) { border-color: var(--pr-accent-border); background: var(--pr-accent-soft); color: #e7bc7d; }
.pr-remembered-trigger:active:not(:disabled) { transform: translateY(1px); }
.pr-remembered-trigger:focus-visible { outline: 2px solid var(--pr-focus-ring); outline-offset: 2px; }
.pr-remembered-trigger:disabled { opacity: .48; cursor: not-allowed; }

.pr-remembered-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}

.pr-remembered-header__icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--pr-accent-border);
  border-radius: var(--pr-radius-md);
  background: var(--pr-accent-soft);
  color: var(--pr-accent-primary);
}

.pr-remembered-header__icon .pr-icon { width: 18px; height: 18px; }
.pr-remembered-header__copy { min-width: 0; display: grid; gap: 3px; }
.pr-remembered-header h2 { margin: 0; font-size: 15px; line-height: 1.25; font-weight: 600; }
.pr-remembered-header p { margin: 0; color: var(--pr-text-muted); font-size: 11.5px; line-height: 1.45; }
.pr-remembered-header__count { min-width: 42px; height: 24px; display: inline-grid; place-items: center; border: 1px solid var(--pr-border-default); border-radius: var(--pr-radius-pill); background: rgba(255,255,255,.025); color: var(--pr-text-secondary); font-size: 11px; font-weight: 600; }

.pr-remembered-list { display: grid; gap: 5px; }

.pr-remembered-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: stretch;
  border: 1px solid transparent;
  border-radius: var(--pr-radius-md);
  background: rgba(255,255,255,.008);
  transition: border-color var(--pr-motion-fast), background-color var(--pr-motion-fast), opacity var(--pr-motion-fast), transform var(--pr-motion-fast);
}

.pr-remembered-item:hover { border-color: var(--pr-border-subtle); background: rgba(255,255,255,.025); }
.pr-remembered-item[data-selected="true"] { border-color: var(--pr-accent-border); background: var(--pr-accent-soft); }
.pr-remembered-item[data-removing="true"] { opacity: .42; transform: translateX(4px); pointer-events: none; }

.pr-remembered-item__select {
  min-width: 0;
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
  gap: 4px 10px;
  border: 0;
  border-radius: var(--pr-radius-md);
  padding: 9px 10px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.pr-remembered-item__select:focus-visible { outline: 2px solid var(--pr-focus-ring); outline-offset: 1px; }
.pr-remembered-item__email { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--pr-text-primary); font-size: 13px; font-weight: 600; }
.pr-remembered-item__meta { grid-column: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--pr-text-muted); font-size: 11.5px; }
.pr-remembered-item__selected-mark { grid-column: 2; grid-row: 1 / span 2; align-self: center; display: grid; place-items: center; color: var(--pr-accent-primary); opacity: 0; }
.pr-remembered-item[data-selected="true"] .pr-remembered-item__selected-mark { opacity: 1; }
.pr-remembered-item__selected-mark .pr-icon { width: 17px; height: 17px; }

.pr-remembered-item__remove {
  align-self: center;
  min-height: 34px;
  border: 1px solid transparent;
  border-radius: var(--pr-radius-sm);
  padding: 0 9px;
  background: transparent;
  color: #caa2a6;
  font-size: 11.5px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color var(--pr-motion-fast), border-color var(--pr-motion-fast), color var(--pr-motion-fast), transform var(--pr-motion-instant);
}

.pr-remembered-item__remove:hover { border-color: rgba(225,115,124,.34); background: rgba(225,115,124,.08); color: #efa0a7; }
.pr-remembered-item__remove:active { transform: translateY(1px); }
.pr-remembered-item__remove:focus-visible { outline: 2px solid var(--pr-focus-ring); outline-offset: 2px; }

.pr-remembered-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--pr-text-muted);
  font-size: 11px;
  line-height: 1.35;
}

.pr-remembered-footer__security { min-width: 0; display: flex; align-items: center; gap: 7px; }
.pr-remembered-footer__security .pr-icon { width: 14px; height: 14px; color: var(--pr-color-success); }
.pr-remembered-footer__status { min-width: 90px; color: var(--pr-text-secondary); text-align: right; }
.pr-remembered-footer__status[data-tone="success"] { color: var(--pr-color-success); }
.pr-remembered-footer__status[data-tone="danger"] { color: var(--pr-color-danger); }

.pr-remembered-storage-error {
  min-height: 120px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 22px;
  text-align: center;
}
.pr-remembered-storage-error .pr-icon { width: 26px; height: 26px; color: var(--pr-color-danger); }
.pr-remembered-storage-error strong { font-size: 13px; }
.pr-remembered-storage-error span { max-width: 330px; color: var(--pr-text-muted); font-size: 12px; line-height: 1.45; }

@media (max-width: 540px) {
  .pr-remembered-trigger__text { display: none; }
  .pr-remembered-item { grid-template-columns: minmax(0, 1fr); }
  .pr-remembered-item__remove { justify-self: start; margin: -4px 8px 7px; }
}