.key-usage-dialog{width:min(1280px,calc(100vw - 40px));max-height:92dvh;padding:0;overflow:hidden}
.key-usage-dialog[open]{display:flex;flex-direction:column}
.key-usage-header{flex:none;padding:20px 24px;margin:0;border-bottom:1px solid #e3e8f1;align-items:flex-start}
.key-usage-header h2{margin:0;font-size:21px}.key-usage-header p{margin:7px 0 0}.key-usage-header button{flex:none}
.key-usage-body{min-height:0;overflow:auto;padding:16px 24px 24px}.key-usage-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.key-usage-actions button{flex:0 0 auto;white-space:nowrap}.key-usage-actions button:first-child{margin-right:auto}
.key-usage-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.key-usage-filters label{display:grid;gap:5px;margin:0;flex:1 1 210px;min-width:0;font-size:12px}.key-usage-filters label:nth-child(n+3){flex:1 1 110px}.key-usage-filters input,.key-usage-filters select{min-width:0;width:100%;height:38px;font-size:12px}.key-usage-filters button{height:38px}
.key-usage-metrics{margin:14px 0}.key-usage-metrics strong{font-size:19px}.key-usage-chart{height:190px;margin:12px 0}
.key-usage-scroll{overflow:auto;height:360px;max-height:50dvh;margin:0;border:1px solid #e3e8f1;border-radius:10px;overscroll-behavior:contain;overflow-anchor:none}
.key-usage-table{table-layout:fixed;width:1250px;min-width:100%;border-collapse:separate;border-spacing:0;margin:0}
.key-usage-table th,.key-usage-table td{box-sizing:border-box;height:44px;padding:10px 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-bottom:1px solid #e7edf3;line-height:23px;font-size:12px}
.key-usage-table th{position:sticky;top:0;z-index:1;background:#f4f7fb}.key-usage-table th:first-child{width:190px}.key-usage-table th:nth-child(2){width:210px}.key-usage-table th:nth-child(4){width:180px}
.key-usage-table .key-usage-spacer td{padding:0;border:0;line-height:0}.key-usage-empty{height:100px!important;text-align:center;color:#758397}
.key-usage-pagination{justify-content:space-between;color:#758397;font-size:12px;margin:10px 0}
.key-usage-profile{border-top:1px solid #e3e8f1;margin-top:20px;padding-top:14px}.key-usage-profile summary{cursor:pointer;color:#586b84;font-size:13px}.key-usage-profile dl{display:grid;grid-template-columns:100px 1fr 100px 1fr;gap:10px;margin:16px 0 0}.key-usage-profile dt{color:#758397}.key-usage-profile dd{margin:0;overflow-wrap:anywhere}
.key-history-dialog{width:min(1100px,calc(100vw - 32px));max-height:88dvh;overflow:auto}.key-history-dialog td{vertical-align:top;overflow-wrap:anywhere;max-width:400px}.key-history-dialog td button{margin:2px 4px 2px 0}
@media(max-width:640px){.key-usage-dialog{width:calc(100vw - 12px);max-height:96dvh}.key-usage-header{padding:14px}.key-usage-header h2{font-size:17px}.key-usage-body{padding:12px}.key-usage-filters label{flex-basis:100%}.key-usage-filters label:nth-child(n+3){flex-basis:40%}.key-usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.key-usage-metrics>div{padding:10px}.key-usage-metrics strong{font-size:16px}.key-usage-chart{height:150px}.key-usage-profile dl{grid-template-columns:76px 1fr}.key-usage-actions{gap:6px}.key-usage-actions button{font-size:12px}.key-usage-scroll{height:330px}.key-history-dialog{padding:14px}}