/* Personal entry uses the shared credential row, picker and HelpDesk surface tokens. */
.personal-credentials__toolbar { display: flex; align-items: flex-end; gap: 12px; }
.personal-credentials__toolbar > .field { flex: 1; min-width: 0; max-width: 620px; }
.personal-credentials__toolbar > button { margin-left: auto; flex: 0 0 auto; }
.personal-credentials__entry { margin-bottom: 22px; padding: 18px; border: 1px solid var(--primary); border-radius: var(--radius-md, 16px); background: var(--panel-surface); }
.personal-credentials__entry > .section-head { margin-bottom: 12px; }
.personal-credentials__entry h2 { margin: 0; font-size: 1.12rem; }
.personal-credentials__entry .icon-button { flex: 0 0 44px; }
.personal-credentials__entry .managed-credentials__choices { min-height: 0; }
.personal-credentials__form { margin-top: 14px; gap: 12px; }
.personal-credentials__form .managed-credentials__fields { gap: 12px; }
.personal-credentials__form :is(input:not([type="checkbox"]),textarea) { width: 100%; min-width: 0; }
.personal-credentials__form textarea { resize: none; min-height: 72px; }
.personal-credentials__form .managed-credentials__field-error { min-height: 0; margin-top: 4px; }
.personal-credentials__form .managed-credentials__field-error:empty { display: none; }
.personal-credentials__optional { border-top: 1px solid var(--stroke); }
.personal-credentials__optional > summary { display: list-item; min-height: 44px; padding: 12px 0; cursor: pointer; font-size: .84rem; color: var(--text); }
.personal-credentials__optional > summary span { margin-left: 5px; color: var(--muted); font-size: .75rem; }
.personal-credentials__optional > summary:focus-visible { outline: 2px solid var(--focus-color, var(--primary)); outline-offset: 3px; }
.personal-credentials__form-footer { display: flex; justify-content: flex-end; gap: 10px; }
.personal-credentials__selected { margin: 0; color: var(--primary); font-weight: 700; overflow-wrap: anywhere; }
.personal-credentials__empty { padding: 20px 0; color: var(--muted); }
.personal-credentials > .managed-credentials__status { margin: 8px 0; min-height: 24px; font-size: .84rem; }
.personal-credentials .managed-credentials__list { overflow-x: visible; }
.personal-credentials .managed-credentials__row,
.personal-credentials .managed-credentials__row.is-managed { min-width: 0; }
@media (max-width: 980px) {
 .personal-credentials .managed-credentials__row { flex-wrap: wrap; }
 .personal-credentials .managed-credentials__program { flex: 1 1 220px; }
 .personal-credentials .managed-credentials__row-values { flex: 1 1 300px; min-width: 180px; }
 .personal-credentials .managed-credentials__actions { margin-left: auto; }
}
@media (max-width: 600px) {
 .personal-credentials__toolbar { gap: 8px; }
 .personal-credentials__toolbar > button { padding-inline: 10px; }
 .personal-credentials__entry { padding: 12px; }
 .personal-credentials__form .managed-credentials__fields { grid-template-columns: minmax(0, 1fr); }
 .personal-credentials__form-footer > button { flex: 1; padding-inline: 10px; }
 .personal-credentials .managed-credentials__program { flex-basis: 100%; }
 .personal-credentials .managed-credentials__row-values { flex-basis: 100%; min-width: 0; flex-wrap: wrap; }
 .personal-credentials .managed-credentials__row-value { flex: 1 1 110px; }
 .personal-credentials .managed-credentials__actions { margin-left: auto; max-width: 100%; }
 .personal-credentials .managed-credentials__action { flex: 1 1 42px; width: 42px; min-width: 0; }
}

@media (any-pointer: coarse) {
 .personal-credentials .managed-credentials__action { flex-basis: 44px; width: 44px; min-width: 44px; min-height: 44px; }
 .personal-credentials .managed-credentials__actions { flex-wrap: wrap; }
}

.personal-credentials__program-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 10px; }
.personal-credentials__program-bar[hidden] { display: none; }
.personal-credentials .credential-scope__brand-details > summary { width: fit-content; min-height: 32px; padding-block: 6px; color: var(--muted); font-size: .8rem; cursor: pointer; }
.personal-credentials .credential-scope__brand-details > summary:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }