.bill-update-card { margin: 2px 0; padding: 13px 16px; border: 1px solid #ead9bb; border-left: 4px solid #cc8d30; border-radius: 8px; background: #fffbf3; color: #413c32; min-width: 0; overflow-wrap: anywhere; }
.bill-update-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.bill-update-heading strong { font-size: 14px; line-height: 1.6; }
.bill-update-badge { display: inline-block; border-radius: 4px; padding: 2px 7px; background: #f7e8c9; color: #81550e; font-size: 11px; font-weight: 600; white-space: nowrap; }
.bill-update-card p { margin: 7px 0 0; color: #786d5a; font-size: 12px; line-height: 1.7; }
.bill-update-details { margin-top: 10px; }
.bill-update-details summary { width: fit-content; border: 1px solid #d7b16c; border-radius: 5px; padding: 6px 10px; background: #fff8ea; color: #7c5514; cursor: pointer; font-size: 12px; font-weight: 600; line-height: 1.4; }
.bill-update-details summary:hover { border-color: #b9832a; background: #fff2d9; }
.bill-update-details summary:focus-visible { outline: 2px solid #9a6b23; outline-offset: 3px; }
.bill-update-details[open] summary { margin-bottom: 9px; }
.bill-update-changes { border: 1px solid #e8decb; border-radius: 6px; overflow: hidden; background: #fff; font-size: 12px; }
.bill-update-change-head, .bill-update-change-row { display: grid; grid-template-columns: minmax(120px, .8fr) minmax(160px, 1.4fr) minmax(160px, 1.4fr); }
.bill-update-change-head { background: #f6f1e7; color: #6f624d; font-weight: 600; }
.bill-update-change-head > span, .bill-update-change-row > * { padding: 8px 10px; border-right: 1px solid #eee5d5; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.55; }
.bill-update-change-head > :last-child, .bill-update-change-row > :last-child { border-right: 0; }
.bill-update-change-row { border-top: 1px solid #eee5d5; color: #504a40; }
.bill-update-change-row > strong { background: #fbf8f2; font-weight: 600; }
.bill-update-before { color: #766f65; }
.bill-update-after { color: #a54432; background: #fff9f7; }
.bill-update-file { margin-top: 9px; padding: 8px 10px; border: 1px solid #eee5d5; border-radius: 5px; background: #fff; font-size: 12px; }
.order-history-content:has(> .bill-update-card) { min-width: 0; width: 100%; }
.timeline-item:has(.bill-update-card) > div { min-width: 0; width: 100%; }
@media (max-width: 600px) { .bill-update-card { padding: 11px; } .bill-update-change-head { display: none; } .bill-update-change-row { display: grid; grid-template-columns: 1fr 1fr; } .bill-update-change-row > strong { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid #eee5d5; } .bill-update-before::before, .bill-update-after::before { content: attr(data-label); display: block; margin-bottom: 3px; color: #8a8173; font-size: 10px; } .bill-update-after::before { color: #9b594c; } }