.auto-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 0 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.auto-bar strong {font-size: 14px; font-weight: 600;}
#task-timing {overflow-wrap: anywhere; line-height: 1.8; margin: 8px 0;}
#token-usage {display:grid;grid-template-columns:minmax(100px,.5fr) repeat(2,minmax(0,1fr));gap:16px 24px;align-items:center;padding:20px 0;margin:0 0 22px;border-top:2px solid var(--accent);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
#token-usage h2 {font-size:16px;}
.usage-metric {min-width:0;border-left:1px solid var(--line);padding-left:24px;}
.usage-label {font-size:12px;color:#52675e;margin-bottom:6px;}
.usage-value {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-height:36px;}
.usage-value strong {font-size:28px;line-height:1.25;color:#176353;}
.usage-value span {font-size:12px;color:#52675e;}
.usage-detail {font-size:12px;line-height:1.8;color:#52675e;margin-top:4px;}
.usage-warning {grid-column:1/-1;font-size:12px;line-height:1.7;color:#a04432;}
@media(max-width:640px){#token-usage {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:16px 0;align-items:start;}#token-usage h2 {grid-column:1/-1;}.usage-metric {border-left:0;padding-left:0;}.usage-value strong {font-size:24px;}}