/* HYBRI8 Profile usability layer — scoped to Profile */
.profile-page .profile-next-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:14px;
  border-color:rgba(231,185,143,.24);
  background:linear-gradient(145deg,rgba(24,29,30,.98),rgba(9,16,20,.98));
  box-shadow:0 18px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
}
.profile-page .profile-next-action h2{margin:4px 0 6px;font-size:24px}
.profile-page .profile-next-action p{margin:0;max-width:48ch;color:#aeb8b2}
.profile-page .profile-next-action .btn{flex:0 0 auto;min-height:48px;min-width:150px}

.profile-page .profile-facts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.profile-page .profile-facts span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(231,185,143,.14);
  border-radius:999px;
  background:rgba(213,161,115,.055);
  color:#d7ddd9;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}

.profile-page .profile-danger-zone{
  margin-top:16px;
  border-top:1px solid rgba(223,136,127,.15);
  padding-top:10px;
}
.profile-page .profile-danger-zone summary{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  list-style:none;
  color:#e9d1cc;
  font-weight:850;
  outline:none;
}
.profile-page .profile-danger-zone summary::-webkit-details-marker{display:none}
.profile-page .profile-danger-zone summary:after{content:'＋';font-size:20px;color:#d5a49b}
.profile-page .profile-danger-zone[open] summary:after{content:'−'}
.profile-page .profile-danger-zone summary:focus-visible{box-shadow:0 0 0 3px rgba(231,185,143,.24);border-radius:12px}
.profile-page .profile-danger-zone>p{margin:4px 0 14px;color:#bcaeaa;font-size:12px}
.profile-page .profile-danger-zone .quick-actions{margin-top:0}
.profile-page .profile-danger-zone .btn{min-height:48px}

.profile-page .account-state{margin:0 0 14px;width:100%}
.profile-page button[aria-busy="true"],
.profile-page .btn[aria-busy="true"]{cursor:progress;opacity:.72}
.profile-page button:disabled,
.profile-page .btn:disabled{cursor:not-allowed;opacity:.55}

.profile-action-dialog{
  width:min(92vw,520px);
  max-height:min(86dvh,720px);
  margin:auto;
  padding:0;
  border:1px solid rgba(231,185,143,.24);
  border-radius:24px;
  background:#0b1216;
  color:#f3f5f4;
  box-shadow:0 32px 100px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.05);
  overflow:auto;
  overscroll-behavior:contain;
}
.profile-action-dialog::backdrop{background:rgba(2,5,7,.74);backdrop-filter:blur(8px)}
.profile-action-dialog .profile-dialog-card{padding:24px}
.profile-action-dialog h2{margin:8px 0 10px;font-size:28px;line-height:1.05}
.profile-action-dialog p{color:#b9c1bd;line-height:1.55}
.profile-action-dialog #profileDialogPhrase{margin-top:18px}
.profile-action-dialog label{display:block;margin-bottom:8px;font-size:13px;font-weight:800;color:#ded7d2}
.profile-action-dialog input{
  width:100%;
  min-height:48px;
  box-sizing:border-box;
  border:1px solid rgba(231,185,143,.22);
  border-radius:13px;
  padding:0 14px;
  background:#070d10;
  color:#fff;
  font:inherit;
  text-transform:uppercase;
  outline:none;
}
.profile-action-dialog input:focus{border-color:rgba(231,185,143,.56);box-shadow:0 0 0 3px rgba(231,185,143,.12)}
.profile-action-dialog .profile-dialog-error{min-height:1.5em;margin:10px 0 0;color:#e7b7ae;font-size:13px}
.profile-action-dialog .profile-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.profile-action-dialog .btn{min-height:48px;min-width:120px}
.profile-action-dialog .btn.danger{border-color:rgba(223,136,127,.28);background:rgba(223,136,127,.13);color:#f3d6d1}
.profile-action-dialog .btn.danger:not(:disabled):hover{background:rgba(223,136,127,.20)}

@media(max-width:640px){
  .profile-page .profile-next-action{align-items:stretch;flex-direction:column;margin-top:11px;padding:18px;border-radius:20px}
  .profile-page .profile-next-action .btn{width:100%}
  .profile-action-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)))}
  .profile-action-dialog .profile-dialog-card{padding:20px 18px max(20px,calc(env(safe-area-inset-bottom) + 14px))}
  .profile-action-dialog .profile-dialog-actions{flex-direction:column-reverse}
  .profile-action-dialog .btn{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .profile-action-dialog::backdrop{backdrop-filter:none}
}