#live-costs-panel{margin-top:14px}
#live-costs-panel p,#live-costs-panel small{color:var(--mt);line-height:1.5}
.live-cost-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}
.live-cost-filters label{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.live-cost-filters label[hidden]{display:none}
.live-cost-filters input,.live-cost-filters select,.live-cost-filters button{font:inherit;font-size:16px;min-height:44px;max-width:100%;padding:8px;border:1px solid var(--bd);border-radius:8px;background:var(--s2);color:var(--tx)}
.live-cost-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.live-cost-metrics article{padding:12px;border:1px solid var(--bd);border-radius:10px;min-width:0}
.live-cost-metrics span,.live-cost-metrics small{display:block;font-size:12px}
.live-cost-metrics strong{display:block;font-size:22px;color:var(--ac);margin:8px 0;overflow-wrap:anywhere}
#live-costs-panel .live-cost-warning{padding:10px;border-left:3px solid var(--warn,#f59e0b);background:var(--s2)}
.live-cost-table{max-width:100%;overflow:auto;margin:12px 0}
.live-cost-table table{border-collapse:collapse;width:100%;font-size:13px}
.live-cost-table td,.live-cost-table th{text-align:left;padding:10px;border-bottom:1px solid var(--bd)}
@media(max-width:600px){.live-cost-metrics{grid-template-columns:1fr}.live-cost-filters label{flex-basis:100%}.live-cost-filters button{width:100%}}