@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#111c2b;--deep:#152537;--ink:#182636;--muted:#708092;--gold:#b8934e;--gold2:#cba969;--edge:#e5e9ee;--bg:#f5f7fa;--white:#fff;--green:#1b8b69;--amber:#af7020;--red:#b54b53}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}#app{display:flex;min-height:100vh}.sidebar{width:254px;background:var(--navy);color:#b7c4d1;display:flex;flex-direction:column;flex-shrink:0;padding:30px 16px 23px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 9px 42px}.brand-square{width:39px;height:39px;background:linear-gradient(145deg,#cbaa6b,#896e3c);color:#101e2b;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:800}.brand strong{font:800 20px Manrope,sans-serif;letter-spacing:1px}.gold-dot{color:#d5b674}.brand small{display:block;font-size:10px;color:#99acbf;letter-spacing:.4px}.sidebar-label{padding:0 13px 12px;color:#71869d;font-size:10px;font-weight:800;letter-spacing:1.7px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{background:transparent;color:#b3c0cd;border:none;border-radius:9px;text-align:left;padding:13px 14px;display:flex;gap:14px;align-items:center;font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{background:#26374a;color:#fff}.sidebar nav button.active:before{content:'';width:3px;height:21px;background:var(--gold);position:absolute;left:16px;border-radius:6px}.nav-ico{font-size:18px;width:20px;text-align:center;color:#b7a06e}.sidebar-bottom{margin-top:auto;border-top:1px solid #314253;padding:24px 12px 0;font-size:11px;color:#8ba0b3}.sidebar-bottom .status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d4a257;margin-right:5px}.sidebar-bottom p{line-height:1.7;margin:18px 0 0;color:#7790a6}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:75px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--edge)}.crumb{font-size:10px;letter-spacing:1.1px;font-weight:800;color:#5b6e80}.crumb span{color:#b5bfca}.top-right{display:flex;align-items:center;gap:19px}.connection{color:#a77d34;font-size:11px;font-weight:700;white-space:nowrap}.outline-btn{border:1px solid #d4dce4;background:#fff;color:#263a4b;padding:10px 15px;border-radius:9px;font-weight:700}.outline-btn:hover{border-color:var(--gold);color:#957235}.outline-btn.compact{font-size:12px}#content{padding:38px clamp(17px,3.2vw,50px) 50px;flex:1}.footer{padding:17px 38px;border-top:1px solid var(--edge);font-size:10px;color:#8d99a6;display:flex;justify-content:space-between;background:#fff}.page-heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:24px}.eyebrow{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1.65px;text-transform:uppercase;margin-bottom:10px}.page-heading h1{font:800 clamp(23px,2.3vw,34px) Manrope,sans-serif;letter-spacing:-1.1px;margin:0 0 8px}.subtitle{color:var(--muted);font-size:13px;max-width:700px;line-height:1.6;margin:0}.source-note{background:#fff9ea;border:1px solid #efe0bc;padding:12px 17px;border-radius:11px;font-size:12px;color:#795c28;margin:0 0 20px;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}.metric,.panel,.banner,.mini-panel{background:white;border:1px solid var(--edge);border-radius:14px}.metric{padding:22px;min-height:131px;box-shadow:0 3px 16px #14283f04}.metric-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#66798c;font-size:11px;font-weight:700}.metric-icon{height:33px;width:33px;display:grid;place-items:center;border-radius:9px;background:#f4efe5;color:#a47f44;font-size:17px}.metric-value{font:800 clamp(19px,2vw,27px) Manrope,sans-serif;margin:14px 0 4px;letter-spacing:-1px}.metric-foot{color:#99a7b4;font-size:11px;line-height:1.4}.row-two{display:grid;grid-template-columns:1.4fr 1fr;gap:17px;margin-top:17px}.panel{padding:25px;min-width:0}.panel h2{margin:0;font:800 15px Manrope,sans-serif}.panel-desc{color:#82909f;font-size:12px;margin:7px 0 18px;line-height:1.5}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.pill{border-radius:100px;padding:6px 10px;font-size:10px;font-weight:800;background:#eff4f8;color:#566a7f}.pill.green{background:#e7f6ef;color:#197b55}.pill.gold{background:#fbf2de;color:#997028}.pill.red{background:#fbebed;color:#a8444d}.pill.blue{background:#e9f0ff;color:#3464a5}.panel-table{width:100%;border-collapse:collapse}.panel-table th{text-align:left;font-size:10px;letter-spacing:.55px;text-transform:uppercase;color:#97a5b3;border-bottom:1px solid var(--edge);padding:12px 9px}.panel-table td{padding:14px 9px;border-bottom:1px solid #edf0f3;color:#324458;font-size:12px;vertical-align:middle}.panel-table tbody tr:last-child td{border:none}.panel-table tbody tr:hover{background:#fafbfc}.right{text-align:right!important}.bold{font-weight:800}.minor{color:#8e9ca9;font-size:11px}.bar-track{height:7px;background:#eef1f4;border-radius:20px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#967139,#ccad6f);border-radius:20px}.bars{display:flex;align-items:end;justify-content:space-between;gap:12px;height:205px;border-bottom:1px solid #e8ebef;padding:20px 7px 0}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;gap:8px}.bar{width:min(33px,68%);min-height:5px;background:linear-gradient(#c5aa71,#a88245);border-radius:5px 5px 0 0}.bar-label{font-size:10px;white-space:nowrap;color:#8898a6;position:relative;top:25px}.bar-value{font-size:10px;color:#546679;font-weight:800}.chart-wrap{margin-bottom:34px}.list-insight{display:grid;gap:13px}.insight{padding:14px 16px;background:#f8fafb;border:1px solid #eef0f2;border-radius:9px;display:flex;gap:13px;align-items:flex-start}.insight-symbol{color:#ae8844;font-size:20px}.insight strong{display:block;font-size:12px;margin-bottom:5px}.insight span{color:#708091;font-size:11px;line-height:1.6}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:17px}.toolbar select,.toolbar input,.form-field{background:#fff;border:1px solid #dce3e9;border-radius:9px;padding:10px 11px;min-height:39px;color:#33465b;outline:none}.toolbar input{width:230px}.toolbar select:focus,.toolbar input:focus{border-color:var(--gold)}.toolbar .push{margin-left:auto}.gold-btn{border:none;border-radius:9px;padding:11px 16px;background:var(--navy);color:#fff;font-weight:800}.gold-btn:hover{background:#243a52}.ghost-btn{padding:10px;border:1px solid #dde4eb;border-radius:9px;background:#fff;color:#34475b;font-weight:700}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.supplier-card{background:#fff;border:1px solid var(--edge);border-radius:14px;padding:22px}.supplier-card:hover{border-color:#ceb27e}.supplier-card h3{margin:0 0 16px;font:800 15px Manrope}.data-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef0f3;font-size:12px}.data-row:last-child{border:0}.data-row span{color:#8190a0}.data-row strong{color:#283c51}.supplier-card .gold-btn{width:100%;margin-top:13px}.stack{display:grid;gap:16px}.report-preview{background:#fff;border:1px solid var(--edge);padding:24px;border-radius:13px}.report-preview h3{margin:0 0 9px;font:800 17px Manrope}.report-preview p{font-size:12px;line-height:1.6;color:#718193}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.report-box{border:1px solid #e6eaee;padding:17px;border-radius:10px}.report-box span{color:#8896a3;font-size:11px}.report-box strong{display:block;font:800 21px Manrope;margin-top:9px}.integration-steps{counter-reset:i}.integration-step{display:flex;gap:14px;margin:17px 0}.step-num{height:32px;min-width:32px;border-radius:50%;display:grid;place-items:center;background:#f4eddd;color:#9e793f;font-weight:800}.integration-step p{font-size:12px;color:#7d8c9c;margin:6px 0;line-height:1.65}.field-label{display:block;font-size:11px;font-weight:800;color:#576e82;margin:13px 0 6px}.file-input{width:100%;border:1px dashed #bac6cf;border-radius:10px;padding:15px;background:#f8fafc}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#0b1825b3;display:grid;place-items:center;z-index:50;padding:15px}.modal-panel{width:min(760px,100%);max-height:92vh;overflow:auto;background:white;border-radius:16px;padding:25px;box-shadow:0 25px 80px #0003}.modal-title{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--edge);padding-bottom:16px;margin-bottom:16px}.modal-title h3{margin:0;font:800 18px Manrope}.modal-title button{border:none;font-size:24px;background:transparent}.empty{padding:35px;text-align:center;color:#8896a3}.muted{color:#82919e}.warning{background:#fff5e8;border:1px solid #efdec3;color:#846131;padding:13px;border-radius:10px;font-size:12px;line-height:1.6}.success{background:#e8f6ee;border:1px solid #c8e8d7;color:#176c50;padding:13px;border-radius:10px;font-size:12px;line-height:1.6}.small-text{font-size:11px;line-height:1.7;color:#82909c}.dual{display:grid;grid-template-columns:1fr 1fr;gap:15px}a{color:#9c793e}.status-row{display:flex;align-items:center;gap:10px}.callout{font-size:12px;color:#576d81;line-height:1.75;padding:15px;background:#f5f8fa;border-left:3px solid var(--gold);border-radius:0 8px 8px 0}.kpi-line{display:flex;justify-content:space-between;margin:9px 0;font-size:11px;color:#8491a0}.kpi-line strong{color:#21374b}.filters-row{margin-top:16px}.report-top{display:none}#printSheet{display:none}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,1fr)}.item-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{width:74px;padding:22px 8px}.brand{padding:0 6px 30px}.brand>div,.sidebar-label,.sidebar-bottom,.sidebar nav button{font-size:0}.sidebar nav button{justify-content:center;padding:14px 8px}.nav-ico{font-size:20px}.sidebar nav button.active:before{left:8px}.row-two{grid-template-columns:1fr}.topbar{padding:0 17px}.crumb{font-size:9px}#content{padding:20px 16px 45px}.item-grid{grid-template-columns:1fr}.top-right .connection{display:none}.footer span{display:none}}@media(max-width:560px){.sidebar{display:none}.topbar{height:65px}.top-right .outline-btn{font-size:0;padding:10px}.top-right .outline-btn::after{content:'PDF';font-size:12px}.metrics{gap:9px}.metric{padding:14px;min-height:115px}.metric-value{font-size:18px}.metric-top{font-size:10px}.panel{padding:16px;overflow-x:auto}.panel-table{min-width:590px}.report-grid{grid-template-columns:1fr 1fr}.page-heading{display:block}.page-heading h1{font-size:24px}.dual{grid-template-columns:1fr}}
@media print{body{background:#fff!important}#app,.modal{display:none!important}#printSheet{display:block!important;padding:20px;color:#1c2e3c;font-family:Arial,sans-serif}#printSheet h1{font-size:27px;color:#13273b;border-bottom:3px solid #b18a43;padding-bottom:12px}#printSheet h2{margin-top:25px;font-size:17px}#printSheet table{width:100%;border-collapse:collapse;margin:18px 0;font-size:10px}#printSheet th,#printSheet td{padding:7px;border-bottom:1px solid #d6dfe5;text-align:left}#printSheet .print-foot{font-size:10px;color:#6b7d8c;margin-top:20px}.print-cols{display:flex;gap:12px}.print-cols>div{border:1px solid #dce3e9;padding:12px;flex:1;font-size:12px}}

/* Radar Gerencial — identidade e navegação responsiva */
.brand strong{font-size:12px;letter-spacing:0.25px}.brand small{letter-spacing:1px;text-transform:uppercase}.brand-square{font-size:27px!important;background:linear-gradient(150deg,#d2b474,#95703c)!important;color:#112033!important}.account-name{font-size:11px;color:#718094;font-weight:700;max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#mobileNav{display:none}button:focus-visible,a:focus-visible{outline:3px solid #d8ad65;outline-offset:3px}
@media(max-width:1050px){.account-name{display:none}}
@media(max-width:560px){#content{padding-bottom:92px}#mobileNav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#14273b;color:white;display:flex;overflow-x:auto;box-shadow:0 -5px 23px #0002;padding:8px 5px max(9px,env(safe-area-inset-bottom));gap:3px}#mobileNav button{flex:1;min-width:54px;border:0;border-radius:7px;color:#dfe7ee;background:transparent;font-size:10px;padding:13px 2px;font-weight:700}#mobileNav button.active{background:#3c5066;color:#f7ce80}.top-right .outline-btn{font-size:11px;padding:8px}.top-right .outline-btn::after{display:none}#logoutBtn{display:inline-block}}
/* Login Google */
body.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 10%,#31475e,#14253a 42%,#0e1b2b);padding:20px;color:#f3f5f7}.login-card{width:min(440px,100%);background:#fff;border-radius:22px;padding:38px 35px;color:#182b3e;box-shadow:0 24px 90px #06131e70}.login-mark{width:56px;height:56px;border-radius:16px;background:#14283c;color:#dfb96f;font-size:36px;display:grid;place-items:center;margin-bottom:18px}.login-eyebrow{font-size:10px;letter-spacing:2px;color:#ae8746;font-weight:800}.login-card h1{font:800 27px Manrope,sans-serif;letter-spacing:-.9px;line-height:1.2;margin:10px 0}.login-card p{font-size:13px;line-height:1.65;color:#718197;margin:0 0 27px}.login-card .access-line{padding-top:19px;margin-top:25px;border-top:1px solid #e9eef3;font-size:11px;color:#8997a8}.login-message{margin-top:15px;font-size:12px;color:#a34b4b;min-height:18px}.login-footer{text-align:center;color:#aab8c8;font-size:11px;margin-top:18px}.login-card #googleBtn{min-height:42px;display:flex;align-items:center;justify-content:center}