#nav [data-v=relatorios][hidden],:is(#v-relatorios,#relatoriosView) [hidden]{display:none!important}
:is(#v-relatorios,#relatoriosView){max-width:1640px;margin-inline:auto}
:is(#v-relatorios,#relatoriosView) .rp-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
:is(#v-relatorios,#relatoriosView) .rp-hero :is(h1,h2){margin:0 0 6px;font-size:clamp(24px,2.2vw,34px);letter-spacing:-.7px}
:is(#v-relatorios,#relatoriosView) .rp-hero p{margin:0;max-width:760px;color:var(--muted,#a4a9b6);font-size:13px;line-height:1.65}
:is(#v-relatorios,#relatoriosView) .rp-actions{display:flex;gap:10px;flex-wrap:wrap}
:is(#v-relatorios,#relatoriosView) button,:is(#v-relatorios,#relatoriosView) input,:is(#v-relatorios,#relatoriosView) select{font:inherit;box-sizing:border-box;max-width:100%}
:is(#v-relatorios,#relatoriosView) button{min-height:44px;cursor:pointer}
:is(#v-relatorios,#relatoriosView) button:disabled{opacity:.55;cursor:wait}
:is(#v-relatorios,#relatoriosView) .rp-filter{background:var(--card,#16191f);border:1px solid var(--line,#30313b);border-radius:18px;padding:20px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:14px;align-items:end;margin-bottom:18px}
:is(#v-relatorios,#relatoriosView) label{display:block;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted,#a4a9b6);margin-bottom:7px}
:is(#v-relatorios,#relatoriosView) select,:is(#v-relatorios,#relatoriosView) input{height:44px;min-height:44px;width:100%;min-width:0;padding:0 12px;border:1px solid var(--line,#34343f);border-radius:10px;background:var(--card2,#101218);color:var(--ink,#f3f4f6);color-scheme:dark}
:is(#v-relatorios,#relatoriosView) input:focus-visible,:is(#v-relatorios,#relatoriosView) select:focus-visible,:is(#v-relatorios,#relatoriosView) button:focus-visible{outline:2px solid #ff4266;outline-offset:3px}
:is(#v-relatorios,#relatoriosView) .rp-dates{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:550px}
:is(#v-relatorios,#relatoriosView) .rp-snapshot{color:var(--muted,#9ca3af);font-size:12px;line-height:1.7;margin:0 0 14px;overflow-wrap:anywhere}
:is(#v-relatorios,#relatoriosView) .rp-message{padding:12px 16px;border-radius:12px;background:#101820;border:1px solid #2c3545;font-size:13px;line-height:1.55;margin-bottom:16px}
:is(#v-relatorios,#relatoriosView) .rp-message.error{background:#2e121d;border-color:#823148;color:#ffb9c8}
:is(#v-relatorios,#relatoriosView) .rp-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
:is(#v-relatorios,#relatoriosView) .rp-kpi{padding:19px;border:1px solid var(--line,#30313b);background:var(--card,#17191f);border-radius:16px;min-width:0}
:is(#v-relatorios,#relatoriosView) .rp-kpi b{display:block;font-size:clamp(22px,2vw,30px);letter-spacing:-.5px;margin:10px 0 6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
:is(#v-relatorios,#relatoriosView) .rp-kpi small,:is(#v-relatorios,#relatoriosView) .rp-kpi span{font-size:11px;color:var(--muted,#a4a9b6);line-height:1.55}
:is(#v-relatorios,#relatoriosView) .rp-kpi.primary{border-color:#813345;background:linear-gradient(135deg,#321724,var(--card,#17191f))}
:is(#v-relatorios,#relatoriosView) .rp-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;margin-bottom:18px}
:is(#v-relatorios,#relatoriosView) .rp-panel{background:var(--card,#17191f);border:1px solid var(--line,#30313b);border-radius:17px;padding:20px;min-width:0}
:is(#v-relatorios,#relatoriosView) h2{font-size:17px;letter-spacing:-.3px;margin:0 0 6px}
:is(#v-relatorios,#relatoriosView) .rp-help{font-size:12px;color:var(--muted,#a4a9b6);line-height:1.65;margin:0 0 18px}
:is(#v-relatorios,#relatoriosView) .rp-bar{display:grid;grid-template-columns:minmax(0,.8fr) minmax(36px,1.3fr) auto;align-items:center;gap:14px;margin-top:17px;font-size:12px}
:is(#v-relatorios,#relatoriosView) .rp-bar>span{min-width:0;overflow-wrap:anywhere}
:is(#v-relatorios,#relatoriosView) .rp-track{height:8px;border-radius:8px;background:var(--line,#2b2e39);overflow:hidden}
:is(#v-relatorios,#relatoriosView) .rp-track i{display:block;height:100%;background:linear-gradient(90deg,#e11d48,#ff5379);border-radius:8px;transition:width .5s ease}
:is(#v-relatorios,#relatoriosView) .rp-bar b{font-size:12px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
:is(#v-relatorios,#relatoriosView) .rp-note{padding:12px 14px;border-radius:10px;border:1px solid #604d2a;background:#231d16;font-size:12px;line-height:1.65;color:#f2dfb8;margin-top:16px}
:is(#v-relatorios,#relatoriosView) .rp-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line,#30313b);border-radius:12px;overscroll-behavior:contain}
:is(#v-relatorios,#relatoriosView) table{width:100%;border-collapse:collapse;margin:0;min-width:680px}
:is(#v-relatorios,#relatoriosView) .rp-status-table{min-width:0}
:is(#v-relatorios,#relatoriosView) .rp-gateway-chart{margin:0 0 22px}
:is(#v-relatorios,#relatoriosView) th{font-size:11px;text-align:left;color:var(--muted,#a4a9b6);background:var(--card2,#101218);padding:13px 14px;white-space:nowrap}
:is(#v-relatorios,#relatoriosView) td{font-size:12px;line-height:1.6;padding:12px 14px;border-top:1px solid var(--line,#30313b);vertical-align:middle}
:is(#v-relatorios,#relatoriosView) tr:hover td{background:rgba(225,29,72,.035)}
:is(#v-relatorios,#relatoriosView) td.num,:is(#v-relatorios,#relatoriosView) th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
:is(#v-relatorios,#relatoriosView) .rp-store-name{display:block;font-weight:600;max-width:200px;overflow-wrap:anywhere}
:is(#v-relatorios,#relatoriosView) .rp-store-slug{font-size:11px;color:var(--muted,#9ca3af)}
:is(#v-relatorios,#relatoriosView) .rp-store-pdf{font-size:11px;white-space:nowrap;padding-inline:12px}
:is(#v-relatorios,#relatoriosView) .rp-demographics{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;color:var(--muted,#a4a9b6);font-size:12px;line-height:1.6}
:is(#v-relatorios,#relatoriosView) .rp-demographics span{background:var(--card2,#101218);padding:8px 11px;border-radius:8px}
:is(#v-relatorios,#relatoriosView) .rp-footer{margin-top:16px;font-size:12px;line-height:1.7;color:var(--muted,#a4a9b6)}
@media(max-width:1000px){:is(#v-relatorios,#relatoriosView) #rpStoresTable,:is(#v-relatorios,#relatoriosView) #rpGatewaysTable{min-width:0}:is(#v-relatorios,#relatoriosView) #rpStoresTable thead,:is(#v-relatorios,#relatoriosView) #rpGatewaysTable thead{display:none}:is(#v-relatorios,#relatoriosView) #rpStoresTable tbody,:is(#v-relatorios,#relatoriosView) #rpGatewaysTable tbody{display:block}:is(#v-relatorios,#relatoriosView) #rpStoresTable tr,:is(#v-relatorios,#relatoriosView) #rpGatewaysTable tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border-top:1px solid var(--line,#30313b)}:is(#v-relatorios,#relatoriosView) #rpStoresTable td,:is(#v-relatorios,#relatoriosView) #rpGatewaysTable td{padding:0 2px;border:0;text-align:left;white-space:normal;overflow-wrap:anywhere}:is(#v-relatorios,#relatoriosView) #rpStoresTable td:first-child,:is(#v-relatorios,#relatoriosView) #rpGatewaysTable td:first-child{grid-column:1/-1}:is(#v-relatorios,#relatoriosView) #rpStoresTable td:last-child{grid-column:1/-1}:is(#v-relatorios,#relatoriosView) #rpStoresTable td::before,:is(#v-relatorios,#relatoriosView) #rpGatewaysTable td::before{content:attr(data-label);display:block;font-size:10px;color:var(--muted,#9ca3af);margin-bottom:4px}:is(#v-relatorios,#relatoriosView) .rp-store-pdf{width:100%}:is(#v-relatorios,#relatoriosView) .rp-status-table th,:is(#v-relatorios,#relatoriosView) .rp-status-table td{padding-inline:10px}:is(#v-relatorios,#relatoriosView) #rpGatewaysTable td:nth-child(7){color:#ff7293;font-weight:700}}
@media(max-width:1120px){:is(#v-relatorios,#relatoriosView) .rp-filter{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#v-relatorios,#relatoriosView) .rp-filter>button{grid-column:1/-1}:is(#v-relatorios,#relatoriosView) .rp-hero{align-items:flex-start;flex-direction:column}:is(#v-relatorios,#relatoriosView) .rp-layout{grid-template-columns:minmax(0,1fr)}:is(#v-relatorios,#relatoriosView) .rp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:is(#v-relatorios,#relatoriosView) .rp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#v-relatorios,#relatoriosView) .rp-layout{grid-template-columns:minmax(0,1fr)}:is(#v-relatorios,#relatoriosView) .rp-filter,:is(#v-relatorios,#relatoriosView) .rp-panel{padding:16px}:is(#v-relatorios,#relatoriosView) .rp-hero{gap:14px}:is(#v-relatorios,#relatoriosView) .rp-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}:is(#v-relatorios,#relatoriosView) .rp-actions button{width:100%}:is(#v-relatorios,#relatoriosView) .rp-kpi{padding:16px}:is(#v-relatorios,#relatoriosView) .rp-kpi b{font-size:23px}:is(#v-relatorios,#relatoriosView) .rp-bar{grid-template-columns:minmax(0,.8fr) minmax(36px,1fr) auto;gap:10px}:is(#v-relatorios,#relatoriosView) .rp-table-wrap{border-radius:9px}}
@media(max-width:400px){:is(#v-relatorios,#relatoriosView) .rp-filter{grid-template-columns:minmax(0,1fr)}:is(#v-relatorios,#relatoriosView) .rp-actions{grid-template-columns:minmax(0,1fr)}:is(#v-relatorios,#relatoriosView) .rp-kpi b{font-size:21px}}
@media(prefers-reduced-motion:reduce){:is(#v-relatorios,#relatoriosView) .rp-track i{transition:none}}

.side-nav [data-tab="relatorios"][hidden]{display:none!important}

:is(#v-relatorios,#relatoriosView) .rp-state-details{margin-bottom:18px}
:is(#v-relatorios,#relatoriosView) .rp-state-details summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-size:12px;font-weight:600;line-height:1.6;color:var(--ink,#f3f4f6)}
:is(#v-relatorios,#relatoriosView) .rp-state-details summary:focus-visible{outline:2px solid #ff4266;outline-offset:3px;border-radius:5px}
:is(#v-relatorios,#relatoriosView) .rp-state-details .rp-help{margin:8px 0 14px}
:is(#v-relatorios,#relatoriosView) .rp-state-scroll{max-height:440px;overflow:auto;scrollbar-width:thin}
:is(#v-relatorios,#relatoriosView) .rp-state-table{min-width:0;table-layout:fixed}
:is(#v-relatorios,#relatoriosView) .rp-state-table th,:is(#v-relatorios,#relatoriosView) .rp-state-table td{padding:11px 10px;font-size:11px;white-space:normal;overflow-wrap:anywhere}
:is(#v-relatorios,#relatoriosView) .rp-state-table thead th{position:sticky;top:0;z-index:1}
:is(#v-relatorios,#relatoriosView) .rp-state-table th:first-child{width:44%}
:is(#v-relatorios,#relatoriosView) .rp-state-table tbody th{background:transparent;border-top:1px solid var(--line,#30313b);color:var(--ink,#f3f4f6);font-weight:500}
:is(#v-relatorios,#relatoriosView) .rp-state-table .rp-state-name{display:block}
:is(#v-relatorios,#relatoriosView) .rp-state-table .rp-state-uf{color:var(--muted,#a4a9b6);font-size:10px}
:is(#v-relatorios,#relatoriosView) .rp-state-table tfoot{font-weight:700;background:var(--card2,#101218)}
@media(max-width:500px){:is(#v-relatorios,#relatoriosView) .rp-state-table th,:is(#v-relatorios,#relatoriosView) .rp-state-table td{padding-inline:6px;font-size:10px;letter-spacing:0;text-transform:none}}