/* ITLearn360 Cycle 4 — scoped account and authentication styles.
   No selectors target /admin or LMS admin modules. */
:root { --c4-ink:#142c3a;--c4-muted:#647d89;--c4-line:#dce9ee;--c4-teal:#087968;--c4-blue:#2667aa;--c4-paper:#fff;--c4-bg:#f4f8fa;}
.c4AuthScreen,.c4AccountPage,.c4BillingConfirm{font-family:Inter,'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;color:var(--c4-ink);}
.c4AuthScreen{max-width:1260px;margin:22px auto 76px;padding:clamp(16px,3vw,28px);display:grid;grid-template-columns:minmax(260px,.92fr) minmax(380px,1.08fr);gap:0;align-items:stretch;min-height:630px;}
.c4AuthAside{background:linear-gradient(160deg,#153b53,#0e6f72 120%);color:#fff;border-radius:22px 0 0 22px;padding:clamp(30px,4vw,58px);display:flex;flex-direction:column;box-shadow:0 18px 50px #173a4a17;}
.c4AuthWordmark{color:#fff!important;text-decoration:none;font-size:22px;font-weight:850;letter-spacing:-.035em;display:block;margin-bottom:82px;}
.c4AuthWordmark span{display:block;font-size:11px;letter-spacing:.05em;font-weight:600;opacity:.75;}
.c4Eyebrow{display:inline-block;color:#087767;letter-spacing:.15em;font-size:11px;font-weight:850;margin-bottom:12px;text-transform:uppercase;}
.c4AuthAside .c4Eyebrow{color:#9be8d6;}
.c4AuthAside h1{font-size:clamp(31px,3.4vw,49px);line-height:1.13;letter-spacing:-.045em;max-width:570px;margin:0 0 19px;color:#fff;}
.c4AuthAside>p{font-size:15px;color:#d9e9ed;line-height:1.75;max-width:440px;}
.c4AuthAside ul{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:20px;}
.c4AuthAside li{display:flex;align-items:center;gap:14px;color:#ecfafa;font-size:13px;line-height:1.45;}
.c4AuthAside li span{border:1px solid #ffffff42;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:850;color:#b6f4de;}
.c4AuthAsideFooter{margin-top:auto;display:flex;gap:25px;padding-top:44px;}
.c4AuthAsideFooter a{font-size:12px;color:#d9fff6!important;text-decoration:underline;text-underline-offset:4px;}
.c4AuthPanel{border:1px solid var(--c4-line);border-left:0;background:#fff;border-radius:0 22px 22px 0;box-shadow:0 18px 50px #173a4a12;min-width:0;display:flex;align-items:center;justify-content:center;padding:clamp(25px,4vw,55px);}
.c4AuthPanel #app{width:100%;min-width:0;}
.c4AuthPanel .lms-page{margin:0;padding:0;background:transparent;min-height:0;}
.c4AuthPanel .lms-card{box-shadow:none!important;max-width:550px!important;border:0!important;padding:0!important;background:transparent!important;margin:0 auto!important;}
.c4AuthPanel .lms-card .text-base{font-size:27px!important;letter-spacing:-.04em;color:var(--c4-ink);line-height:1.25;}
.c4AuthPanel .lms-label{color:#314f61;font-weight:700;display:block;margin-bottom:5px;font-size:13px;}
.c4AuthPanel .lms-input{width:100%;padding:14px!important;border-radius:12px!important;border:1px solid #cbdfe3!important;background:#fcffff!important;color:var(--c4-ink)!important;font-size:15px;}
.c4AuthPanel .lms-btn,.c4AuthPanel .careerLoginSubmit{background:var(--c4-teal)!important;color:#fff!important;border:0!important;border-radius:11px!important;padding:14px!important;box-shadow:none!important;font-weight:750;}
.c4AuthPanel .lms-btn:hover,.c4AuthPanel .careerLoginSubmit:hover{background:#075b50!important;}
.c4AuthPanel .lms-muted{color:var(--c4-muted);}
.c4AuthPanel #loginForm{display:grid;gap:16px;}
.c4Auth-login .c4AuthPanel{min-height:570px;}
.c4Auth-register{display:block;max-width:1240px;min-height:unset;}
.c4Auth-register>.c4AuthAside{display:none;}
.c4Auth-register>.c4AuthPanel{border:0;border-radius:20px;padding:0;box-shadow:none;display:block;background:transparent;}
.c4Auth-register #app,.c4Auth-verify #app{width:100%;}
.c4Auth-register .studentSignupPage{padding:0;margin:0;}
.c4Auth-register .studentSignupShell{max-width:1200px;margin:0 auto;}
.c4Auth-register .studentSignupIntro{border-radius:20px;}
.c4Auth-register .studentSignupFormCard{border-radius:20px;box-shadow:0 10px 35px #173a4a12;}
.c4Auth-verify .c4AuthPanel .careerVerifyShell{max-width:480px;margin:auto;}
.c4Auth-verify .c4AuthPanel .careerVerifyPage{padding:0;}
.c4Auth-verify .c4AuthPanel .careerVerifyActions{display:flex;flex-wrap:wrap;gap:12px;}
.c4AuthScreen a:focus-visible,.c4AccountPage a:focus-visible,.c4AuthScreen button:focus-visible,.c4AccountPage button:focus-visible,.cpAccountShell a:focus-visible,.cpAccountShell button:focus-visible{outline:3px solid #3899dc;outline-offset:3px;}
.c4AccountPage{min-height:64vh;background:var(--c4-bg);padding:35px 20px 90px;}
.c4Breadcrumbs{max-width:1080px;margin:0 auto 25px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--c4-muted);}
.c4Breadcrumbs a{color:var(--c4-teal);text-decoration:none;}
.c4PasswordPanel{max-width:540px;margin:45px auto 0;padding:clamp(28px,4vw,45px);background:#fff;border:1px solid var(--c4-line);box-shadow:0 14px 60px #11323e0b;border-radius:22px;}
.c4PasswordPanel h1{font-size:clamp(28px,4vw,38px);line-height:1.17;margin:0 0 14px;letter-spacing:-.04em;}
.c4PasswordPanel p{color:var(--c4-muted);font-size:14px;line-height:1.7;}
.c4PasswordPanel form{display:grid;gap:12px;margin-top:26px;}
.c4PasswordPanel label{font-size:13px;font-weight:750;color:#315467;}
.c4PasswordPanel input{border:1px solid #c5dce0;border-radius:10px;padding:13px;font:inherit;width:100%;color:var(--c4-ink);background:#fff;}
.c4Primary,.c4Secondary{display:inline-flex;justify-content:center;align-items:center;gap:6px;text-decoration:none!important;border-radius:10px;padding:12px 17px;font-size:13px;font-weight:750;border:1px solid transparent;cursor:pointer;}
.c4Primary{background:var(--c4-teal);color:#fff!important;}
.c4Secondary{background:#fff;color:var(--c4-teal)!important;border-color:#b8d6d0;}
.c4Primary:disabled{opacity:.65;cursor:wait;}
.c4PasswordFoot{margin-top:24px;text-align:center;}
.c4PasswordFoot a{color:var(--c4-teal);}
.c4Message{padding:17px;border:1px solid #cae4d9;background:#effbf6;border-radius:13px;}
.c4Message strong{color:#146c55;}
.c4Message .c4Primary{margin-top:10px;}
.c4Error{color:#ac2541!important;background:#fff0f2;padding:10px 12px;border-radius:9px;}
.c4BillingOutcome .c4PasswordPanel{max-width:640px;}
.c4Actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.c4BillingConfirm{max-width:850px;margin:0 auto;padding:30px 20px;}
.c4BillingConfirm .cpNarrow{background:#fff;border:1px solid var(--c4-line);border-radius:19px;padding:35px;max-width:none;}
.c4BillingConfirm .cpButton,.c4BillingConfirm .cpOutline{display:inline-flex;margin:12px 8px 0 0;}
.c4FinePrint{font-size:12px!important;color:#617b86!important;line-height:1.65!important;}
/* Applies only to personal account pages, not the admin console. */
.cpAccountShell{background:var(--c4-bg)!important;}
.cpAccountHero,.cpAccountPanel,.cpAccountStats>div{box-shadow:0 5px 28px #173c4710;border-color:var(--c4-line)!important;}
.cpAccountTabs{gap:7px!important;}
.cpAccountTabs button{font-size:13px!important;}
.cpAccountFields input:focus-visible,.cpAccountTabs button:focus-visible{outline:3px solid #77cdb5;outline-offset:2px;}
.c4SecurityRow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px solid #e7f0f2;padding:14px 0;font-size:13px;color:var(--c4-muted);}
.c4SecurityRow strong{font-size:13px;color:var(--c4-ink);overflow-wrap:anywhere;}
.cpAccountPanel .c4FinePrint{margin-top:20px;}
.c4QuickNav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px;}
.c4QuickNav a{background:#fff;color:var(--c4-teal);text-decoration:none;font-size:12px;font-weight:750;border:1px solid var(--c4-line);border-radius:10px;padding:10px 14px;}
.c4QuickNav a:hover{border-color:#7ac5b0;background:#effaf5;}
.c4Segment{display:inline-flex;gap:4px;max-width:100%;background:#eff4f5;border-radius:10px;padding:4px;margin-bottom:14px;}
.c4Segment button{background:transparent;border:0;border-radius:8px;cursor:pointer;color:#50717d;padding:9px 15px;font-size:12px;font-weight:800;}
.c4Segment button.isSelected{background:#fff;color:var(--c4-teal);box-shadow:0 2px 8px #173c4712;}
.it360V8Dashboard .it360V8ApplicationList>div{gap:12px;}
.it360V8Dashboard .it360V8Kpi{box-shadow:0 6px 24px #173c4710;}
.it360V8Plans .it360V8PlanGrid{align-items:stretch;}
.it360V8Plans .it360V8FeaturedPlan{border-color:#8bc8b9;box-shadow:0 13px 34px #173c4714;}
@media(max-width:900px){.c4AuthScreen{grid-template-columns:1fr;max-width:700px;}.c4AuthAside{border-radius:19px 19px 0 0;padding:30px;}.c4AuthAside h1{font-size:31px;}.c4AuthWordmark{margin-bottom:25px;}.c4AuthAside ul{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 0;}.c4AuthAsideFooter{margin-top:20px;padding-top:8px;}.c4AuthPanel{border-left:1px solid var(--c4-line);border-top:0;border-radius:0 0 19px 19px;min-height:unset;padding:33px;}.c4Auth-register .c4AuthPanel{border:0;}}
@media(max-width:620px){.c4AuthScreen{padding:10px;margin:6px auto 45px;}.c4AuthAside{padding:26px 22px;}.c4AuthAside ul{grid-template-columns:1fr;}.c4AuthPanel{padding:23px;}.c4AuthPanel .lms-card .text-base{font-size:24px!important;}.c4AuthWordmark{font-size:19px;}.c4AccountPage{padding:24px 12px 70px;}.c4PasswordPanel{margin:16px auto;padding:25px 20px;}.c4BillingConfirm .cpNarrow{padding:25px 18px;}.c4Segment{display:flex;width:100%;justify-content:space-between;}.c4Segment button{flex:1;}.c4QuickNav{display:grid;grid-template-columns:1fr 1fr;}}
@media(prefers-reduced-motion:reduce){.c4AuthScreen *,.c4AccountPage *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}