:root{--navy:#0c2740;--navy2:#0e2a45;--blue:#1472e8;--blue2:#0e5fcb;--cyan:#22a7e0;--green:#1aa06a;--amber:#e8a13c;--red:#d95454;--ink:#17293d;--ink2:#3c5067;--muted:#6b7e95;--line:#dce7f5;--bg:#f4f8fd;--bgblue:#eaf3ff;--card:#fff;--shadow:0 1px 2px rgba(12,39,64,.05),0 4px 14px rgba(12,39,64,.06)}
*{box-sizing:border-box}html,body{margin:0}body{font:15px/1.5 Inter,"Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.statusbar{position:sticky;top:0;z-index:50;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--navy);color:#cfe2f7;padding:7px 12px;font-size:12px}.statusbar .dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}.statusbar strong{border-radius:999px;padding:2px 9px;background:#1b735d;color:#dff8ef}.statusbar.real .dot{background:var(--green)}.shell{display:flex;min-height:calc(100vh - 32px)}.sidebar{position:sticky;top:32px;height:calc(100vh - 32px);width:248px;flex:none;background:linear-gradient(180deg,var(--navy),var(--navy2));color:#d7e5f5;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;border-bottom:1px solid #ffffff14}.brand .mark{font-size:28px;color:var(--cyan)}.brand strong{display:block;color:#fff}.brand small{display:block;color:#8fa9c4;font-size:11px}.brand button{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:20px}nav{padding:12px 10px;overflow:auto;flex:1}.nav-sep{margin:12px 12px 6px;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#6e89a6}.nav-item{width:100%;display:flex;gap:10px;align-items:center;border:0;background:none;color:#c4d6ea;padding:10px 12px;border-radius:10px;text-align:left;font-weight:600}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:var(--blue);color:#fff}.nav-item .ico{width:18px;text-align:center}.sidebar footer{padding:14px 18px;border-top:1px solid #ffffff14;color:#8fa9c4;font-size:11px;display:flex;gap:8px;align-items:center}.sidebar footer span{color:#f2c079;border:1px solid #e8a13c66;background:#e8a13c22;border-radius:999px;padding:2px 8px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:14px;padding:20px 28px 4px}.top>button{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px}.title h1{margin:0;font-size:23px}.title p{margin:2px 0 0;color:var(--muted);font-size:13px}.view-controls{margin-left:auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.control{display:flex;align-items:center;gap:7px}.control>small{font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--muted)}.seg{display:flex;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px}.seg button{border:0;background:none;padding:7px 13px;border-radius:999px;color:var(--ink2);font-weight:700;font-size:12px}.seg button.active{background:var(--navy);color:#fff}.source-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 11px;font-size:11px;font-weight:700;color:var(--ink2)}.source-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber)}.source-pill.ok:before{background:var(--green)}.source-pill.bad:before{background:var(--red)}.filters{display:flex;align-items:center;gap:10px;padding:14px 28px 0;flex-wrap:wrap}.periods{display:flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px}.periods button{border:0;background:none;padding:7px 16px;border-radius:999px;font-weight:700;color:var(--ink2)}.periods button.active{background:var(--blue);color:#fff}.filters>.source-pill{margin-left:auto}.settings{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;color:var(--ink2);font-weight:700}.content{padding:18px 28px 30px;display:flex;flex-direction:column;gap:18px}.summary{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:14px;padding:15px 18px;box-shadow:var(--shadow)}.summary.warn{border-left-color:var(--amber)}.summary.info{border-left-color:var(--cyan)}.summary-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}.badge{font-size:10px;font-weight:800;border-radius:999px;padding:3px 9px;background:#edf8f2;color:var(--green)}.warn .badge{background:#fdf0d8;color:#a96f12}.info .badge{background:#eaf3ff;color:var(--blue2)}.summary h2{font-size:16px;margin:0}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.summary-grid small,.actions small{display:block;font-size:10px;letter-spacing:.05em;font-weight:800;color:var(--muted)}.summary-grid p{margin:1px 0;color:var(--ink2);font-size:13px}.actions{border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.actions ol{margin:5px 0 0;padding-left:19px;color:var(--ink2);font-size:13px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:13px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px;box-shadow:var(--shadow);min-height:126px;display:flex;flex-direction:column}.kpi label{font-size:12px;font-weight:700;color:var(--ink2)}.kpi strong{font-size:31px;line-height:1.15;margin:3px 0;font-weight:800}.kpi strong.text{font-size:20px}.kpi p{margin:auto 0 0;color:var(--muted);font-size:12px}.kpi .origin{margin-top:5px;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--green);font-weight:800}.kpi.demo .origin{color:#a96f12}.kpi.blue strong{color:var(--blue2)}.kpi.green strong{color:var(--green)}.kpi.amber strong{color:#c07f1b}.kpi.red strong{color:var(--red)}.section-title{margin:5px 0 -7px}.section-title h2{display:flex;align-items:center;gap:12px;font-size:16px;margin:0}.section-title h2:after{content:"";height:1px;background:var(--line);flex:1}.section-title p{margin:2px 0;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}.card{grid-column:span 6;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.card.w4{grid-column:span 4}.card.w8{grid-column:span 8}.card.w12{grid-column:span 12}.card h3{font-size:14px;margin:0}.card>p{font-size:12px;color:var(--muted);margin:2px 0 13px}.bars{display:grid;gap:9px}.bar{display:grid;grid-template-columns:minmax(80px,150px) 1fr 42px;gap:9px;align-items:center;font-size:12px}.bar>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink2)}.track{height:12px;background:var(--bgblue);border-radius:999px;overflow:hidden}.fill{height:100%;background:var(--blue);border-radius:999px}.bar b{text-align:right}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.source{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 15px;box-shadow:var(--shadow)}.source h4{margin:0 0 8px;display:flex;justify-content:space-between;gap:8px;font-size:13px}.source dl{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin:0;font-size:11px}.source dt{color:var(--muted)}.source dd{margin:0;font-weight:800}.mini{border-radius:999px;padding:2px 7px;font-size:9px;background:#edf8f2;color:var(--green)}.mini.warn{background:#fdf0d8;color:#a96f12}.mini.off{background:#eef2f6;color:#6b7e95}.note{padding:14px 16px;background:#f8fbff;border:1px dashed #bfd3e8;border-radius:13px;color:var(--ink2);font-size:12px}.loading{min-height:240px;display:grid;place-items:center;color:var(--muted)}.error{padding:16px;border:1px solid #f0caca;background:#fff8f8;color:#9b3333;border-radius:13px}.page-footer{margin-top:auto;text-align:center;color:var(--muted);font-size:11px;padding:18px}.modalbg{position:fixed;inset:0;background:#0c274077;z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(510px,100%);background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 70px #0c274044}.modal h2{margin:0;font-size:18px}.modal>p{color:var(--muted);font-size:12px}.form{display:grid;gap:11px;margin:15px 0}.form label{display:grid;gap:5px;font-size:11px;font-weight:800;color:var(--muted)}.form input,.form select{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fbfdff}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions button{border:1px solid var(--line);border-radius:10px;padding:9px 13px;background:#fff;font-weight:700}.modal-actions .primary{background:var(--blue);border-color:var(--blue);color:#fff}.backdrop{position:fixed;inset:0;background:#0c274066;z-index:40}
@media(max-width:1100px){.card{grid-column:span 12}.card.w4,.card.w8{grid-column:span 6}}@media(max-width:860px){.sidebar{position:fixed;left:-270px;z-index:45;transition:.2s}.sidebar.open{left:0}.brand button,.top>button{display:block}.top{flex-wrap:wrap}.view-controls{width:100%;margin-left:0}.summary-grid{grid-template-columns:1fr}.grid .card{grid-column:span 12}}@media(max-width:620px){.top,.filters,.content{padding-left:16px;padding-right:16px}.statusbar{font-size:10px}.kpis{grid-template-columns:1fr 1fr}.filters>.source-pill{margin-left:0}.kpi strong{font-size:27px}}@media(max-width:440px){.kpis{grid-template-columns:1fr}.view-controls{gap:8px}.control{flex-wrap:wrap}.statusbar strong{display:none}}
/* Navegação sistema/fonte e Home sintética (nav-home v0.1.0) */
.sysnav{display:flex;flex-direction:column;gap:2px}.sysnav-head{display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:10px;color:#9fb6cf;font-size:11px;font-weight:800;letter-spacing:.06em;text-decoration:none}.sysnav-head:hover{background:#ffffff12;color:#fff}.sysnav-group.open>.sysnav-head{color:#fff}.sysnav-head .ico{width:18px;text-align:center;font-size:14px}.sysnav-subs{display:flex;flex-direction:column;margin:2px 0 6px 21px;border-left:1px solid #ffffff1f;padding-left:8px}.sysnav-item{color:#c4d6ea;text-decoration:none;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600}.sysnav-item:hover{background:#ffffff12;color:#fff}.sysnav-item.active{background:var(--blue);color:#fff}.sysnav-legacy{margin-top:10px;border-top:1px solid #ffffff14;padding-top:8px}
.nh{display:flex;flex-direction:column;gap:12px;min-width:0}.nh-banner{background:#fff7e6;border:1px solid #f0d49b;color:#7a520c;border-radius:12px;padding:8px 12px;font-size:12px}.nh-banner.real{background:#eef4fb;border-color:#bfd3e8;color:var(--ink2)}.nh-banner code{font-size:11px}.nh-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.nh-crumbs a{color:var(--blue2);font-weight:700;text-decoration:none}.nh-period{margin-left:auto;background:var(--bgblue);border-radius:999px;padding:2px 9px;font-weight:700;color:var(--blue2)}.nh-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin;max-width:100%}.nh-tab{flex:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--ink2);text-decoration:none;white-space:nowrap}.nh-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.nh-sources{display:flex;flex-wrap:wrap;gap:6px}.nh-chip{font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;border:1px solid var(--line);background:#fff;color:var(--ink2)}.nh-chip.st-synthetic{border-color:#b9e2cf;background:#f0faf5;color:#16704c}.nh-chip.st-stale{border-color:#f0d49b;background:#fff7e6;color:#8a5b0c}.nh-chip.st-offline,.nh-chip.st-absent{border-color:#d5dde7;background:#eef2f6;color:#56687d}
.nh-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nh-block{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);min-width:0}.nh-home .nh-block{grid-column:span 1}.nh-home .nh-block.tone-warn{grid-column:span 2;border-left:4px solid var(--amber)}.nh-block h2{font-size:14px;margin:0 0 8px}.nh-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.nh-tile{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-width:0;background:#fbfdff}.nh-tile.st-absent,.nh-tile.st-error,.nh-tile.st-offline{background:repeating-linear-gradient(135deg,#f6f8fb,#f6f8fb 8px,#f0f3f7 8px,#f0f3f7 16px)}.nh-tile.st-error{border-color:#f0caca}.nh-tile-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:flex-start}.nh-tile h3{font-size:12px;margin:0;overflow-wrap:anywhere;min-width:0;color:var(--ink2)}.nh-tag{flex:none;font-size:9px;font-weight:800;letter-spacing:.04em;color:var(--blue2);background:var(--bgblue);border-radius:6px;padding:2px 6px;white-space:nowrap}.nh-value{font-size:21px;line-height:1.2;font-weight:800;overflow-wrap:anywhere}.nh-value.txt{font-size:16px}.nh-value small{font-size:11px;color:var(--muted);font-weight:700}.st-absent .nh-value,.st-error .nh-value,.st-offline .nh-value{color:#8a99ab}.st-stale .nh-value{color:#9a6a12}.nh-why{margin:0;font-size:11.5px;color:var(--muted)}.nh-items{list-style:none;margin:2px 0;padding:0;font-size:11.5px;max-height:120px;overflow:auto}.nh-items li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--line);padding:2px 0}.nh-foot{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:auto;font-size:10px;color:var(--muted)}.nh-badge{font-size:9px;font-weight:800;letter-spacing:.04em;border-radius:6px;padding:2px 6px;background:#fff1d6;color:#8a5b0c}.st-absent .nh-badge,.st-offline .nh-badge{background:#e7ecf2;color:#46586d}.st-error .nh-badge{background:#fde7e7;color:#9b3333}.nh-more{margin-left:auto;font-weight:800;color:var(--blue2);text-decoration:none}.nh-prov summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--blue2)}.nh-prov ul{margin:4px 0 0;padding-left:16px;font-size:11px;color:var(--ink2)}.nh-provbox{font-size:12px;color:var(--ink2);background:#f8fbff;border:1px dashed #bfd3e8;border-radius:12px;padding:8px 12px}.nh-note{margin:8px 0 0;font-size:11.5px;color:var(--ink2)}
.nh-trend{display:flex;flex-direction:column}.nh-trow{display:grid;grid-template-columns:minmax(150px,1.3fr) 120px minmax(90px,.8fr) minmax(160px,2fr);gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px}.nh-tlabel{display:flex;flex-direction:column;gap:2px}.nh-tlabel .nh-tag{align-self:flex-start}.nh-tval strong{font-size:15px}.nh-tval strong.txt{font-size:12px;font-weight:700}.nh-blocks>.nh-wide,.nh-home .nh-blocks>.nh-wide{grid-column:1/-1}.nh-home .nh-block:not(.tone-warn) .nh-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.nh-tval small{display:block;color:var(--muted);font-size:10.5px}.nh-twhy{color:var(--muted);font-size:11px}.nh-spark{display:flex;align-items:flex-end;gap:1px;height:26px;width:120px}.nh-spark i{flex:1;background:var(--cyan);border-radius:2px 2px 0 0;min-width:1px}.nh-spark-empty{font-size:10px;color:var(--muted);height:auto}.nh-catalog{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:12px}.nh-catalog summary{cursor:pointer;font-weight:700;color:var(--ink2)}.nh-scroll{max-height:260px;overflow:auto;margin-top:8px}.nh-scroll table{width:100%;border-collapse:collapse;font-size:11px}.nh-scroll th,.nh-scroll td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--line);vertical-align:top}.nh-scroll th{position:sticky;top:0;background:#fff}.nh-actions{display:flex;flex-wrap:wrap;gap:10px}.nh-legacy,.nh-backhome{font-size:12px;font-weight:700;color:var(--blue2);text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px}
@media(max-width:860px){.nh-blocks{grid-template-columns:1fr}.nh-home .nh-block:not(.tone-warn) .nh-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.nh-block,.nh-home .nh-block,.nh-home .nh-block.tone-warn{grid-column:span 1}.nh-trow{grid-template-columns:1fr 96px;gap:4px 10px}.nh-spark{width:96px}.nh-twhy{grid-column:1/-1}}@media(max-width:620px){.nh-tiles{grid-template-columns:1fr 1fr}.nh-value{font-size:18px}.nh-period{margin-left:0}}@media(max-width:440px){.nh-tiles,.nh-home .nh-block:not(.tone-warn) .nh-tiles{grid-template-columns:1fr}}