@charset "utf-8";

body{
  background: var(--jh-bg);
}

.p-member-recovery{
  padding: 0;
}

.c-recovery-passwords{display:grid;gap:16px;}

.c-recovery-result{
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid #dbeafe;
  border-radius:16px;
  background:#f8fbff;
}
.c-recovery-result__head{display:grid;gap:6px;}
.c-recovery-result__ttl{font-size:17px;font-weight:800;color:#111827;}
.c-recovery-result__desc{margin:0;font-size:13px;line-height:1.55;color:#4b5563;}
.c-recovery-result__list{display:grid;gap:10px;}
.c-recovery-result__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e5e7eb;}
.c-recovery-result__id{font-size:15px;font-weight:800;color:#111827;}
.c-recovery-result__date{font-size:12px;color:#6b7280;}
.c-recovery-result__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.c-recovery-result__actions .c-btn{justify-content:center;border-radius:14px;min-height:48px;font-weight:800;}

@media (min-width: 768px){
  .p-member-recovery{padding:calc(40px + env(safe-area-inset-top)) 24px 60px;}
  
}