.consumable-tag{display:inline-block!important;background:#fff0d8;color:#8b5d13!important;border:1px solid #efdcb9;border-radius:8px;padding:3px 7px;margin-top:6px;font-size:12px!important;font-weight:700!important}
.consume-button{background:#fff5e5!important;border-color:#ebd6b0!important;color:#81571d!important}
.operation-tabs button.selected{background:#dcefe7;border-color:#5ba591}
.consumption-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;margin:15px 0}
.consumption-filters input{min-width:0}.consumption-filters button{min-height:44px;border:1px solid #c8ded4;background:#edf7f0;color:var(--teal);border-radius:10px;padding:8px}
.consumption-filters small{display:block;font-size:13px;font-weight:700}.consumption-filters span{display:block;font-size:10px;color:var(--muted)}
.consumption-summary{display:grid;gap:8px}.consumption-summary>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;background:#fff7ea;border:1px solid #ebdfc9;border-radius:10px;padding:12px}.consumption-summary small{grid-column:1/-1;color:var(--muted)}
.consumption-records{padding:15px;border:1px solid var(--line);border-radius:14px;background:white;margin-top:15px}.consumption-records>summary{cursor:pointer;font-weight:700}
.convert-consumption{margin-top:8px;padding:10px;background:#fff3dd;border:1px solid #e5cfaa;border-radius:10px;color:#825620;width:100%}
.convert-consumption span{display:block}.convert-consumption small{font-weight:750}
@media(max-width:600px){.consumption-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.consumption-filters button{grid-column:1/-1}}