/* ===== Relatórios (.rp-) ===== */
.rp-range { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rp-range .iconify { font-size: 16px; }
#rp-tabs .tab .iconify { font-size: 16px; }
.rp-pane { animation: rise 0.45s var(--ease) both; }
.rp-pane > * { animation: rise 0.5s var(--ease) both; }
.rp-pane > *:nth-child(2) { animation-delay: 0.05s; }
.rp-pane > *:nth-child(3) { animation-delay: 0.1s; }
.rp-pane > *:nth-child(4) { animation-delay: 0.15s; }

.rp-sq { width: 10px; height: 10px; border-radius: 3px; display: inline-block; flex-shrink: 0; }
.rp-legend-row { display: grid; grid-template-columns: 1fr auto 44px; align-items: center; gap: 10px; font-size: 13px; color: var(--text-2); padding: 6px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.rp-legend-row:last-child { border-bottom: 0; }
.rp-legend-row .xs { text-align: right; }
.rp-legend-row .iconify { font-size: 14px; }

.rp-barrow .progress { height: 7px; }

.rp-cellbar { display: grid; grid-template-columns: 52px minmax(60px, 1fr); align-items: center; gap: 10px; min-width: 140px; font-size: 13px; }
.rp-name { max-width: 280px; }
.rp-url { max-width: 420px; }
.rp-sort-ic { font-size: 12px; margin-left: 4px; color: var(--cyan-2); vertical-align: -1px; }
.rp-table tfoot td { border-top: 1px solid var(--line); background: rgba(255, 255, 255, 0.02); padding: 12px 14px; }

.rp-hl { min-height: 232px; }
.rp-hl .h3 { font-size: 18px; line-height: 1.25; }
.rp-bench-bars { display: grid; gap: 6px; }
.rp-bench-bars > div { display: grid; grid-template-columns: 38px 1fr 48px; align-items: center; gap: 8px; }
.rp-bench-bars b { text-align: right; }

.rp-kpis .kpi { min-height: 150px; }

.rp-heat { overflow-x: auto; padding-bottom: 4px; }
.rp-heat > div { min-width: 560px; }
.rp-heat-scale { flex: 1; max-width: 260px; height: 8px; border-radius: 99px; background: linear-gradient(90deg, rgba(34, 211, 238, 0.1), #22d3ee); }
.rp-mini-stat { display: flex; justify-content: space-between; gap: 12px; padding: 9px 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.22); font-size: 13px; }
.rp-mini-stat span { color: rgba(255, 255, 255, 0.85); }

.rp-logo { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; background: rgba(255, 255, 255, 0.92); font-size: 18px; color: #0f172a; flex-shrink: 0; }

.rp-gauge-wrap { position: relative; display: flex; justify-content: center; margin-top: 8px; }
.rp-gauge { width: 100%; max-width: 280px; height: auto; }
.rp-gauge-arc { animation: rp-gauge-in 1.2s var(--ease) both; }
.rp-gauge-num { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
@keyframes rp-gauge-in { from { stroke-dasharray: 0 100; } }

.rp-kpi2 { align-content: stretch; }
.rp-kpi2 .kpi { min-height: 0; height: 100%; }

.rp-domain { padding: 14px; }
.rp-auth { display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border-radius: 8px; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; }
.rp-auth.ok { background: rgba(16, 185, 129, 0.14); color: var(--emerald-2); border: 1px solid rgba(52, 211, 153, 0.3); }
.rp-auth.no { background: rgba(250, 204, 21, 0.12); color: var(--yellow-2); border: 1px solid rgba(250, 204, 21, 0.3); }

.rp-rec { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; border-radius: var(--r-md); background: rgba(255, 255, 255, 0.025); border: 1px solid var(--line); transition: background 0.2s, border-color 0.2s; }
.rp-rec:hover { background: rgba(255, 255, 255, 0.045); border-color: var(--line-2); }
.rp-rec p { max-width: 760px; }

.rp-sched { display: flex; flex-wrap: wrap; gap: 8px; }
.rp-sched-item { display: inline-flex; align-items: center; gap: 10px; padding: 6px 6px 6px 12px; border-radius: 14px; background: rgba(6, 182, 212, 0.08); border: 1px solid rgba(34, 211, 238, 0.22); }
.rp-sched-item .iconify { font-size: 16px; }
.rp-checks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 12px; border-radius: var(--r-sm); border: 1px solid var(--line); background: rgba(255, 255, 255, 0.02); }

@media (max-width: 1180px) {
  .rp-hl { min-height: 0; }
}
@media (max-width: 760px) {
  .rp-kpi2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rp-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rp-name { max-width: 200px; }
  .rp-url { max-width: 220px; }
  #rp-period { order: -1; }
}
@media (max-width: 560px) {
  .rp-kpi2 { grid-template-columns: minmax(0, 1fr); }
  .rp-checks { grid-template-columns: minmax(0, 1fr); }
  .rp-legend-row { grid-template-columns: 1fr auto 36px; }
  .page-actions #rp-period { width: 100%; }
  .page-actions #rp-period button { flex: 1; justify-content: center; }
}