@import url("../perdas-produtos/styles.css?v=20260621-1");
.back-link,.back-link:hover{border-color:#fde68a!important;background:#fffbeb!important;color:#b45309!important}

.consumption-mark{background:#ecfdf5;color:#047857}.metric-card-bulk .metric-icon{background:#ecfdf5;color:#047857}.metric-card-units .metric-icon{background:#eff6ff;color:#1d4ed8}.metric-card-water .metric-icon{background:#ecfeff;color:#0891b2}
.chart-section{border:1px solid var(--line);border-radius:1rem;background:#fff;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.03),0 8px 24px rgba(0,0,0,.035)}.chart-legend{display:flex;flex-wrap:wrap;gap:.5rem}.chart-legend span{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:999px;background:#fafafa;padding:.3rem .65rem;color:#52525b;font-size:.68rem;font-weight:600}.chart-legend i{width:.5rem;height:.5rem;border-radius:999px}.legend-kg{background:#0f766e}.legend-unit{background:#2563eb}.attendant-chart{display:grid;grid-auto-columns:minmax(90px,1fr);grid-auto-flow:column;gap:.75rem;margin-top:1.25rem;overflow-x:auto;border:1px solid var(--line);border-radius:.75rem;background:#fafafa;padding:1rem}.attendant-bar-group{display:grid;grid-template-rows:210px auto;gap:.6rem;min-width:90px}.bar-pair{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;align-items:end;border-bottom:1px solid #d4d4d8;padding:0 .3rem}.bar-wrap{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem}.bar-value{color:#71717a;font-size:.62rem;font-weight:600}.bar{width:100%;min-height:0;border-radius:.3rem .3rem 0 0}.bar-kg{background:#0f766e}.bar-unit{background:#2563eb}.attendant-bar-group>strong{min-height:2.2rem;color:#3f3f46;font-size:.68rem;font-weight:600;line-height:1.2;text-align:center;overflow-wrap:anywhere}
@media(max-width:1100px){.consumption-form{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.chart-section{padding:1rem}.chart-title{align-items:stretch;flex-direction:column}.consumption-form{grid-template-columns:1fr}.attendant-chart{grid-auto-columns:85px}}

#consumptionForm label>span{display:block;width:100%;text-align:center!important}#consumptionForm input,#consumptionForm select{text-align:center!important;text-align-last:center!important}#consumptionForm select option{text-align:center}
.month-section .month-toolbar{gap:.75rem}.year-filter{min-width:150px}@media(max-width:720px){.year-filter{width:100%;min-width:0}}