/* ===== Relatórios ===== */
.nav:has(> a:nth-of-type(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:899px){.nav:has(> a:nth-of-type(5)) a{font-size:11px}}
.rel-head{flex-wrap:wrap;gap:12px}
.rel-head .seg{min-width:min(100%,380px)}
.rel-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rel-kpi strong{font-size:26px;font-variant-numeric:tabular-nums}
.rel-kpi .dl{display:block;font-style:normal;font-size:12px;font-weight:600;line-height:1.35}
.dl.bom{color:#3F7A4E}.dl.ruim{color:#A0413A}.dl.neutro{color:var(--muted);font-weight:500}
.rel-list{padding:6px 16px 14px}
.rel-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.rel-row:last-child{border-bottom:none}
.rel-row.li{justify-content:flex-start;align-items:stretch;min-height:0}
.rel-nome{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;min-width:0}
.rel-row strong{font-size:14px;white-space:nowrap}
.pos{display:inline-flex;width:22px;height:22px;border-radius:11px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:800;align-items:center;justify-content:center;flex-shrink:0}
.rel-row:nth-child(1) .pos{background:var(--gold-glass);color:var(--ink)}
.rel-row:nth-child(2) .pos,.rel-row:nth-child(3) .pos{background:var(--gold-soft);color:var(--gold-ink)}
.rel-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0 14px;border-bottom:1px solid var(--line)}
.rel-duo strong{display:block;font-size:24px;font-weight:800}
.rel-dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:14px 0;border-bottom:1px solid var(--line);text-align:center}
.rel-dias .col{align-items:center;gap:4px}
.rel-dbar{height:70px;width:100%;max-width:34px;border-radius:8px;background:var(--soft);display:flex;align-items:flex-end;overflow:hidden}
.rel-dbar>div{width:100%;background:linear-gradient(180deg,#D9A99E,#B4685C);border-radius:8px;transform-origin:bottom}
.rel-dias em{font-style:normal}
.rel-mini{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;min-height:0}
.rel-mini:last-child{border-bottom:none}
.rel-wa{height:34px;padding:0 14px;font-size:13px;flex-shrink:0}
.heat{display:grid;gap:4px;align-items:center;overflow-x:auto}
.heat .hh{font-size:10px;color:var(--muted);text-align:center}
.heat .hd{font-size:12px;font-weight:700;color:var(--muted)}
.heat i{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-height:22px;border-radius:6px;font-style:normal;font-size:10px;font-weight:700;color:var(--ink);background:rgba(201,162,77,calc(.08 + var(--a) * .85));transition:transform .2s ease,box-shadow .2s ease}
.rel-skel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rel-skel i{display:block;height:96px;border-radius:16px;background:linear-gradient(90deg,rgba(31,27,26,.05) 0%,rgba(201,162,77,.16) 40%,rgba(31,27,26,.05) 80%);background-size:300% 100%;animation:skel 1.3s ease-in-out infinite}
.rel-skel i.w{grid-column:1/-1;height:220px}
@media (min-width:900px){
  #app:has(> .screen.rel){max-width:1180px}
  .screen.rel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;align-content:start}
  .rel-head,.rel-kpis,.rel-heat,.rel-skel{grid-column:1/-1}
  .rel-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .rel-kpi{padding:18px}
  .rel-skel{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .rel-skel i{height:120px}.rel-skel i.w{grid-column:span 2;height:320px}
  .heat i{aspect-ratio:auto;height:34px;font-size:11px}
  @media (hover:hover){
    .rel-kpi,.rel-list{transition:box-shadow .3s ease,border-color .3s ease}
    .rel-kpi:hover,.rel-list:hover{box-shadow:0 10px 30px rgba(201,162,77,.18);border-color:rgba(201,162,77,.45)}
    a.rel-row:hover,a.rel-mini:hover{background:rgba(201,162,77,.06)}
    .heat i:hover{box-shadow:0 0 0 2px rgba(201,162,77,.7)}
  }
}
@media (prefers-reduced-motion:no-preference){
  .rel.rel-in>*{animation:finCard .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--j,0) * 70ms)}
  .rel.rel-in .rel-kpi{animation:finCard .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0) * 70ms + 60ms)}
  .rel.rel-in .bar>div{animation:barGrow 1.1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.35s + var(--b,0) * 60ms)}
  .rel.rel-in .rel-dbar>div{animation:barUp 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.45s + var(--b,0) * 60ms)}
  .rel.rel-in .heat i{animation:fadeIn .5s ease both;animation-delay:calc(.5s + var(--b,0) * 8ms)}
}
@keyframes barUp{from{transform:scaleY(0)}}