/* Simulação do Farol — painel de gestão (paleta do Plano de Gestão) */
.fr{--t:#002A3A;--t2:#013D52;--pet:#008C95;--agua:#49C5B1;--ouro:#EEB134;--coral:#EB553B;
  --pap:#F1F5F6;--pap2:#E3EBEC;--linha:#D3E0E2;--tipo:#0F2028;--tipo2:#456068;
  background:var(--pap);color:var(--tipo);font-family:'Inter',system-ui,sans-serif;font-size:13.5px;line-height:1.5}
.fr *{box-sizing:border-box}
.fr-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:13px 20px;background:var(--t);color:var(--pap)}
.fr-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:.01em}
.fr-brand i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--ouro);color:var(--t);
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.fr-brand span{font-weight:300;color:rgba(241,245,246,.6);font-size:12.5px;margin-left:4px}
.fr-toggle{display:flex;gap:0;border:1px solid rgba(241,245,246,.25);border-radius:99px;overflow:hidden}
.fr-toggle button{padding:6px 15px;font-size:11.5px;color:rgba(241,245,246,.7);transition:all .25s}
.fr-toggle button.on{background:var(--pap);color:var(--t);font-weight:500}
.fr-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:1px;background:var(--linha);
  border-bottom:1px solid var(--linha)}
.fr-kpi div{background:#fff;padding:15px 17px}
.fr-kpi .n{font-size:25px;font-weight:700;line-height:1;color:var(--t);font-variant-numeric:tabular-nums}
.fr-kpi .n.ok{color:var(--pet)}.fr-kpi .n.at{color:#8A6108}.fr-kpi .n.no{color:var(--coral)}
.fr-kpi .l{font-size:11px;color:var(--tipo2);margin-top:6px;line-height:1.3}
.fr-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0}
@media(max-width:800px){.fr-body{grid-template-columns:1fr}}
.fr-left{padding:16px 20px;border-right:1px solid var(--linha)}
@media(max-width:800px){.fr-left{border-right:0;border-bottom:1px solid var(--linha)}}
.fr-right{padding:16px 20px;background:#fff}
.fr-k{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--tipo2);margin-bottom:11px}
.fr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.fr-chips button{border:1px solid var(--linha);background:#fff;border-radius:99px;padding:5px 12px;
  font-size:11.5px;color:var(--tipo2);transition:all .22s}
.fr-chips button:hover{border-color:var(--pet);color:var(--pet)}
.fr-chips button.on{background:var(--t);border-color:var(--t);color:var(--pap)}
.fr-list{list-style:none;margin:0;padding:0}
.fr-list li{background:#fff;border:1px solid var(--linha);border-radius:5px;padding:12px 14px;margin-bottom:7px}
.fr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.fr-row b{font-weight:500;font-size:13px;line-height:1.35;display:block}
.fr-meta{font-size:11px;color:var(--tipo2);margin-top:5px;display:flex;gap:12px;flex-wrap:wrap}
.fr-meta em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:10px}
.fr-pill{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 10px;border-radius:99px;white-space:nowrap;align-self:start}
.fr-pill.ok{background:#DDF1EE;color:#00666D}
.fr-pill.at{background:#FDF0D6;color:#8A6108}
.fr-pill.no{background:#FBE0DB;color:#B23A26}
.fr-just{margin-top:9px;padding-top:9px;border-top:1px dashed var(--linha);font-size:12px;color:var(--tipo2);line-height:1.5}
.fr-just b{display:inline;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;color:#B23A26;margin-right:7px}
.fr-bar{height:5px;background:var(--pap2);border-radius:99px;overflow:hidden;margin-top:10px}
.fr-bar i{display:block;height:100%;background:var(--pet)}
.fr-marco{display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--pap2);font-size:12.5px}
.fr-marco:last-child{border-bottom:0}
.fr-marco .d{font-family:'JetBrains Mono',monospace;font-size:10px;color:#016670;flex:none;width:52px;padding-top:2px}
.fr-marco b{font-weight:500;display:block;font-size:12.5px}
.fr-marco span{color:var(--tipo2);font-size:11.5px}
.fr-ct{margin-top:20px}
.fr-ctrow{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--pap2);font-size:12.5px}
.fr-ctrow:last-child{border-bottom:0}
.fr-ctrow span{color:var(--tipo2)}
.fr-foot{padding:11px 20px;background:var(--t2);color:rgba(241,245,246,.72);font-size:11.5px;display:flex;gap:10px;align-items:center}
.fr-foot i{width:6px;height:6px;border-radius:50%;background:var(--ouro);flex:none;font-style:normal}