/* Informes (informes.js). Panel tokens only; two extra tokens for the up/down arrows. */
:root{--inf-good:var(--ok)}

.inf-tb{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px}
.inf-presets{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.inf-presets .chip{height:40px;padding:0 16px;font-size:14px}
.inf-dates{display:flex;gap:10px;flex-wrap:wrap}
.inf-dates label{display:block}
.inf-dates .lbl{display:block;margin-bottom:4px}
.inf-dates input{height:44px;width:160px}
.inf-tbx{margin-left:auto}
.inf-err{flex:1 0 100%;margin:0}
.inf-exp{position:relative}
.inf-exp .btn{height:44px}
.inf-menu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;width:max-content;min-width:280px;max-width:min(360px,calc(100vw - 32px));background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:6px;box-shadow:0 10px 30px color-mix(in oklch,var(--ink) 14%,transparent)}
.inf-menu[hidden]{display:none}
.inf-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:none;text-align:left;color:var(--ink)}
.inf-menu button b{font-size:14px;font-weight:600}
.inf-menu button small{font-size:12px;color:var(--mute);line-height:1.35}
.inf-menu button:hover,.inf-menu button:focus-visible{background:var(--tint)}

.inf-b{display:grid;gap:14px;min-width:0}
.inf-span{margin:0;font-size:13px}
.inf-note{margin:-4px 0 0}
.inf-foot{margin:0}
.inf-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:700px){.inf-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
.inf-kpis .kpi .n{overflow-wrap:anywhere}
.inf-up{color:var(--inf-good);font-weight:600}
.inf-down{color:var(--btn);font-weight:600}
.inf-eq,.inf-prev{color:var(--mute)}
.inf-card+.inf-card{margin-top:0}
.inf-chartcard .card-h{flex-wrap:wrap}
.inf-chart{display:block;width:100%;height:auto;overflow:visible}
.inf-chart .gl{stroke:var(--line);stroke-dasharray:3 4}
.inf-chart .gl.base{stroke:var(--line2);stroke-dasharray:none}
.inf-chart .ax{font-size:11.5px;fill:var(--mute);font-family:var(--font);font-variant-numeric:tabular-nums}
.inf-chart .bar{fill:var(--ink)}
.inf-chart .bar.top{fill:var(--verm)}
.inf-chart .bar:hover{opacity:.8}
.inf-chart.narrow .ax{font-size:24px}
.inf-two{display:grid;gap:14px;min-width:0}
.inf-two>*{min-width:0}
@media (min-width:1024px){.inf-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.inf-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
.inf-tbl{width:100%;border-collapse:collapse;font-size:13px}
.inf-tbl th,.inf-tbl td{padding:9px 6px;border-bottom:1px solid var(--line);white-space:nowrap;font-weight:400}
.inf-tbl thead th{font-size:12px;font-weight:500;color:var(--mute);padding-top:2px}
.inf-tbl tbody th{text-align:left;font-weight:500;white-space:normal;min-width:84px;overflow-wrap:break-word}
.inf-tbl thead th:first-child{text-align:left}
.inf-tbl abbr{text-decoration:none}
.inf-tbl tr:last-child td,.inf-tbl tr:last-child th{border-bottom:0}
.inf-tbl .r{text-align:right;font-variant-numeric:tabular-nums}
.inf-none{font-size:13px}
.inf-skel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:700px){.inf-skel{grid-template-columns:repeat(3,minmax(0,1fr))}}
.inf-skel i{display:block;height:84px;border-radius:var(--r);background:var(--tint);animation:infp 1.2s ease-in-out infinite alternate}
@keyframes infp{from{opacity:.5}to{opacity:1}}
@media (max-width:480px){.inf-dates input{width:100%}.inf-dates label{flex:1 1 140px}.inf-tbx{margin-left:0;width:100%}.inf-exp .btn{width:100%}.inf-menu{left:0;right:auto;width:100%}}
@media (max-width:480px){.inf-card{padding:14px 12px}.inf-tbl{font-size:12.5px}.inf-tbl th,.inf-tbl td{padding:9px 4px}.inf-tbl tbody th{min-width:78px}}
@media print{.inf-tb{display:none}}