.table-card{
overflow:hidden
}
.table-card .card-heading{
padding:24px 24px 0
}
.result-count{
font-size:11px;
color:var(--text-secondary);
background:var(--page-bg);
border-radius:30px;
padding:7px 10px
}
.table-scroll{
overflow:auto;
max-height:670px
}
table{
border-collapse:separate;
border-spacing:0;
width:100%;
font-size:12px
}
th{
text-align:left;
background:var(--table-header-bg);
color:var(--text-secondary);
text-transform:uppercase;
font-size:10px;
letter-spacing:.08em;
font-weight:700;
position:sticky;
top:0;
z-index:1;
white-space:nowrap
}
th,td{
padding:13px 15px;
border-bottom:1px solid var(--card-border)
}
td{
vertical-align:top;
color:var(--text-primary)
}
tbody tr:hover{
background:var(--table-hover-bg)
}
tbody tr:last-child td{
border-bottom:0
}
.nowrap{
white-space:nowrap
}
.mono{
font:11px ui-monospace,SFMono-Regular,Consolas,monospace;
overflow-wrap:anywhere
}
.event-action{
display:inline-block;
color:var(--link-color);
font-weight:700;
white-space:nowrap
}
details summary{
cursor:pointer;
color:var(--link-color);
white-space:nowrap
}
details dl{
display:grid;
grid-template-columns:auto 1fr;
gap:2px 8px;
min-width:110px;
font-size:11px;
margin:8px 0
}
details dt{
font-weight:700
}
.pagination{
border-top:1px solid var(--card-border);
padding:13px 22px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
color:var(--text-secondary);
font-size:11px
}
.pagination>div{
display:flex;
gap:8px
}
@media(max-width:800px){
.table-scroll{
max-height:none
}
table{
min-width:820px
}

}