.module-history-view { padding: 4px 0 24px; }
.module-history-view[hidden] { display: none; }
.module-history-table-wrap { overflow-x: auto; border: 1px solid #254253; border-radius: 16px; background: #091d2a; }
.module-history-table { border-collapse: collapse; width: 100%; text-align: left; font: inherit; }
.module-history-table th { color: #9fb9c9; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; background: #102937; }
.module-history-table th, .module-history-table td { padding: 18px; border-bottom: 1px solid #254253; }
.module-history-table td { color: #e3edf4; font-size: 14px; }
.module-history-table td:first-child { font-weight: 700; overflow-wrap: anywhere; min-width: 180px; }
.module-history-table td:last-child { text-align: right; width: 230px; }
.module-history-summary { display: inline-flex; gap: 14px; align-items: center; padding: 11px 14px; border: 1px solid #315566; border-radius: 10px; background: #102d3b; color: #d8ecec; font: inherit; cursor: pointer; }
.module-history-summary span:first-child { color: #79e6c1; font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; }
.module-history-summary span:last-child { font-size: 12px; white-space: nowrap; }
.module-history-summary:hover { background: #163b48; border-color: #63d4ba; }
.module-history-summary:focus-visible { outline: 2px solid #63d4ba; outline-offset: 3px; }
.module-history-table tr:last-child td { border-bottom: 0; }
.module-history-table .secondary { font: inherit; white-space: nowrap; }
#moduleHistoryMessage { color: #aec1cf; margin: 14px 0; }
#moreModuleHistory { margin-top: 18px; }
.usage-summary-dialog { font-family: inherit; }
.usage-summary-dialog h2 { font-size: 26px; margin: 6px 0 16px; }
.usage-summary-dialog .usage-module { font-weight: 700; overflow-wrap: anywhere; }
.usage-summary-dialog .usage-meta, .usage-summary-dialog .usage-total-note, .usage-summary-dialog .usage-saved { color: #a9bfcd; font-size: 13px; line-height: 1.5; }
.usage-summary-dialog .usage-total { display: block; margin-top: 24px; color: #79e6c1; font-size: 27px; }
.usage-summary-dialog .usage-operations { color: #c3d6df; line-height: 1.7; }
.usage-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 20px; }
.usage-actions button { font: inherit; padding: 10px 16px; border-radius: 10px; cursor: pointer; }
.usage-actions .usage-done { color: #072b29; border: 1px solid #64ddbd; background: #64ddbd; font-weight: 700; }
.usage-summary-dialog .usage-saved { border-top: 1px solid #284653; padding-top: 16px; }
@media (max-width: 700px) { .module-history-table th, .module-history-table td { padding: 12px; } }
@media (max-width: 480px) { .module-history-summary { flex-direction: column; gap: 3px; } .module-history-table td:first-child { min-width: 110px; } .usage-actions { justify-content: stretch; } .usage-actions button { flex: 1; } }