.usage-dialog{width:min(1050px,calc(100vw - 24px))}.usage-dialog h2{font-size:20px}.usage-dialog p{font-size:14px}.usage-total{font-weight:700}.usage-table-scroll{overflow:auto;margin:16px 0;max-height:50dvh}.usage-dialog table{border-collapse:collapse;width:100%;font-size:13px}.usage-dialog th,.usage-dialog td{padding:10px;border-bottom:1px solid #dce5dc;text-align:right;white-space:nowrap}.usage-dialog th:nth-child(2),.usage-dialog td:nth-child(2){text-align:left}.usage-dialog th{position:sticky;top:0;background:#f4f7f4}


#chat .msg.assistant:has(>.usage-icon){position:relative;padding-bottom:36px}
#chat .msg.assistant>.usage-icon{position:absolute;right:6px;bottom:4px;top:auto;border:0;padding:2px 8px;font-size:21px;line-height:26px;background:transparent;color:#567465;cursor:pointer}
.usage-dialog{color:#203a32;background:white;border:1px solid #ccd8ce;border-radius:15px;padding:24px;max-height:85dvh}
.usage-dialog::backdrop{background:#203a3266}

.usage-dialog .usage-total{font-size:16px;line-height:1.7;margin:12px 0 8px}
.usage-dialog .usage-cost{font-size:17px;font-weight:700;margin:8px 0 16px;color:#245f49}
.usage-explanation{margin:16px 0;border-top:1px solid #dce5dc;padding-top:12px}
.usage-explanation>summary{cursor:pointer;font-size:13px;color:#567465}
.usage-explanation p{color:#65766d;line-height:1.6}