/* 가맹점주 회원가입·가입 신청(본사)·계정 창(2026-11-09) */
.su-join{margin:14px 0 0;text-align:center;font-size:15px;color:#4d4d4d}
.su-join .link-button{font-size:15px}
.su-links{margin:10px 0 0;text-align:center;font-size:13px}.su-links a,.acct-links a{color:#717171}
.login-card .su-lead{margin:4px 0 10px;color:#5d5d5d;font-size:14px}
.su-kinds{display:grid;gap:10px;margin:16px 0}
.su-kind{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:16px;border:1px solid #DDDDDD;border-radius:14px;background:#fff;color:#1A1A1A;text-decoration:none;cursor:pointer;font:inherit}
.su-kind b{font-size:17px}.su-kind span{font-size:13px;color:#5d5d5d}
.su-kind:hover,.su-kind:focus-visible{border-color:#56007A;background:#fbf8fd}
.su-back{display:block;margin:14px auto 0}
.login-card .su-all{display:flex;align-items:center;gap:10px;margin:12px 0 8px;padding:12px 14px;border:1px solid #DDDDDD;border-radius:12px;background:#fbf8fd;font-weight:700;font-size:16px}
.login-card input[type=checkbox]{display:inline-block;width:22px;height:22px;min-width:22px;margin:0;padding:0;accent-color:#56007A}
.su-agree{list-style:none;margin:0;padding:0;border:1px solid #DDDDDD;border-radius:12px}
.su-agree>li{padding:10px 12px;border-top:1px solid #EEE5F2}.su-agree>li:first-child{border-top:0}
.su-row{display:flex;align-items:center;gap:8px}
.login-card .su-row label{display:flex;align-items:center;gap:10px;margin:0;flex:1;min-width:0;font-size:15px}
.su-row label span{min-width:0}.su-row em{font-style:normal;color:#56007A;font-weight:700;margin-right:6px;font-size:13px}
.su-more{border:0;background:none;color:#717171;font-size:13px;padding:6px 4px;min-height:0;cursor:pointer;flex:none}
.su-sum{margin:8px 0 2px 32px;font-size:13px;color:#4d4d4d}.su-sum ul{margin:0 0 6px;padding-left:16px}.su-sum li{margin:2px 0}.su-sum a{color:#41005D}
.su-next{width:100%;margin-top:12px}
.login-card .su-hint{display:block;margin-top:6px;font-size:13px;color:#5d5d5d}.su-hint.ok{color:#15803d}.su-hint.bad{color:#b91c1c}
.su-done{margin:12px 0 18px;padding:14px;border-radius:12px;background:#fbf8fd;border:1px solid #E9D8F1;line-height:1.7}
#su-msg{min-height:1.2em;color:#b91c1c;font-size:14px;margin:8px 0 0}
/* 본사: 가입 신청 칸 */
.su-hq{margin-bottom:16px}
.su-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:10px 0}
.su-card{padding:14px;border:2px solid #56007A;border-radius:14px;background:#fff;min-width:0}
.su-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.su-card-h strong{font-size:17px}
.su-st.pending{font-size:12px;font-weight:700;color:#41005D;background:#F5EAFA;border-radius:999px;padding:3px 9px;flex:none}
.su-meta{margin:6px 0 2px;font-size:14px;overflow-wrap:anywhere}.su-meta a{color:#41005D}
.su-ag{margin:0;font-size:12px;color:#5d5d5d}
.su-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.su-act select{flex:1 1 100%;min-height:42px;font-size:15px;border:1px solid #ddd;border-radius:10px;padding:0 10px}
.su-act button{flex:1}
.su-warn{margin:6px 0 0;color:#b91c1c;font-size:13px}
.su-done-list{list-style:none;margin:8px 0 0;padding:0;font-size:13px;color:#4d4d4d}.su-done-list li{padding:4px 0;border-top:1px dashed #DDDDDD}.su-done-list small{color:#7d7d7d}
.su-done-list .su-approved b{color:#15803d}.su-done-list .su-rejected b{color:#6b7280}
/* 계정 창(로그아웃·계정 삭제) */
dialog.acct-dlg{border:0;border-radius:18px;padding:0;width:min(360px,calc(100vw - 32px));box-shadow:0 18px 50px rgba(26,26,26,.25)}
dialog.acct-dlg::backdrop{background:rgba(26,26,26,.45)}
.acct-box{display:flex;flex-direction:column;gap:10px;padding:22px 20px 18px}
.acct-box h3{margin:0 0 4px;font-size:19px}.acct-box p{margin:0;font-size:14px;line-height:1.6;color:#3e3e3e}
.acct-box button{width:100%;min-height:46px;font-size:16px;border-radius:12px}
.acct-del-open{border:1px solid #f3c4c4;background:#fff;color:#b91c1c;cursor:pointer}
.acct-del{border:0;background:#b91c1c;color:#fff;font-weight:700;cursor:pointer}.acct-del:disabled{opacity:.45;cursor:default}
.acct-type{display:flex;flex-direction:column;gap:6px;font-size:14px}.acct-type input{min-height:44px;font-size:16px;border:1px solid #ddd;border-radius:10px;padding:0 12px}
.acct-err{color:#b91c1c;min-height:0}
.acct-links{text-align:center;font-size:13px;margin-top:4px!important}
@media(max-width:650px){.su-list{grid-template-columns:minmax(0,1fr)}}
.su-meta a{white-space:nowrap}
/* 왼쪽 위 뒤로(2026-11-09 19:09 사장님) */
.su-top{display:flex;align-items:center;gap:4px;margin:-10px 0 4px -12px}
.su-top .eyebrow{margin:0}
.su-top-back{width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:12px;background:none;color:#1A1A1A;cursor:pointer;display:grid;place-items:center}
.su-top-back:hover,.su-top-back:focus-visible{background:#F4EDF6}
/* 로그인 화면 = 오픈가이드 로그인과 같은 모양(2026-11-09 19:11 사장님 '보가LAB 로그인 화면을 이걸로 통일').
   흰 머리(로고·보가LAB·오픈가이드) + 베이지 카드(LOGIN·큰 제목·둥근 입력칸·비밀번호 보기·둥근 주황 단추). 회원가입 단계도 같은 카드 안이라 같이 바뀜.
   앱(cap-app)의 상태 표시줄 여백은 body가 이미 줌(owner-cs.css) — 여기서 또 주지 않음 */
.lg-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:#fff;color:#202020}
.lg-top{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.96);border-bottom:1px solid #E1E1E1}
.lg-top-in{max-width:980px;margin:0 auto;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.lg-logo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;white-space:nowrap}.lg-logo img{width:28px;height:28px}
.lg-pill{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;background:#56007A;color:#fff;font-size:15.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.lg-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 16px 48px}
.lg-page .login-card{width:100%;max-width:460px;margin:0 auto;padding:32px 26px;background:#F9F6FA;border:1px solid #E1E1E1;border-radius:24px;box-sizing:border-box}
.lg-page .login-card .eyebrow{margin:0 0 4px!important;font-size:14.5px!important;font-weight:700;letter-spacing:.06em;color:#460064}
.lg-page .login-card h1{margin:8px 0 20px;font-size:clamp(28px,8vw,36.5px);font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#202020}
.lg-page .login-card form>label{display:grid;gap:6px;margin:0 0 12px;font-size:14.5px;font-weight:600;color:#7E7E7E}
.lg-page .login-card input:not([type=checkbox]){display:block;width:100%;min-height:50px;margin:0;padding:0 14px;border:1px solid #CECECE;border-radius:12px;background:#fff;color:#202020;font-size:17.5px;box-sizing:border-box}
.lg-page .login-card input:not([type=checkbox]):focus{border-color:#56007A;outline:none;box-shadow:0 0 0 3px rgba(86,0,122,.18)}
.lg-pw{position:relative;display:block}.lg-page .lg-pw input{padding-right:76px!important}
.lg-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:0!important;padding:8px 10px;border:0;border-radius:8px;background:none;color:#460064;font-size:13.5px;font-weight:700;cursor:pointer}
.lg-eye:hover{background:#EDEDED}
.lg-page .login-card .primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:14px 0 0;padding:0 26px;border:0;border-radius:999px;background:#56007A;color:#fff;font-size:18.5px;font-weight:700;cursor:pointer}
.lg-page .login-card .primary:disabled{background:#E6E6E6;color:#9C9C9C;cursor:default}
.lg-page #login-message{margin:2px 0 0;color:#3F005A;font-size:14.5px;line-height:1.5}.lg-page #login-message:empty{display:none}
.lg-alt{margin:16px 0 0;text-align:center;font-size:15.5px;color:#7E7E7E}
.lg-alt button{min-height:0!important;padding:0;border:0;background:none;color:#460064;font-size:inherit;font-weight:700;cursor:pointer}
.lg-find{margin:14px 0 0;padding:14px 16px;border:1px solid #E1E1E1;border-radius:14px;background:#fff;color:#494949;font-size:14.5px;line-height:1.6}
.lg-find p{margin:0}.lg-find-go{display:inline-block;margin:6px 0 10px;color:#460064;font-weight:700}
.lg-page .su-links{margin:16px 0 0;text-align:center}
.lg-main .app-install{width:100%;max-width:460px;margin:16px auto 0;box-sizing:border-box}
.lg-page .su-top .eyebrow{margin:0!important}
.lg-page .su-top{margin:-12px 0 0 -12px}
.lg-page #su-msg:empty{display:none}
@media(max-width:650px){.lg-page .login-card{padding:26px 18px;border-radius:20px}.lg-main{justify-content:flex-start;padding-top:40px}}
/* '보가LAB 앱 받기' 작게, 설명은 한 줄(2026-11-09 19:13 사장님) */
.app-install{grid-template-columns:32px minmax(0,1fr) auto!important;gap:10px!important;padding:8px 10px 8px 12px!important;border-radius:12px!important}
.app-install img{width:32px;height:32px;border-radius:8px}
.app-install b{font-size:14px!important;line-height:1.3}
.app-install small{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-install .primary{min-height:34px!important;margin:0!important;padding:0 14px!important;font-size:13.5px!important;border-radius:999px}
.lg-page .app-install .primary{width:auto!important;min-height:34px!important;font-size:13.5px!important;margin:0!important}