.idd-account{ padding: 56px 16px; background: var(--bg, #fff); }
.idd-account__container{ max-width: 1100px; margin: 0 auto; }

.idd-account__head{ margin-bottom: 16px; }
.idd-account__title{ margin: 0 0 6px; font-size: 32px; line-height: 1.15; color: var(--brand-navy,#101323); }
.idd-account__subtitle{ margin: 0; color: var(--text,#4b5563); }

.idd-account__notice{ padding: 12px 14px; border-radius: 12px; margin: 14px 0; border: 1px solid rgba(0,0,0,.08); background: #fff; }
.idd-account__notice.is-success{ border-color: rgba(22,163,74,.25); background: rgba(22,163,74,.06); }
.idd-account__notice.is-error{ border-color: rgba(239,68,68,.25); background: rgba(239,68,68,.06); }

.idd-account__grid{ display: grid; grid-template-columns: 360px 1fr; gap: 16px; align-items: start; }
.idd-account__card{ border: 1px solid rgba(0,0,0,.08); border-radius: 16px; padding: 16px; background: #fff; }
.idd-account__cardTitle{ margin: 0 0 10px; font-size: 16px; color: var(--brand-navy,#101323); }

.idd-account__line{ margin: 0 0 8px; color: var(--text,#4b5563); }
.idd-account__hint{ margin: 10px 0 0; color: var(--text,#4b5563); font-size: 13px; opacity: .9; }

.idd-account__badge{ padding: 4px 10px; border-radius: 999px; font-size: 12px; display: inline-flex; align-items: center; gap: 6px; }
.idd-account__badge.is-ok{ background: rgba(22,163,74,.08); color: rgba(22,163,74,.95); border: 1px solid rgba(22,163,74,.25); }
.idd-account__badge.is-off{ background: rgba(0,0,0,.04); color: rgba(0,0,0,.65); border: 1px solid rgba(0,0,0,.10); }

.idd-account__btn{
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 14px; border-radius: 12px; border: 0; cursor: pointer;
  font-weight: 800; text-decoration: none;
  color: #fff;
  background: linear-gradient(90deg, var(--brand-green,#17A051), var(--brand-green-2,#64CA4F));
}
.idd-account__btn.is-ghost{ background: #fff; color: var(--brand-green,#17A051); border: 1px solid rgba(23,160,81,.35); }
.idd-account__btn.is-danger{ background: rgba(239,68,68,.92); }

@media (max-width: 960px){
  .idd-account__grid{ grid-template-columns: 1fr; }
}