.seller-easy-login { display: grid; gap: 12px; margin-top: 24px; min-width: 0; }
.seller-easy-login [hidden] { display: none !important; }
.seller-easy-login .seller-primary-button { width: 100%; box-sizing: border-box; min-height: 50px; font: inherit; font-size: 16px; font-weight: 700; line-height: 1.5; background: #5946e8; color: #fff; }
.seller-easy-login .seller-primary-button:hover:not(:disabled) { background: #4934c9; }
.seller-easy-login .seller-primary-button:disabled { opacity: .5; cursor: not-allowed; }
.seller-easy-login :is(button, input):focus-visible { outline: 3px solid #c7c2ff; outline-offset: 3px; }
.seller-remembered-login { display: grid; gap: 12px; }
.seller-easy-login .seller-easy-help { margin: 0; font-size: 14px; line-height: 1.65; color: #344054; }
.seller-code-form { display: grid; gap: 12px; padding-top: 16px; border-top: 1px solid #e5e3f6; min-width: 0; }
.seller-code-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.seller-code-heading label { font-size: 15px; font-weight: 700; color: #273047; }
.seller-code-time { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #344054; }
.seller-code-time strong { border-radius: var(--kiki-radius, 8px); background: #eeebff; padding: 3px 7px; color: #4934b8; font-size: 15px; font-variant-numeric: tabular-nums; }
.seller-code-form input { width: 100%; min-width: 0; box-sizing: border-box; min-height: 52px; border: 1px solid #dcdfee; border-radius: var(--kiki-radius, 8px); padding: 12px 14px; background: #fff; color: #172033; font: inherit; font-size: 20px; letter-spacing: .22em; text-align: center; }
.seller-code-form input::placeholder { color: #475467; opacity: 1; font-size: 15px; letter-spacing: normal; }
.seller-login-divider { display: flex; align-items: center; gap: 12px; margin: 4px 0; color: #344054; font-size: 13px; }
.seller-login-divider::before, .seller-login-divider::after { content: ''; height: 1px; flex: 1; background: #e8eaf1; }
.seller-easy-login .seller-easy-status { margin: 2px 0 0; padding: 12px 14px; border-radius: var(--kiki-radius, 8px); background: #f5f6fa; color: #344054; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.seller-easy-status:empty { display: none; }
.seller-easy-login [data-keys] { color: #344054; font-size: 14px; line-height: 1.7; }
.seller-passkey-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 14px 0; border-bottom: 1px solid #e2e5ee; }
.seller-passkey-row button { min-height: 44px; border: 1px solid #e5bac1; border-radius: var(--kiki-radius, 8px); background: #fff4f5; color: #a3223a; font: inherit; font-weight: 700; padding: 8px 16px; cursor: pointer; }

/* QR·시간·확인 번호를 독립된 행으로 배치해 화면 폭에 따른 줄바꿈을 방지합니다. */
.seller-easy-login .seller-qr-card { display: grid; justify-items: center; gap: 16px; padding: 22px 20px; min-width: 0; border: 1px solid #e1e4ee; border-radius: var(--kiki-radius, 8px); background: linear-gradient(180deg, #faf9ff, #fff 65%); box-shadow: 0 6px 24px rgb(32 38 72 / 4%); }
.seller-qr-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; width: 100%; color: #202a40; font-size: 16px; }
.seller-qr-badge { padding: 4px 8px; border-radius: var(--kiki-radius, 8px); background: #eeebff; color: #5140b9; font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.seller-easy-login .seller-qr-intro { margin: -6px 0 0; width: 100%; color: #344054; font-size: 14px; line-height: 1.6; word-break: keep-all; }
.seller-qr-image { padding: 12px; max-width: 100%; box-sizing: border-box; border: 1px solid #e3e6f0; border-radius: var(--kiki-radius, 8px); background: #fff; box-shadow: 0 4px 14px rgb(42 35 98 / 5%); }
.seller-qr-image img { display: block; width: 220px; height: auto; max-width: 100%; aspect-ratio: 1; object-fit: contain; }
.seller-easy-login .seller-qr-time { display: flex; justify-content: center; margin: -4px 0 0; gap: 10px; }
.seller-qr-time strong { min-width: 48px; text-align: center; padding: 5px 9px; }
.seller-qr-confirm { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; box-sizing: border-box; width: 100%; padding: 14px 16px; border: 1px solid #e3e6ef; border-radius: var(--kiki-radius, 8px); background: #f7f8fc; }
.seller-qr-confirm span { font-size: 13px; color: #344054; }
.seller-qr-confirm strong { font-size: 24px; font-weight: 750; letter-spacing: .14em; font-variant-numeric: tabular-nums; color: #252e48; }
.seller-qr-steps { width: 100%; box-sizing: border-box; margin: 0; padding-left: 20px; color: #3d4b62; font-size: 13px; line-height: 1.8; word-break: keep-all; }
.seller-qr-steps li::marker { color: #6553cc; font-weight: 700; }
.seller-easy-login .seller-qr-note { margin: -6px 0 0; color: #344054; font-size: 12px; line-height: 1.6; text-align: center; }
@media (max-width: 380px) {
    .seller-easy-login .seller-qr-card { padding: 18px 14px; }
    .seller-qr-confirm { padding: 12px; }
    .seller-qr-confirm strong { font-size: 21px; }
}