/* Social login buttons (Google·카카오·네이버). Provider colors follow each provider's button guide. */
.oauth-box{margin-top:20px}
.oauth-off{margin:16px 0 0;font-size:14px;color:var(--muted)}
.oauth-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-bottom:12px}
.oauth-or::before,.oauth-or::after{content:"";flex:1;border-top:1px solid var(--line)}
.oauth-list{display:grid;gap:8px}
.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid transparent;border-radius:var(--r,8px);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:filter .15s}
.oauth-btn svg{width:18px;height:18px;flex:none}
.oauth-btn:hover{filter:brightness(.96)}
.oauth-btn:active{filter:brightness(.9)}
.oauth-btn:focus-visible{outline:2px solid var(--brand,#135666);outline-offset:2px}
.oauth-btn[aria-disabled="true"],.oauth-btn:disabled{opacity:.55;pointer-events:none}
.oauth-btn[aria-busy="true"]{cursor:progress;opacity:.8}
.oauth-google{background:#fff;border-color:#747775;color:#1f1f1f}
.oauth-kakao{background:#fee500;color:rgba(0,0,0,.85)}
.oauth-naver{background:#03c75a;color:#fff}
@media (prefers-reduced-motion:reduce){.oauth-btn{transition:none}}
/* account settings: login methods */
.oauth-methods{display:grid;gap:8px;margin:12px 0}
.oauth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r,8px)}
.oauth-row b{font-size:15px}
.oauth-row small{display:block;color:var(--muted);font-size:13px}
.oauth-row button{min-height:40px}
.oauth-notice{margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-left:3px solid var(--brand,#135666);background:var(--paper,#fff);font-size:15px}
/* continue page */
.oauth-page{max-width:480px;margin:48px auto;padding:0 16px}
.oauth-page h1{font-size:22px;margin:0 0 8px}
.oauth-page .lead{color:var(--muted);font-size:15px;margin:0 0 20px}
.oauth-page form{display:grid;gap:8px}
.oauth-page label{font-size:14px;font-weight:600}
.oauth-page input[type=email],.oauth-page input[type=text],.oauth-page input[type=password]{min-height:44px;font-size:16px}
.oauth-page .primary{min-height:48px;margin-top:12px}
.oauth-page .message{min-height:20px;font-size:14px;color:#b42318}
.oauth-page .ok{color:var(--ok,#1d7347)}