.order-consumption{display:grid;gap:14px}
.order-consumption__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.order-consumption__head h3{margin:0;font-family:Oswald,sans-serif;font-size:1.2rem;font-weight:500;color:var(--bw-readable-ink,#f0f4f7)}
.order-consumption__head p{margin:4px 0 0;color:var(--bw-readable-muted,#929dab);font-size:.84rem}
.order-consumption__meter{border:1px solid rgba(255,255,255,.085);border-radius:15px;background:rgba(255,255,255,.018);padding:15px;display:grid;gap:13px}
.order-consumption__meter-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.order-consumption__meter-title{display:grid;gap:3px}.order-consumption__meter-title strong{font-size:1rem;color:var(--bw-readable-ink,#edf1f5)}.order-consumption__meter-title small{color:var(--bw-readable-muted,#84909e);font-size:.75rem}
.order-consumption__kind{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.045);color:var(--bw-readable-muted,#b9c2cd)}
.order-consumption__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.order-consumption__metric{padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(0,0,0,.12)}
.order-consumption__metric span{display:block;font-size:.68rem;color:var(--bw-readable-muted,#7f8a98);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}
.order-consumption__metric strong{display:block;color:var(--bw-readable-ink,#e5eaf0);font-size:.92rem;font-weight:500}
.order-consumption__metric--accent strong{color:var(--bw-readable-positive,#8bdca9)}
.order-consumption__history{display:grid;border-top:1px solid rgba(255,255,255,.06)}
.order-consumption__row{display:grid;grid-template-columns:100px 1fr 1fr auto;gap:12px;align-items:center;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.055);font-size:.8rem}
.order-consumption__row span{color:var(--bw-readable-muted,#8d98a6)}.order-consumption__row strong{color:var(--bw-readable-ink,#dce2e9);font-weight:500}
.order-consumption__status{font-size:.62rem;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.04);color:var(--bw-readable-muted,#9fa9b6);text-transform:uppercase;letter-spacing:.05em}
.order-consumption__empty{padding:22px 16px;border:1px dashed rgba(255,255,255,.1);border-radius:13px;text-align:center;color:var(--bw-readable-muted,#929ca9)}
.order-consumption__empty strong{display:block;color:var(--bw-readable-ink,#e7ebef);margin-bottom:6px}
.order-consumption__actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.order-consumption__note{font-size:.74rem;color:var(--bw-readable-muted,#7f8a98);line-height:1.45}
@media(max-width:680px){.order-consumption__head{flex-direction:column}.order-consumption__metrics{grid-template-columns:1fr}.order-consumption__row{grid-template-columns:1fr 1fr;gap:5px 10px}.order-consumption__row .order-consumption__status{justify-self:start}.order-consumption__actions>*{width:100%}}