/* OmniData · réplica de relatórios Power BI em HTML (dados fictícios) */
:root{--bar:#0f1b2d;--bar-ink:#e8eef7;--accent:#94da1c;--stage:#e9ecf1}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:var(--stage);font-family:'Segoe UI',wf_segoe-ui_normal,helvetica,arial,sans-serif;color:#252423}
.pbi-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--bar);color:var(--bar-ink);font-size:13px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.pbi-top img{width:26px;height:26px}
.pbi-top .t{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbi-top .badge{margin-left:auto;font-size:11px;opacity:.8;white-space:nowrap}
.pbi-top a{color:var(--accent);text-decoration:none;font-weight:600;white-space:nowrap}
.pbi-top a.voltar{color:var(--bar-ink);border:1px solid #33455f;border-radius:6px;padding:4px 10px}
.pbi-top a.voltar:hover{background:#1c2a40}
.pbi-top select{background:#1c2a40;color:var(--bar-ink);border:1px solid #33455f;border-radius:6px;padding:4px 6px;max-width:320px}
.pbi-wrap{display:flex;justify-content:center;padding:8px 8px 0}
.pbi-scale{position:relative;transform-origin:top left}
.pbi-page{position:absolute;left:0;top:0;overflow:hidden;background:#fff;box-shadow:0 6px 28px rgba(15,27,45,.18)}
.pbi-tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:2px;overflow-x:auto;padding:4px 8px;background:#f3f2f1;border-top:1px solid #d6d6d6;scrollbar-width:thin}
.pbi-tabs button{flex:0 0 auto;border:0;background:transparent;padding:7px 14px;font:13px 'Segoe UI',sans-serif;color:#605e5c;border-bottom:3px solid transparent;cursor:pointer}
.pbi-tabs button.on{color:#252423;font-weight:600;border-bottom-color:var(--accent);background:#fff}
.v{position:absolute;overflow:hidden;display:flex;flex-direction:column}
.v .vt{flex:0 0 auto;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v .vb{position:relative;flex:1 1 auto;min-height:0}
.v .chart{position:absolute;inset:0}
.card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;line-height:1.1}
.card .val{font-weight:400}
.card .cat{margin-top:4px}
.mrc{display:flex;flex-direction:column;gap:6px;padding:6px 10px;height:100%;overflow:auto}
.mrc .row{border-left:3px solid #01B8AA;padding-left:8px}
.tbl{position:absolute;inset:0;overflow:auto;scrollbar-width:thin}
.tbl table{border-collapse:collapse;width:100%;font-size:11px}
.tbl th{position:sticky;top:0;z-index:1;font-weight:600;padding:3px 6px;text-align:left;vertical-align:bottom}
.tbl td{padding:2px 6px;white-space:nowrap}
.tbl td.n,.tbl th.n{text-align:right}
.tbl tr.tot td{font-weight:700;border-top:1px solid #333}
.sl{height:100%;display:flex;flex-direction:column;padding:2px 4px;font-size:12px}
.sl .h{font-weight:600;margin-bottom:3px;white-space:nowrap;overflow:hidden}
.sl .dd{border:1px solid #c8c6c4;border-radius:2px;padding:3px 6px;display:flex;justify-content:space-between;align-items:center;background:#fff;white-space:nowrap;overflow:hidden}
.sl .dd:after{content:'⌄';margin-left:8px;opacity:.7}
.sl .tiles{display:flex;gap:4px;height:100%}
.sl .tiles span{flex:1;display:flex;align-items:center;justify-content:center;border:1px solid #d0d0d0;font-weight:600;white-space:nowrap;overflow:hidden}
.sl .list{overflow:auto}
.sl .list div{padding:1px 0;white-space:nowrap}
.sl .list div:before{content:'☐ ';opacity:.6}
.sl .list div.on:before{content:'☑ '}
.btn{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;user-select:none;padding:2px 4px;line-height:1.1}
.txt{height:100%;overflow:hidden;padding:4px 6px;line-height:1.25}
.txt p{margin:0}
.img{width:100%;height:100%}
.html-content{position:absolute;inset:0;overflow:auto}
.pbi-tabs{position:fixed}
.demo-note{position:fixed;right:12px;bottom:44px;z-index:45;background:rgba(15,27,45,.88);color:#fff;font-size:11px;padding:6px 10px;border-radius:6px;pointer-events:none}
@media (max-width:700px){.pbi-top .badge{display:none}.pbi-top select{max-width:170px}}
@media (max-width:520px){.pbi-top{gap:8px;padding:8px 10px}.pbi-top select{min-width:0;flex:1 1 auto;max-width:none}.pbi-top a.voltar{padding:4px 8px}.pbi-top img{display:none}}