/* PLUGS account screens, 2026-09-21. Scoped to renewed templates. */
.plugs-auth { --text:#163c33; --navy:#163c33; --muted:#42584c; --line:#dfe7de; --green:#147a53; --cyan:#147a53; --green-dark:#105d40; margin:0; min-height:100dvh; display:block; padding:48px 28px; color:var(--text); background:#fafbf7; overflow:auto; font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif; }
.plugs-auth *, .plugs-auth *::before, .plugs-auth *::after { box-sizing:border-box; }
.plugs-auth::before,.plugs-auth::after { display:none; }
.plugs-auth .auth-wrap { width:min(1100px,100%); margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,480px); align-items:start; column-gap:80px; animation:none; }
.plugs-auth .auth-logo-area { margin:0; padding:30px 0; grid-column:1; grid-row:1 / 4; }
.plugs-auth .auth-brand { color:#163c33; gap:12px; }
.plugs-auth .auth-brand img { width:48px; height:48px; filter:none; }
.plugs-auth .auth-brand small { color:#147a53; }
.plugs-auth .auth-logo-area .auth-eyebrow { margin:70px 0 20px; font-size:14px; letter-spacing:.15em; color:#147a53; }
.plugs-auth .auth-logo-area h2 { margin:0; font-size:clamp(32px,4.4vw,54px); letter-spacing:-.065em; line-height:1.22; font-weight:850; word-break:keep-all; }
.plugs-auth .auth-logo-area h2 em { font-style:normal; color:#147a53; }
.plugs-auth .auth-logo-area p { color:#42584c; font-size:15px; font-weight:400; line-height:1.85; max-width:370px; margin:24px 0; word-break:keep-all; }
.plugs-auth .auth-feature-list { display:grid; gap:12px; margin:34px 0 0; padding:0; list-style:none; }
.plugs-auth .auth-feature-list li { display:flex; align-items:center; gap:12px; font-size:14px; font-weight:600; }
.plugs-auth .auth-feature-list i { display:grid; place-items:center; width:32px; height:32px; color:#163c33; background:#e7f3d8; border-radius:50%; font-style:normal; font-size:14px; }
.plugs-auth .auth-intro-foot { border-top:1px solid #dfe7de; padding-top:24px; margin-top:48px; font-size:14px; letter-spacing:.04em; }
.plugs-auth .member-auth-card,.plugs-auth .admin-login-card { grid-column:2; width:100%; padding:36px; background:#fff; border:1px solid #dfe7de; border-radius:24px; box-shadow:0 16px 55px #163c3308; backdrop-filter:none; }
.plugs-auth .member-auth-card h1,.plugs-auth .admin-login-card h1 { font-size:28px; letter-spacing:-.055em; margin:0 0 12px; }
.plugs-auth .member-auth-card p,.plugs-auth .admin-login-card p { font-size:14px; font-weight:400; line-height:1.7; }
.plugs-auth .member-auth-card form,.plugs-auth .admin-login-card form { gap:18px; }
.plugs-auth label { min-width:0; }
.plugs-auth .member-auth-card label span,.plugs-auth .admin-login-card label span { font-size:14px; font-weight:650; }
.plugs-auth .member-auth-card input:not([type=checkbox]),.plugs-auth .member-auth-card select,.plugs-auth .admin-login-card input { min-width:0; height:50px; border:1px solid #dbe4db; border-radius:10px; background:#fcfdfb; font-size:16px; font-weight:400; }
.plugs-auth input::placeholder { color:#42584c; font-size:14px; }
.plugs-auth .member-auth-card button[type=submit],.plugs-auth .admin-login-card button[type=submit] { min-height:50px; background:#147a53; border-radius:10px; font-weight:700; font-size:15px; }
.plugs-auth button[type=submit]:hover { filter:brightness(.93); }
.plugs-auth :is(a,button,input,select):focus-visible { outline:3px solid #86bca0; outline-offset:3px; }
.plugs-auth .member-social-btn { min-height:46px; border-radius:10px; box-shadow:none; font-size:14px; }
.plugs-auth .member-social-divider { color:#42584c; font-size:14px; margin:24px 0 16px; }
.plugs-auth .member-auth-card .member-auth-links { gap:8px 14px; padding-top:18px; border-top:1px solid #e2e8e1; }
.plugs-auth .member-auth-card .member-auth-links>a { order:0; margin:0; padding:0; background:none; color:#42584c; border:0; box-shadow:none; border-radius:0; font-size:14px; }
.plugs-auth .member-auth-card .member-auth-links>a::after { display:none; }
.plugs-auth .member-auth-card .member-auth-links>a[href^="register"] { color:#147a53; font-weight:800; }
.plugs-auth .auth-note { grid-column:2; color:#42584c; background:none; border:0; margin:18px 0 0; padding:0 8px; font-size:14px; line-height:1.7; box-shadow:none; }
.plugs-auth .auth-note strong { color:#163c33; }
.plugs-auth .auth-home-link { grid-column:2; color:#147a53; margin:16px 0; font-size:14px; text-align:center; }
.plugs-auth .auth-password-wrap { position:relative; display:block; margin:0; }
.plugs-auth .auth-password-wrap input { padding-right:64px; }
.plugs-auth .member-auth-card .auth-password-toggle,.plugs-auth .admin-login-card .auth-password-toggle { position:absolute; right:5px; top:5px; margin:0; height:40px; min-height:40px; padding:0 10px; background:transparent; color:#147a53; font-size:14px; border:0; border-radius:6px; }
.plugs-auth .admin-otp-cancel button[type=submit] { background:#eef4eb; color:#163c33; }
.plugs-auth .admin-otp-setup { background:#f5f8ef; }
.plugs-auth .member-alert-error,.plugs-auth .member-error { padding:12px 14px; color:#9f2727; background:#fff1ef; border:1px solid #f1ceca; border-radius:10px; margin-bottom:16px; font-size:14px; }
.plugs-auth.auth-registration .auth-wrap { grid-template-columns:minmax(0,1fr) minmax(0,560px); gap:60px; }
.plugs-auth.auth-registration .auth-logo-area { position:sticky; top:28px; }
.plugs-auth .auth-form-section { border:0; padding:0; margin:4px 0 8px; min-width:0; display:grid; gap:18px; }
.plugs-auth .auth-form-section legend { width:100%; padding:0 0 14px; margin-bottom:18px; border-bottom:1px solid #e2e8e1; font-size:14px; font-weight:800; }
.plugs-auth .auth-form-section legend b { display:inline-grid; place-items:center; width:24px; height:24px; background:#e7f3d8; border-radius:50%; font-size:14px; margin-right:7px; }
.plugs-auth .member-auth-card .member-address-search { height:50px; margin:0; background:#eef4eb; color:#147a53; border:1px solid #dbe4db; font-size:14px; padding:0 12px; white-space:nowrap; }
.plugs-auth .member-policy-box { background:#f5f8ef; }
.plugs-auth .member-auth-card .member-policy-actions button { height:34px; margin:0; padding:0 10px; font-size:14px; color:#147a53; background:#fff; border:1px solid #dbe4db; }
.plugs-auth .member-checkbox span { line-height:1.65; }
@media(max-width:900px) { .plugs-auth .auth-wrap,.plugs-auth.auth-registration .auth-wrap { column-gap:32px; grid-template-columns:minmax(0,1fr) minmax(0,440px); } .plugs-auth .auth-logo-area h2 { font-size:36px; } }
@media(max-width:700px) { .plugs-auth { padding:24px 18px 40px; } .plugs-auth .auth-wrap,.plugs-auth.auth-registration .auth-wrap { display:block; max-width:520px; } .plugs-auth .auth-logo-area,.plugs-auth.auth-registration .auth-logo-area { padding:0 0 26px; position:static; } .plugs-auth .auth-logo-area .auth-eyebrow { margin:24px 0 10px; font-size:14px; } .plugs-auth .auth-logo-area h2 { font-size:30px; } .plugs-auth .auth-logo-area>p:not(.auth-eyebrow),.plugs-auth .auth-feature-list { display:none; } .plugs-auth .member-auth-card,.plugs-auth .admin-login-card { padding:26px 20px; border-radius:20px; } .plugs-auth .member-auth-card h1,.plugs-auth .admin-login-card h1 { font-size:24px; } .plugs-auth .auth-home-link { display:block; } }
@media(prefers-reduced-motion:reduce) { .plugs-auth * { animation:none!important; transition:none!important; } }
.plugs-auth { font-size:16px; font-weight:500; }
.plugs-auth .auth-logo-area p,.plugs-auth .member-auth-card p,.plugs-auth .admin-login-card p { font-size:16px; font-weight:500; color:#42584c; }
.plugs-auth .member-auth-card label span,.plugs-auth .admin-login-card label span { font-size:15px; color:#354d41; }
.plugs-auth input::placeholder { color:#59675f; opacity:1; font-size:15px; }
.plugs-auth .auth-note,.plugs-auth .member-auth-card .member-auth-links>a { color:#42584c; font-size:14px; font-weight:600; }
@media(min-width:901px) { .plugs-auth .auth-wrap,.plugs-auth.auth-registration .auth-wrap { width:min(1440px,100%); } .plugs-auth .auth-logo-area { max-width:650px; } }