/* V181 — global production UI system: readable typography, professional tabs, clear conversion hierarchy. */
:root{--sv181-ink:#16233b;--sv181-muted:#5f6f86;--sv181-border:#dfe6ef;--sv181-brand:#2457d6;--sv181-brand-dark:#173f7a;--sv181-bg:#f7f9fc}
html{font-size:16px!important;-webkit-text-size-adjust:100%}
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}
body{font-size:16px!important;line-height:1.55!important;color:var(--sv181-ink)!important;overflow-x:hidden}
p,li,td,th,label,small{line-height:1.55}
h1,h2,h3,h4{line-height:1.2;letter-spacing:-.015em}
button,a,input,select,textarea{font-size:inherit}
/* Shared site header */
.portalHeader{min-height:64px!important;padding:8px clamp(14px,3vw,32px)!important;border-bottom:1px solid #e3e8f0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 2px 12px rgba(16,32,64,.05)!important}
.portalBrand b,.portalBrand em{font-size:16px!important}
.portalHeader nav>a,.portalHeader .portalDrop>button{font-size:14px!important;font-weight:700!important;padding:9px 10px!important}
.portalActions{gap:7px!important}
.portalActions>a{min-height:40px!important;padding:9px 13px!important;border-radius:9px!important;font-size:13px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}
.portalActions .whatsappCta{border:1px solid #d9e2ef!important;background:#fff!important;color:#315173!important}
.portalActions>a[href="/student-dashboard"]{border:1px solid #cbd8ea!important;background:#fff!important;color:#20487d!important}
.portalActions .registerCta{background:var(--sv181-brand)!important;color:#fff!important;border-color:var(--sv181-brand)!important}
/* Auth screen must be visible and obvious */
.studentDashboardContent{min-height:420px!important}
#studentAccountGate.authShell{display:block!important;max-width:900px!important;margin:30px auto!important;padding:0 18px 60px!important}
#studentAccountGate .authCard{background:#fff!important;border:1px solid var(--sv181-border)!important;border-radius:20px!important;box-shadow:0 12px 38px rgba(22,35,59,.08)!important;padding:28px!important}
#studentAccountGate .authTitle h1{font-size:clamp(28px,4vw,40px)!important;color:#14294b!important;margin:6px 0 8px!important}
#studentAccountGate .authTitle p,#studentAccountGate .loginIntro p{font-size:16px!important;color:var(--sv181-muted)!important}
#studentAccountGate .authTabs{display:flex!important;gap:6px!important;margin:22px 0!important;padding:5px!important;border:1px solid #dfe6ef!important;border-radius:12px!important;background:#f6f8fb!important}
#studentAccountGate .authTabs button{flex:1!important;min-height:44px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#56677f!important;font-weight:800!important;font-size:14px!important;cursor:pointer!important}
#studentAccountGate .authTabs button.active{background:#fff!important;color:var(--sv181-brand)!important;box-shadow:0 2px 8px rgba(20,45,90,.09)!important}
#studentAccountGate .authForm{font-size:16px!important}
#studentAccountGate .authForm label{font-size:14px!important;font-weight:750!important;color:#34445d!important}
#studentAccountGate .authForm input,#studentAccountGate .authForm select,#studentAccountGate .authForm textarea{min-height:46px!important;padding:10px 12px!important;border:1px solid #cfd9e6!important;border-radius:9px!important;background:#fff!important;color:#17263e!important}
#studentAccountGate .primaryAuthBtn{min-height:46px!important;border-radius:9px!important;font-size:14px!important;font-weight:850!important;background:var(--sv181-brand)!important;color:#fff!important}
/* All common tab/pill controls: no tiny crowded pills */
.project-tabs,.tabs,.tool-tabs,.authTabs,.employerAuthTabs,.project-flow{gap:8px!important}
.project-tabs button,.tabs a,.tool-tab,.authTabs button,.employerAuthTabs button{min-height:42px!important;padding:9px 15px!important;border-radius:9px!important;font-size:14px!important;font-weight:750!important;line-height:1.2!important}
.project-tabs button,.tabs a,.tool-tab{border:1px solid #d8e1ed!important;background:#fff!important;color:#40536e!important}
.project-tabs button.active,.tabs a.active,.tool-tab.active{background:#edf3ff!important;color:#1e4fc7!important;border-color:#a9bee9!important}
/* Server/service cards */
.serverFallbackGrid{gap:16px!important}
.serverFallbackGrid article{padding:20px!important;border-radius:14px!important;border:1px solid var(--sv181-border)!important}
.serverFallbackGrid h3{font-size:18px!important}
.serverFallbackGrid p{font-size:15px!important;color:var(--sv181-muted)!important}
/* Do not allow legacy CSS to make text microscopic */
.portalPage .portalContent{font-size:16px!important}
.portalPage .portalContent .muted,.portalPage .portalContent .v19muted,.portalPage .portalContent .v20muted{font-size:14px!important}
.portalPage .portalContent input,.portalPage .portalContent select,.portalPage .portalContent textarea{font-size:16px!important}
/* Mobile */
@media(max-width:800px){
 .portalHeader{padding:7px 12px!important}
 .portalHeader nav{padding:10px!important}
 .portalHeader nav>a,.portalHeader .portalDrop>button{font-size:14px!important}
 .portalActions>a{min-height:42px!important;font-size:13px!important;padding:9px 11px!important}
 #studentAccountGate.authShell{margin:18px auto!important;padding:0 10px 45px!important}
 #studentAccountGate .authCard{padding:20px!important;border-radius:16px!important}
 .project-tabs,.tabs,.tool-tabs,.authTabs,.employerAuthTabs{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important}
 .project-tabs button,.tabs a,.tool-tab,.authTabs button,.employerAuthTabs button{flex:0 0 auto!important;font-size:14px!important}
}
@media(max-width:460px){
 body{font-size:15px!important}
 .portalActions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
 .portalActions>a{width:auto!important}
 .portalHeader{gap:8px!important}
 #studentAccountGate .authTitle h1{font-size:27px!important}
 #studentAccountGate .authTitle p,#studentAccountGate .loginIntro p{font-size:15px!important}
}