/* 아이디 찾기 화면 — 계정 카드 뼈대는 공용(account.css)이고 여기에는 이 화면에만 있는 것만 둡니다. */
@import "account.css";

/* 전화번호 — 국가번호와 번호를 갈라 둡니다.
   번호만 받으면 모두 한국 번호로 새겨집니다. 국내 번호와 해외 번호는 생김새로 갈라낼 수 없어서
   (앞의 0 은 나라마다 뜻이 다릅니다) 나라를 고르게 합니다. 저장은 여전히 E.164 하나입니다. */
.lg-phone { display: grid; grid-template-columns: minmax(0, 14rem) minmax(0, 1fr); gap: 8px; align-items: stretch; }
/* 세로 여백·목록 색은 공용의 select 규칙(select.lg-input)이 이미 맞춰 둡니다. */
.lg-phone-country { padding-left: 12px; }
/* 좁은 화면에서는 두 줄로 쌓습니다 — 나란히 두면 긴 나라 이름(남아프리카공화국)이 잘리거나
   번호 칸이 눌립니다. 둘 다 전체 폭을 쓰면 어느 쪽도 잘리지 않습니다. */
@media (max-width: 560px) {
	.lg-phone { grid-template-columns: 1fr; }
}

/* 찾은 아이디 목록 */
.lg-found { margin-bottom: 18px; padding: 15px 16px; border: 1px solid #23306a; border-left: 3px solid #4cae7a; border-radius: 10px; background: #0c1230; }
.lg-found-title { margin: 0 0 10px; font-size: 13.5px; font-weight: 700; color: #c3cdec; }
.lg-found-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.lg-found-list li { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.lg-found-id { font-family: 'D2Coding', Consolas, monospace; font-size: 15px; color: #f5c542; word-break: break-all; }
.lg-found-date { flex-shrink: 0; font-size: 12px; color: #6f7ea8; }
.lg-found-note { margin: 10px 0 0; font-size: 12px; color: #6f7ea8; word-break: keep-all; }