/* AXIA | identidade visual 2026-10-27. Camada aditiva, sem modificar regras de negócio. */
:root {
 --forest:#22262b; --forest-deep:#0d1014; --petrol:#343a43;
 --champagne:#c9a876; --gray:#e3e3e4; --ivory:#fcfcfb;
 --ink:#25282d; --soft:#747980;
 color:#25282d; background:#f4f4f4;
}
body {background:#f4f4f4;color:#25282d}
h1,h2,h3,.topbar #pageTitle {color:#23262c}
a {color:#81633e}
button {background:#22262b;color:#fff;border:1px solid #252a30}
button:hover:not(:disabled) {background:#383d43}
button.secondary {background:#ededed;color:#282c32;border:1px solid #dcdcdc}
button.secondary:hover:not(:disabled) {background:#e1e1e1}
button.outline {background:#fff;color:#303239;border:1px solid #c9cbd0}
button.outline:hover:not(:disabled){background:#f6f3ee}
button.danger{background:#fff0ed;color:#a0443c;border:1px solid #f0d6d2}
input,select,textarea {border-color:#ced1d5;color:#22262b;background-color:#fff;accent-color:#bf9962}
input:focus,select:focus,textarea:focus{outline:2px solid #c9a876;outline-offset:0;box-shadow:0 0 0 3px #c9a87628}
label{color:#4c525a}
.pill {background:#f2ede6;color:#775833}
.panel,.metric,.filterPanel {background:#fff;border:1px solid #e1e1e1;box-shadow:0 3px 18px #16191d08}
.panel h2,.panel h3,.metric strong,.workflowTitle h1,#page-reports h1 {color:#20242a}
th{background:#f3f3f3;color:#646b74}
td,th {border-bottom-color:#e6e6e6}
tr:hover td,#billBody tr:hover td,.reportTable tr:hover td{background:#f8f7f5}
.notice {background:#f8f5ee;color:#54422d;border:1px solid #e7dbcb}
.notice.error{background:#fff3f0;color:#9b453a;border-color:#f0d8d1}
.tabs button,.tabs button:not(.active) {background:#e9e9e9;color:#3a4047;border-color:#d3d5d8}
.tabs button.active,.tabs button.active:hover {background:#292d32;color:#f4e5ca;border-color:#bc9b66}
#stepBar{background:#ededed;border-color:#dfdfdf}
#stepBar button.chosen{background:#fff;border-bottom-color:#c9a876;color:#272b31}
#openImport,#reportFilter,#reportRefresh {box-shadow:0 6px 20px #343a4319}
#summaryStrip .metric:hover{box-shadow:0 13px 22px #30333813}
.metric:before{background:linear-gradient(90deg,#977044,#edcf92)}
.metric strong{color:#2f333a}
.status.paid,.metric.good strong,.metric.success strong{color:#26714c}
.workflowTitle .eyebrow,.eyebrow {color:#aa8554}
#loginView {
 background:radial-gradient(ellipse at 27% 16%,#35393e 0%,transparent 43%),linear-gradient(135deg,#0c0e12,#1d2127 50%,#08090c);
 padding:clamp(15px,3.5vw,52px);
}
.brandAccess {
 width:min(1240px,100%);min-height:650px;
 grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);
 border:1px solid #74777a59;border-radius:26px;overflow:hidden;
 background:#121519;box-shadow:0 35px 110px #0009;
}
.accessIntro {
 background:radial-gradient(ellipse at 70% 30%,#252a30 0%,transparent 54%),linear-gradient(145deg,#171b20 0%,#0a0c0f 100%);
 color:#f5f5f6;padding:clamp(30px,5vw,64px);
}
.accessIntro:before {
 width:600px;height:210px;right:-140px;bottom:-105px;
 border:2px solid #cca76b80;transform:rotate(-27deg);border-radius:50%;
 box-shadow:0 0 44px #bf94402b;
}
.accessIntro:after {
 width:540px;height:175px;right:-180px;bottom:-90px;
 border:1px solid #e8d4a865;transform:rotate(-20deg);
 border-radius:50%;
}
.introBrandPlaque{background:transparent!important;border:0!important;box-shadow:none!important; padding:0!important;max-width:100%!important}
.introBrandPlaque img {display:block;width:min(480px,100%)!important;height:auto!important;max-height:180px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
.accessHeadline{margin-top:35px}
.accessHeadline .labelTop,.accessFoot{color:#d9b985}
.accessHeadline h1 {font-family:'DM Sans',Inter,sans-serif;font-weight:600;color:#f4f5f7;font-size:clamp(34px,4vw,54px);letter-spacing:-1.6px}
.accessHeadline h1 em {color:#d9b985}
.accessHeadline p {color:#bac0c7;line-height:1.8;font-size:15px}
.accessFoot:before {background:#c9a876}
.brandAccess .loginCard {
 background:linear-gradient(160deg,#1b1e23,#121519);
 border-left:1px solid #e1e1e114;
 color:#e5e7ea;padding:clamp(28px,4.5vw,60px);
}
.loginCard .introLogin {font-family:'DM Sans',Inter,sans-serif;color:#f4f5f6;font-size:29px;font-weight:600}
.loginCard .loginSub{color:#afb4bd}
.loginCard label{color:#d2d3d8}
.loginCard input {background:#25282e;color:#f5f5f5;border:1px solid #4c525b}
.loginCard input:focus{box-shadow:0 0 0 3px #c9a8763b}
.loginCard button[type="submit"] {background:linear-gradient(105deg,#ecd09a,#b48a55);color:#16191e;border:1px solid #e9d2a5;font-weight:800;box-shadow:0 12px 28px #0005}
.loginCard button[type="submit"]:hover{background:linear-gradient(110deg,#f5deb3,#c99d66)}
.sidebar{background:linear-gradient(170deg,#1c2025,#080a0d);color:#e9ebef;border-right:1px solid #464a50;padding-top:26px}
.sidebarBrand{border-bottom-color:#ffffff2b}
.sidebarBrand img {width:100%!important;max-width:212px!important;height:auto!important;max-height:75px!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}
.sidebar .navButton{color:#cdd0d4;background:transparent;border:0}
.sidebar .navButton.active,.sidebar .navButton.active:hover{background:#d7b78622;color:#f4dec0;border-left:3px solid #c9a876}
.sidebar .navButton:hover{background:#ffffff12;color:white}
.sidebar .navSubButton{border-left-color:#c5a16a;color:#cfd2d8}
.sidebar .navSubButton.active{background:#b6956333;color:#f3ddbb;border-left-color:#e4c28d}
.sidebar .bottom{color:#aeb3bd}
.sidebar .bottom button{background:#292d33;color:#f3e9d9;border:1px solid #6d624e}
#adminToggle {border-top-color:#ffffff27}
.topbar {background:#fff;border-bottom:1px solid #dedede}
.topbar #pageTitle{font-family:'DM Sans',Inter,sans-serif;font-weight:750;color:#25282c}
.topbar .small{color:#777c86}
.pageBrand img{display:block!important;width:36px;height:36px;border-radius:9px}
.main{background:#f4f4f4}
.pfLogo {background:linear-gradient(135deg,#14181d,#4d535b)!important;color:#f1d4a1!important}
.pfSide,.pfWorkspace .pfSide{background:#1c2025!important;color:#dce0e6!important}
.pfSide .pfMenu button.active,.pfSide .pfMenu button:hover{background:#b6946340!important;color:#f4dcae!important}
.pfHero {background:linear-gradient(105deg,#1a1e23,#363b42)!important;color:white!important}
.pfHero h1,.pfHero h2,.pfHero p,.pfHero span{color:#f3f3f3!important}
.financeSelector .financeSelectHero,.lb-ops .ops-hero {background:linear-gradient(120deg,#15191e,#353a41)!important;color:#fff}
.lb-ops{background:#f4f4f4!important;color:#25282d!important}
.lb-ops-embedded {background:#f4f4f4!important}
.lb-ops>header{background:linear-gradient(110deg,#13161b,#292e34)!important;color:#fff}
.lb-ops .ops-hero h1{color:#fff}
.lb-ops .ops-hero .headerInfo{color:#d4d5d8}
.lb-ops .ops-eyebrow{color:#e4c58d}
.lb-ops .tabs#tabs button:not(.active){background:#fff;color:#3a4148;border:1px solid #dedede}
.lb-ops .tabs#tabs button.active{background:#232830;color:#f4dfbf;border-color:#bd9c65}
.lb-ops .tabs#tabs button:hover:not(.active){background:#f5f0e7}
.lb-ops .panel{border-color:#e0e0e0}
.lb-ops h2,.lb-ops h3,.lb-ops label{color:#252a30}
.lb-ops .muted{color:#697078}
.lb-ops input,.lb-ops select,.lb-ops textarea{border-color:#d1d3d8}
.lb-ops button{background:#24282f;color:#fff}
.lb-ops button.secondary{background:#ededed;color:#2a2d32}
.lb-ops .pill{background:#f1ede7;color:#715633}
.lb-ops th{background:#f1f1f1;color:#646a72}
.lb-ops .note{background:#f6f2eb;color:#544633}
.lb-ops .card{border-color:#dedede}
.lb-ops .item{background:#f9f9f8;border-color:#e4e4e4}
@media(max-width:900px){
 .brandAccess{grid-template-columns:minmax(0,1fr) minmax(325px,.9fr)}
}
@media(max-width:740px){
 .brandAccess{grid-template-columns:1fr;min-height:initial;max-width:520px}
 .accessIntro{min-height:170px;padding:25px}
 .introBrandPlaque img{width:min(350px,100%)!important;max-height:110px!important}
 .brandAccess .loginCard{padding:30px 26px}
 .sidebarBrand{display:none}
 .pageBrand img{display:block!important}
}
@media(max-width:420px){.pageBrand img{display:block!important;width:30px;height:30px}}
/* Ajustes após QA visual em desktop: placas transparentes e contraste AXIA. */
.sidebarBrand,.sidebar .sidebarBrand{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0 3px 20px!important}
.sidebarBrand img,.sidebar .sidebarBrand img{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;filter:none!important;width:100%!important;height:auto!important;object-fit:contain!important}
.workflowTitle h1,#page-reports h1,.financeSelectHero h1{font-family:'DM Sans',Inter,Arial,sans-serif!important;font-weight:750!important;letter-spacing:-.7px}
#openManual,.workflowTabs .active,.tabs button.active{border-color:#b99a69}
.workflowTitle .muted,.sub,.help,.muted{color:#697078}
.filterPanel button.secondary,.toolbar button.secondary{background:#eeeeed;color:#262b31;border:1px solid #d8d8d8}
.filterPanel button.outline,.toolbar button.outline{border-color:#c9cbd0;color:#252b31}
.sidebar .bottom button:hover{background:#3b4048}