/* Parent Center additions (keeps CPJourney look) */
.cp-card { max-width: 980px; margin: 40px auto; background: rgba(255,255,255,0.92); border-radius: 18px; padding: 28px; box-shadow: 0 10px 30px rgba(0,0,0,0.18); }
.cp-card--wide { max-width: 1100px; }
.cp-title { font-size: 44px; margin: 0 0 8px; font-family: 'Trebuchet MS', Arial, sans-serif; letter-spacing: .5px; }
.cp-subtitle { margin: 0 0 18px; opacity: .9; }
.cp-h2 { margin: 0 0 10px; font-size: 22px; }
.cp-text { margin: 0 0 12px; opacity: .9; }
.cp-form { display: grid; gap: 10px; }
.cp-label { font-weight: 700; font-size: 14px; }
.cp-input { width: 100%; padding: 10px 12px; border-radius: 12px; border: 2px solid rgba(0, 83, 160, .35); outline: none; }
.cp-input:focus { border-color: rgba(0, 83, 160, .7); box-shadow: 0 0 0 4px rgba(0,83,160,.15); }
.cp-btn { display:inline-flex; align-items:center; justify-content:center; padding: 10px 14px; border-radius: 14px; border: 2px solid rgba(0,0,0,.15); cursor:pointer; font-weight: 800; }
.cp-btn--primary { background: linear-gradient(#3ab6ff, #1e77d6); color: #fff; border-color: rgba(0,0,0,.12); }
.cp-btn--secondary { background: linear-gradient(#ffffff, #e7f3ff); color: #075aa8; border-color: rgba(7,90,168,.35); }
.cp-btn:hover { transform: translateY(-1px); }
.cp-alert { padding: 10px 12px; border-radius: 12px; margin: 12px 0; font-weight: 700; }
.cp-alert--error { background: rgba(255, 60, 60, .14); border: 2px solid rgba(255,60,60,.35); color: #8a0f0f; }
.cp-alert--success { background: rgba(60, 200, 120, .16); border: 2px solid rgba(60,200,120,.35); color: #0f5b2f; }
.cp-footnote { margin-top: 18px; opacity: .85; font-size: 14px; }
.cp-actions { display:flex; gap:10px; flex-wrap: wrap; align-items:center; }
.cp-chip { display:flex; gap: 12px; align-items:center; padding: 12px; border-radius: 16px; background: rgba(7,90,168,.08); border: 2px solid rgba(7,90,168,.18); }
.cp-avatarCircle { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(0,83,160,.35); flex: 0 0 auto; }
.cp-avatarCircle img, .cp-avatarCircle svg { width:100%; height:100%; display:block; }
.cp-table { width: 100%; border-collapse: collapse; }
.cp-table th, .cp-table td { padding: 10px 8px; border-bottom: 1px solid rgba(0,0,0,.10); text-align:left; }
.cp-table th { font-weight: 900; }
.cp-badge { display:inline-block; padding: 3px 8px; border-radius: 999px; font-weight: 900; font-size: 12px; background: rgba(0,83,160,.12); border: 1px solid rgba(0,83,160,.22); }

@media (min-width: 900px){ .cp-grid--2{ grid-template-columns: 1fr 1fr; } }

/* Parent Center layout: keep footer at bottom and avoid "floating" text */
.layout_root__m3G4m{ min-height:100vh; display:flex; flex-direction:column; }
.layout_content__hcxKW{ flex:1 0 auto; }
.layout_footer__gCw6u{ flex:0 0 auto; }

/* Cleaner table rows for linked accounts */
.cp-table td{ vertical-align: middle; }
.cp-table .cp-btn{ min-width: 86px; }



/* Parent Center themed assets */
.pc-heroTop{
  height:64px;
  background:url('assets/container-top-1.png') center top / cover no-repeat;
  border-radius:22px 22px 0 0;
  margin:-22px -22px 18px -22px;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.08);
}
.pc-actions{ display:flex; gap:14px; flex-wrap:wrap; margin:14px 0 18px; }
.pc-actions .cp-btn{ position:relative; padding-left:44px; }
.pc-actions .cp-btn::before{
  content:'';
  position:absolute;
  left:14px;
  top:50%;
  width:20px;
  height:20px;
  transform:translateY(-50%);
  background-size:contain;
  background-repeat:no-repeat;
  opacity:.95;
}
.cp-btn-claim::before{ background-image:url('assets/icon-home.png'); }
.cp-btn-link::before{ background-image:url('assets/icon-edit.png'); }
.cp-btn-create::before{ background-image:url('assets/icon-psa.png'); }

/* Make avatar circles look closer to CP style */
.pc-avatarWrap{
  width:74px;
  height:74px;
  border-radius:999px;
  overflow:hidden;
  background:linear-gradient(#e9f4ff,#cfe7ff);
  border:4px solid rgba(255,255,255,.65);
  box-shadow:0 2px 0 rgba(0,0,0,.12), inset 0 0 0 2px rgba(0,0,0,.08);
}
.pc-avatar{
  width:100%;
  height:100%;
  display:block;
}