/* ══ RELATÓRIO ══ */
.rel-period { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 18px; }
.rel-period .form-group { margin: 0; }
.rel-summary { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; margin-bottom: 20px; }
@media (max-width: 700px) { .rel-summary { grid-template-columns: repeat(2,1fr); } }
.card-value.orange { color: #e67e22; }
.rel-breakdown-wrap { background: var(--warm1,#f8f4f0); border-radius: 10px; padding: 16px 20px; }
.rel-breakdown-bar { display: flex; height: 16px; border-radius: 8px; overflow: hidden; background: var(--warm2,#e8ddd5); margin-bottom: 10px; }
.rel-bb-seg { height: 100%; transition: width .3s; }
.seg-insumos { background: #e67e22; }
.seg-incalc { background: #f39c12; }
.seg-lucro { background: #27ae60; }
.rel-breakdown-legend { display: flex; gap: 18px; flex-wrap: wrap; font-size: .82rem; color: var(--text2,#555); }
.rbl-item { display: flex; align-items: center; gap: 6px; }
.rbl-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }