:root{--system-night:#294359;--system-night-soft:#243b50;--system-bg:#f3f5f6;--system-surface:#fff;--system-text:#425466;--system-muted:#8798a5;--system-line:#e1e7ea;--system-cyan:#20b7a6;--system-cyan-dark:#139688;--system-green:#30b784;--system-yellow:#e2aa45;--system-pink:#d95d68}
.system-login-page .login-wrap{grid-template-columns:minmax(300px,34%) minmax(420px,66%);background:#f3f5f6}.system-login-page .login-presentation{padding:42px 38px;background:#294359;border-right:4px solid #20b7a6}.system-login-page .login-presentation:before,.system-login-page .login-presentation:after{display:none}.system-login-page .login-presentation-mark{width:46px;height:46px;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:transparent;box-shadow:none;font-size:12px}.system-login-page .login-presentation-kicker{color:#8fdacf;font-size:9px}.system-login-page .login-presentation h1{margin:14px 0 12px;font-size:clamp(27px,3.3vw,42px);font-weight:650}.system-login-page .login-presentation p{color:#bac9d2;font-size:12px}.system-login-page .login-presentation-pills span{padding:6px 8px;border-radius:2px;background:rgba(255,255,255,.04);font-size:8px}
.system-login-page .login-card{max-width:390px;border:1px solid #e1e7ea;border-top:3px solid #20b7a6;border-radius:2px;box-shadow:0 4px 16px rgba(45,65,82,.08)}.system-login-page .login-card:before{display:none}.system-login-page .login-card h2{color:#34495e;font-size:21px}.system-login-page .login-card p,.system-login-page .login-card .text-muted{color:#8798a5!important;font-size:10px}.system-login-page .login-card label{color:#607380;font-size:10px}.system-login-page .login-card .form-control{min-height:39px;border-color:#d7e0e4;border-radius:2px;font-size:11px}.system-login-page .login-card .form-control:focus{border-color:#20b7a6;box-shadow:0 0 0 2px rgba(32,183,166,.12)}.system-login-page .login-card .btn{min-height:38px;border-radius:2px;font-size:11px}.system-login-page .login-card .btn-primary{background:#20b7a6;border-color:#20b7a6}.system-login-page .login-card .btn-primary:hover{background:#139688;border-color:#139688}
body.system-portal-login{background:linear-gradient(90deg,#294359 0 32%,#f3f5f6 32%)}.system-portal-login .login-card{border:1px solid #e1e7ea;border-top:3px solid #20b7a6;border-radius:2px;box-shadow:0 4px 16px rgba(45,65,82,.1)}.system-portal-login .login-logo{border-radius:50%;background:#294359;box-shadow:none}.system-portal-login .form-input{border-color:#d7e0e4;border-radius:2px}.system-portal-login .form-input:focus{border-color:#20b7a6;box-shadow:0 0 0 2px rgba(32,183,166,.12)}.system-portal-login .btn-primary{border-radius:2px;background:#20b7a6;box-shadow:none}
.system-portal-theme .portal-topbar{background:#fff;border-bottom:1px solid #e1e7ea;box-shadow:0 1px 4px rgba(45,65,82,.04)}.system-portal-theme .portal-brand-mark{border-radius:50%;background:#294359}.system-portal-theme .portal-hero{padding-top:20px;padding-bottom:20px;border-radius:2px;background:#294359;box-shadow:none}.system-portal-theme .portal-card,.system-portal-theme .portal-function-sheet,.system-portal-theme .portal-access-item,.system-portal-theme .portal-presence-row{border:1px solid #e1e7ea;border-radius:2px;box-shadow:0 1px 4px rgba(45,65,82,.04)}.system-portal-theme .portal-kpis{gap:0;border:1px solid #e1e7ea;border-radius:2px;background:#fff;overflow:hidden}.system-portal-theme .portal-kpi{min-height:84px;border:0;border-right:1px solid #e1e7ea;border-radius:0;background:#fff!important;color:#425466;box-shadow:none}.system-portal-theme .portal-kpi:last-child{border-right:0}.system-portal-theme .portal-kpi:nth-child(1){box-shadow:inset 0 2px 0 #20b7a6}.system-portal-theme .portal-kpi:nth-child(2){box-shadow:inset 0 2px 0 #30b784}.system-portal-theme .portal-kpi:nth-child(3){box-shadow:inset 0 2px 0 #e2aa45}.system-portal-theme .portal-kpi:nth-child(4){box-shadow:inset 0 2px 0 #d95d68}.system-portal-theme .portal-kpi span,.system-portal-theme .portal-kpi small{color:#8798a5}.system-portal-theme .portal-kpi strong{color:#34495e}.system-portal-theme .portal-button{border-radius:2px;box-shadow:none}.system-portal-theme .portal-button.primary{background:#20b7a6;box-shadow:none}.system-portal-theme .portal-bottom-nav a.active{color:#139688;background:#edf8f6}
.system-public-registration .shell{max-width:1180px;padding-top:18px}.system-public-registration .top{padding:18px 20px;border:0;border-left:4px solid #20b7a6;border-radius:2px;background:#294359;box-shadow:0 2px 7px rgba(45,65,82,.1)}.system-public-registration .top-text h1{font-size:24px;font-weight:650}.system-public-registration .top-text p{color:#bdcad2;font-size:11px}.system-public-registration .logo{padding:5px;border-radius:2px}.system-public-registration .notice{border-radius:2px;background:#edf8f6;border-color:#b9ded8;color:#356c66}.system-public-registration .card{border-color:#e1e7ea;border-radius:2px;box-shadow:0 1px 4px rgba(45,65,82,.04)}.system-public-registration .card-h h2{color:#34495e;font-size:16px}.system-public-registration input,.system-public-registration select,.system-public-registration textarea{border-color:#d7e0e4;border-radius:2px;font-size:12px}.system-public-registration input:focus,.system-public-registration select:focus,.system-public-registration textarea:focus{border-color:#20b7a6;box-shadow:0 0 0 2px rgba(32,183,166,.12)}.system-public-registration .camera,.system-public-registration .dependente-card,.system-public-registration .consent,.system-public-registration .btn,.system-public-registration .submit{border-radius:2px}.system-public-registration .submit{background:#20b7a6}
.system-face-registration .page-card{border:1px solid #e1e7ea;border-top:3px solid #20b7a6;border-radius:2px;box-shadow:0 2px 8px rgba(45,65,82,.07)}.system-face-registration .video-box,.system-face-registration .preview-box{border-radius:2px;background:#294359}.system-face-registration .btn{border-radius:2px}.system-face-registration .btn-primary{background:#20b7a6;border-color:#20b7a6}.system-face-registration .badge-soft{border-radius:2px;background:#e7f6f4;color:#139688}.system-portal-sheet .app-header,.system-portal-face .app-header{min-height:58px;background:#294359;border-bottom:3px solid #20b7a6;box-shadow:none}.system-portal-sheet .brand-mark,.system-portal-face .brand-mark{border:2px solid #fff;border-radius:50%;background:transparent}.system-portal-sheet .toolbar,.system-portal-sheet .sheet-card,.system-portal-face .card,.system-portal-face .grade-card{border-radius:2px;border-color:#e1e7ea;box-shadow:0 1px 4px rgba(45,65,82,.04)}.system-portal-sheet .btn,.system-portal-face .btn{border-radius:2px}.system-portal-sheet .btn-primary,.system-portal-face .btn-primary{background:#20b7a6}
body.system-diagnostic-page{padding:30px 16px;background:linear-gradient(90deg,#294359 0 25%,#f3f5f6 25%)}body.system-diagnostic-page .box{max-width:860px;margin:25px auto;padding:25px;border:1px solid #e1e7ea;border-top:3px solid #20b7a6;border-radius:2px;box-shadow:0 4px 16px rgba(45,65,82,.1)}body.system-diagnostic-page h1{color:#34495e;font-size:clamp(22px,3vw,31px);font-weight:650}body.system-diagnostic-page .btn{background:#20b7a6;color:#fff}
@media(max-width:820px){.system-login-page .login-wrap{grid-template-columns:1fr;padding:16px}.system-login-page .login-presentation{display:none}body.system-portal-login,body.system-diagnostic-page{background:#f3f5f6}.system-portal-theme .portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.system-public-registration .top{padding:16px}.system-portal-theme .portal-kpis{grid-template-columns:1fr}.system-portal-theme .portal-kpi{border-right:0;border-bottom:1px solid #e1e7ea}}
