/* CWCOUNT Site v1 — Login page (edge L, WEB-46 / WEB-46d fidelity repair). CSS ONLY: restyles the existing, untouched Ultimate Member login form on page 148.
   Every selector is scoped to body.cwc-login-v1 (added by cwc-site-v1-login.php). No markup, form action, field name/type, honeypot (.request_name) or header rule is touched.
   Font: the packaged Work Sans stack already loaded by Edge A (header.css). Palette = site v1 tokens (#050505 ink, #dfe5ec line, #f5f7f9 soft, #667085 muted). */

/* ===== page surface (the theme pads the body 90px for its fixed header; the header is 64px, 56px on mobile, so the dead space is removed here — the header itself is untouched) ===== */
html body.cwc-login-v1{background:#fff!important;}
html body.cwc-login-v1{padding-top:64px!important;}
html body.cwc-login-v1 main#main,
html body.cwc-login-v1 main#main *:not(i){font-family:work_sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;}
html body.cwc-login-v1 main#main{background:#fff!important;padding-top:0!important;padding-bottom:48px!important;}
html body.cwc-login-v1 main#main .entry-header{background:#fff!important;padding:40px 20px 20px!important;margin:0!important;text-align:center!important;}
html body.cwc-login-v1 main#main .entry-header .entry-title{color:#000!important;font-size:40px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:0!important;text-align:center!important;margin:0!important;}
html body.cwc-login-v1 main#main .entry-content{padding:0 20px!important;}
html body.cwc-login-v1 main#main .entry-content>.row{margin-left:0!important;margin-right:0!important;}
html body.cwc-login-v1 main#main .entry-content>.row>[class*="col-"]{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important;}

/* ===== card ===== */
html body.cwc-login-v1 main#main .login_block{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:440px!important;margin:0 auto!important;padding:32px 30px!important;background:#fff!important;border:1px solid #dfe5ec!important;border-radius:12px!important;float:none!important;}
html body.cwc-login-v1 main#main .login_block .um.um-login{width:100%!important;max-width:none!important;margin:0!important;}

/* ===== fields ===== */
html body.cwc-login-v1 main#main .login_block .um-field{padding-top:0!important;margin:0 0 16px!important;}
html body.cwc-login-v1 main#main .login_block .um-row{margin:0!important;}
html body.cwc-login-v1 main#main .login_block .um-field-label{margin:0 0 8px!important;}
html body.cwc-login-v1 main#main .login_block .um-field-label label{display:block!important;color:#050505!important;font-size:15px!important;line-height:1.3!important;font-weight:700!important;}
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=text],
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=password]{box-sizing:border-box!important;display:block!important;width:100%!important;height:52px!important;min-height:0!important;padding:0 16px!important;background:#f5f7f9!important;border:1px solid #dfe5ec!important;border-radius:10px!important;color:#050505!important;font-size:16px!important;font-weight:400!important;line-height:normal!important;box-shadow:none!important;}
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=text]:focus,
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=password]:focus{background:#fff!important;border:1px solid #050505!important;box-shadow:0 0 0 3px rgba(8,120,255,.18)!important;}
/* Chrome autofill: keep the soft-gray field (never the browser's blue/yellow fill) for saved credentials */
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=text]:-webkit-autofill,
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=text]:-webkit-autofill:hover,
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=password]:-webkit-autofill,
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=password]:-webkit-autofill:hover{-webkit-text-fill-color:#050505!important;-webkit-box-shadow:0 0 0 1000px #f5f7f9 inset!important;box-shadow:0 0 0 1000px #f5f7f9 inset!important;caret-color:#050505!important;transition:background-color 99999s ease-out 0s!important;}
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=text]:-webkit-autofill:focus,
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=text]:-webkit-autofill:active,
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=password]:-webkit-autofill:focus,
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=password]:-webkit-autofill:active{-webkit-text-fill-color:#050505!important;-webkit-box-shadow:0 0 0 1000px #fff inset,0 0 0 3px rgba(8,120,255,.18)!important;box-shadow:0 0 0 1000px #fff inset,0 0 0 3px rgba(8,120,255,.18)!important;caret-color:#050505!important;transition:background-color 99999s ease-out 0s!important;}

/* ===== remember / submit / links ===== */
html body.cwc-login-v1 main#main .login_block .um-col-alt{margin:0!important;}
html body.cwc-login-v1 main#main .login_block .um-field-c .um-field-checkbox{margin:0 0 8px!important;padding:10px 0!important;}
html body.cwc-login-v1 main#main .login_block .um-field-c .um-field-checkbox .um-field-checkbox-state{top:10px!important;}
html body.cwc-login-v1 main#main .login_block .um-field-checkbox-option{color:#344054!important;font-size:15px!important;line-height:24px!important;font-weight:400!important;}
html body.cwc-login-v1 main#main .login_block .um-center{text-align:center!important;}
html body.cwc-login-v1 main#main .login_block .um-center .um-button,
html body.cwc-login-v1 main#main .login_block input[type=submit].um-button{box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;height:52px!important;padding:0 20px!important;background:#050505!important;color:#fff!important;border:0!important;border-radius:999px!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer!important;}
html body.cwc-login-v1 main#main .login_block input[type=submit].um-button:hover{background:#2a2a2a!important;}
html body.cwc-login-v1 main#main .login_block input[type=submit].um-button:focus-visible{box-shadow:0 0 0 3px rgba(8,120,255,.35)!important;}
html body.cwc-login-v1 main#main .login_block .um-col-alt-b{padding-top:8px!important;text-align:center!important;font-size:15px!important;line-height:1.4!important;color:#344054!important;}
html body.cwc-login-v1 main#main .login_block .um-col-alt-b a.um-link-alt{display:inline-block!important;padding:11px 6px!important;color:#050505!important;font-weight:700!important;}
html body.cwc-login-v1 main#main .login_block .mobile-signup-link{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;padding-top:0!important;}
html body.cwc-login-v1 main#main .login_block .um-notice{box-sizing:border-box!important;border-radius:10px!important;margin:0 0 16px!important;}

/* ===== Kakao (real link + plugin image stay; desktop = normal flow, full inner width, rounded, image fills without distortion) ===== */
html body.cwc-login-v1 main#main .login_block .kakaoLogin{margin:20px 0 0!important;padding:20px 0 0!important;border-top:1px solid #dfe5ec!important;text-align:center!important;}
html body.cwc-login-v1 main#main .login_block .kakaoLogin a{display:block!important;height:52px!important;border-radius:10px!important;overflow:hidden!important;background:#fee500!important;}
html body.cwc-login-v1 main#main .login_block .kakaoLogin a img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;object-fit:cover!important;}


/* ===== WEB-46h: the approved WEB-46g visual language now applies at ALL widths (it was wrongly scoped to max-width:600px, so desktop kept the old bordered card / yellow Kakao image). ===== */
/* WEB-46h: no outer card at any width (white page, no border/radius/padding); mobile additionally uses a 5px margin (+ theme container 15px = exact 20px gutter), desktop keeps the centered 440px column */
html body.cwc-login-v1 main#main .login_block{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;}
html body.cwc-login-v1 main#main .login_block .um-field{margin:0 0 14px!important;}
html body.cwc-login-v1 main#main .login_block .um-field-c .um-field-checkbox{margin:0 0 4px!important;}
/* subtitle: decorative two-line copy under the H1 (no markup added) */
html body.cwc-login-v1 main#main .entry-header .entry-title{margin:0 0 12px!important;}
html body.cwc-login-v1 main#main .entry-header:after{content:"Welcome back to CWCOUNT.\A Continue your market analysis journey.";display:block;white-space:pre-line;text-align:center;color:#667085;font-size:15px;line-height:22px;font-weight:400;}
/* single-column reorder of the EXISTING nodes: wrappers dissolve into the .login_block grid so remember + forgot share one row and Kakao/sign-up follow the button */
html body.cwc-login-v1 main#main .login_block{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:12px!important;}
html body.cwc-login-v1 main#main .login_block .um.um-login,
html body.cwc-login-v1 main#main .login_block .um-form,
html body.cwc-login-v1 main#main .login_block .um-form form,
html body.cwc-login-v1 main#main .login_block .um-col-alt{display:contents!important;}
html body.cwc-login-v1 main#main .login_block .um-clear{display:none!important;}
html body.cwc-login-v1 main#main .login_block .um-row{order:1!important;grid-column:1/-1!important;margin:0!important;}
html body.cwc-login-v1 main#main .login_block .um-col-alt .um-field-c{order:2!important;grid-column:1!important;margin:0!important;}
html body.cwc-login-v1 main#main .login_block .um-col-alt-b:not(.mobile-signup-link){order:2!important;grid-column:2!important;padding:0!important;text-align:right!important;}
html body.cwc-login-v1 main#main .login_block .um-col-alt-b:not(.mobile-signup-link) a.um-link-alt{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0!important;color:#050505!important;font-size:14px!important;font-weight:500!important;text-decoration:underline!important;white-space:nowrap!important;}
html body.cwc-login-v1 main#main .login_block .um-center{order:3!important;grid-column:1/-1!important;margin:12px 0 0!important;}
html body.cwc-login-v1 main#main .login_block .kakaoLogin{order:4!important;grid-column:1/-1!important;}
html body.cwc-login-v1 main#main .login_block .mobile-signup-link{order:5!important;grid-column:1/-1!important;display:flex!important;margin:16px 0 0!important;padding:0!important;color:#475467!important;font-size:15px!important;}
html body.cwc-login-v1 main#main .login_block .mobile-signup-link a.um-link-alt{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 2px!important;text-decoration:underline!important;}
/* fields: 50px soft fields, decorative outline icons on .um-field-area pseudo-elements (autofill-safe), eye toggle button injected by the loader helper */
html body.cwc-login-v1 main#main .login_block .um-field-username .um-field-area,
html body.cwc-login-v1 main#main .login_block .um-field-user_password .um-field-area{position:relative!important;}
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=text],
html body.cwc-login-v1 main#main .login_block .um-form .um-field-area input[type=password]{height:50px!important;padding:0 16px 0 46px!important;}
html body.cwc-login-v1 main#main .login_block .um-form .um-field-user_password .um-field-area input[type=password],
html body.cwc-login-v1 main#main .login_block .um-form .um-field-user_password .um-field-area input[type=text]{padding-right:52px!important;}
html body.cwc-login-v1 main#main .login_block .um-field-username .um-field-area:before,
html body.cwc-login-v1 main#main .login_block .um-field-user_password .um-field-area:before{content:"";position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;background-repeat:no-repeat;background-position:center;background-size:20px 20px;pointer-events:none;z-index:1;}
html body.cwc-login-v1 main#main .login_block .um-field-username .um-field-area:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E");}
html body.cwc-login-v1 main#main .login_block .um-field-user_password .um-field-area:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10.5' width='16' height='10.5' rx='2.5'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E");}
html body.cwc-login-v1 main#main .login_block .cwc-login-eye{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;right:2px!important;top:3px!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#667085!important;cursor:pointer!important;z-index:2!important;}
html body.cwc-login-v1 main#main .login_block .cwc-login-eye svg{width:20px!important;height:20px!important;display:block!important;}
html body.cwc-login-v1 main#main .login_block .cwc-login-eye[aria-pressed=true]{color:#050505!important;}
/* remember row */
html body.cwc-login-v1 main#main .login_block .um-col-alt .um-field-c .um-field-checkbox{margin:0!important;padding:10px 0!important;}
html body.cwc-login-v1 main#main .login_block .um-field-checkbox-option{font-size:14px!important;}
/* Login: full-width black rounded RECTANGLE (not a pill) with a decorative right arrow */
html body.cwc-login-v1 main#main .login_block .um-center .um-button,
html body.cwc-login-v1 main#main .login_block input[type=submit].um-button{height:52px!important;border-radius:10px!important;padding:0 20px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 20px center!important;background-size:20px 20px!important;}
/* Kakao: in-flow WHITE outlined button under an "or" divider. Same anchor/href/image node; the plugin image stays in the DOM (accessible name) but is visually clipped so no raw yellow bar shows */
html body.cwc-login-v1 main#main .login_block .kakaoLogin{position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;text-align:center!important;}
html body.cwc-login-v1 main#main .login_block .kakaoLogin:before{content:"or";display:block;margin:20px 0 16px;color:#667085;font-size:14px;line-height:20px;text-align:center;background:linear-gradient(#dfe5ec,#dfe5ec) left center/calc(50% - 20px) 1px no-repeat,linear-gradient(#dfe5ec,#dfe5ec) right center/calc(50% - 20px) 1px no-repeat;}
html body.cwc-login-v1 main#main .login_block .kakaoLogin a{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-sizing:border-box!important;height:52px!important;border:1px solid #d0d5dd!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;color:#050505!important;font-size:16px!important;font-weight:600!important;text-decoration:none!important;}
html body.cwc-login-v1 main#main .login_block .kakaoLogin a img{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
html body.cwc-login-v1 main#main .login_block .kakaoLogin a:before{content:"";flex:0 0 auto;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='6' fill='%23fee500'/%3E%3Cpath d='M12 5.5c-3.9 0-7 2.4-7 5.4 0 1.9 1.3 3.6 3.2 4.6l-.7 2.6c-.1.3.2.5.5.4l3.1-2c.3 0 .6.1.9.1 3.9 0 7-2.4 7-5.4s-3.1-5.7-7-5.7z' fill='%23191919'/%3E%3C/svg%3E") center/24px 24px no-repeat;}
html body.cwc-login-v1 main#main .login_block .kakaoLogin a:after{content:"Continue with Kakao";}
/* footer: owned by the shared Footer edge F (light variant on this page, css/footer.css) */
/* ===== mobile-only geometry (<=600px): 56px header offset, 20px gutters, 32px title, one-viewport main, hidden floating launchers ===== */
@media (max-width:600px){
html body.cwc-login-v1{padding-top:56px!important;}
html body.cwc-login-v1 main#main{padding-top:0!important;padding-bottom:24px!important;}
html body.cwc-login-v1 main#main .entry-header .entry-title{font-size:32px!important;}
html body.cwc-login-v1 main#main .entry-content{padding:0!important;}
/* mobile geometry only: the theme .container gives 15px per side, so margin 5px = an exact 20px gutter */
html body.cwc-login-v1 main#main .login_block{width:auto!important;max-width:none!important;margin:0 5px!important;}
html body.cwc-login-v1 main#main{min-height:calc(100svh - 56px)!important;}
html body.cwc-login-v1 main#main .entry-header{padding:24px 20px 24px!important;}
/* floating launchers (global Kakao channel, OneSignal bell/slidedown, chat widgets) are hidden on this page at mobile widths only (DOM + global CSS untouched) */
html body.cwc-login-v1 .parent,
html body.cwc-login-v1 #onesignal-bell-container,
html body.cwc-login-v1 .onesignal-bell-container,
html body.cwc-login-v1 #onesignal-slidedown-container,
html body.cwc-login-v1 #ch-plugin,
html body.cwc-login-v1 #tawkchat-container,
html body.cwc-login-v1 iframe[id^="launcher"]{display:none!important;}
}
/* ===== desktop/tablet (>=601px): same composition in the centered 440px column; roomier title block, slightly larger subtitle. Shared 64px header untouched. ===== */
@media (min-width:601px){
html body.cwc-login-v1 main#main .entry-header{padding:48px 20px 32px!important;}
html body.cwc-login-v1 main#main .entry-header:after{font-size:16px;line-height:24px;}
}