/* Gabinete Cidadao - identidade premium do portal, sem alterar fluxos de login ou dados */
:root{--cit-navy:#173e5a;--cit-blue:#116ca9;--cit-teal:#15868a;--cit-bg:#f1f7f8;--cit-line:#dbe8ec}
html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#19384f;background:var(--cit-bg)}
button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e5b95f;outline-offset:3px}
.auth-shell{position:relative;min-height:100vh;padding:80px 22px 60px;background:radial-gradient(circle at 8% 18%,#ddf4ef 0,transparent 26%),radial-gradient(circle at 92% 15%,#deecfa 0,transparent 28%),linear-gradient(135deg,#f7fafb,#e9f3f5)}
.citizen-back{position:absolute;top:30px;left:clamp(20px,5vw,84px);text-decoration:none;color:#205d7c;font-size:13px;font-weight:800;z-index:2}
.auth-card{width:min(540px,100%);padding:clamp(26px,4vw,40px);border-radius:28px;background:#fff;border:1px solid #d6e6e9;box-shadow:0 28px 80px rgba(13,54,78,.14)}
.auth-card .brand{font-size:24px;letter-spacing:-.03em;color:#143d58}
.auth-card .brand-mark{background:linear-gradient(135deg,#117f95,#155987);color:#fff;border-radius:15px;width:51px;height:51px}
.citizen-auth-intro{padding:28px 0 12px}
.citizen-eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--cit-teal)}
.citizen-auth-intro p{line-height:1.75;font-size:15px;color:#6b8290;margin:10px 0}
.citizen-nav{gap:10px}.citizen-nav button{border-radius:999px;background:#eef6f7;border:1px solid #d3e5e7;color:#28586c;min-height:43px}
.citizen-nav button.active{background:linear-gradient(110deg,#117f94,#145f91);border-color:transparent;color:#fff}
label{font-size:12px;font-weight:800;color:#355b70}
input,select,textarea{border-radius:12px;border:1px solid #cbdfe4;padding:12px 13px;min-height:45px}
input:focus,select:focus,textarea:focus{outline:none;border-color:#188993;box-shadow:0 0 0 3px rgba(24,137,147,.13)}
.btn{border-radius:999px;min-height:45px;padding:10px 18px}
.btn-primary{background:linear-gradient(120deg,#117c99,#145d9a);color:#fff}
.btn-secondary{border-color:#cbdfe4}
.citizen-shell{max-width:1250px;margin:0 auto;padding:28px 22px 60px}
.citizen-top{border-radius:22px;border-color:var(--cit-line);box-shadow:0 10px 36px rgba(18,65,85,.06);padding:22px 25px}
.citizen-top .brand{font-size:21px;color:#17435e}
.citizen-shell>.citizen-nav{background:#fff;border:1px solid var(--cit-line);border-radius:20px;padding:11px;box-shadow:0 8px 24px rgba(16,58,76,.05)}
.citizen-shell>.citizen-nav button{background:#f6fafb;border:1px solid transparent;min-height:43px}
.citizen-shell>.citizen-nav button.active{background:linear-gradient(120deg,#167d8e,#185e95);color:#fff}
.panel,.metric,.course-card,.action-card{border-color:#dce8ea;border-radius:20px;background:#fff;box-shadow:0 9px 32px rgba(16,58,76,.055)}
.panel h2{letter-spacing:-.025em}
.progress i{background:#17858d}
@media(max-width:680px){.auth-shell{padding:80px 16px 35px}.citizen-back{left:18px;top:22px}.auth-card{padding:25px 20px}.auth-card .brand{font-size:19px}.citizen-shell{padding:16px}.citizen-top{flex-wrap:wrap;gap:12px;padding:18px}.citizen-top .brand{font-size:17px}.citizen-shell>.citizen-nav{border-radius:16px;padding:8px;gap:5px}.citizen-shell>.citizen-nav button{font-size:12px;min-height:40px;padding:8px 10px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}