#automated-tests-panel { max-width: 1584px; margin: 0 auto; padding: 1.5rem 2rem; box-sizing: border-box; }
.automated-tests-controls { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; margin: 1rem 0; }
.automated-tests-controls label { display: flex; flex-direction: column; gap: .35rem; font-size: .85rem; color: #526d78; }
.automated-tests-controls select, .automated-tests-controls button { font: inherit; color: #214e5c; background: #fff; border: 1px solid #bacbd1; border-radius: .35rem; padding: .55rem .7rem; max-width: 20rem; }
.automated-tests-controls button { cursor: pointer; }
.automated-tests-controls button:disabled { opacity: .6; cursor: wait; }
.automated-tests-coverage { margin-bottom: 1rem; color: #526d78; }
.automated-tests-grouping { margin: 1rem 0; }
.automated-tests-grouping > summary { cursor: pointer; }
.automated-tests-pagination { display: flex; gap: .75rem; align-items: center; padding: .8rem 0; font-size: .85rem; }
.automated-tests-pagination button { font: inherit; color: #214e5c; background: #fff; border: 1px solid #bacbd1; border-radius: .35rem; padding: .45rem .7rem; cursor: pointer; }
.automated-tests-pagination button:disabled { opacity: .45; cursor: default; }
.automated-tests-table-wrap { overflow-x: auto; }
.automated-tests-table { width: 100%; border-collapse: collapse; font-size: .85rem; text-align: left; }
.automated-tests-table caption { text-align: left; color: #526d78; padding: .5rem 0; }
.automated-tests-table th, .automated-tests-table td { padding: .65rem .5rem; border-bottom: 1px solid #dce5e8; vertical-align: top; }
.automated-tests-table th { background: #edf3f4; white-space: nowrap; }
.automated-tests-table th button { font: inherit; font-weight: 600; color: inherit; border: 0; background: transparent; cursor: pointer; padding: .2rem; }
.automated-tests-table th[aria-sort="ascending"] button::after { content: " ↑"; }
.automated-tests-table th[aria-sort="descending"] button::after { content: " ↓"; }
.automated-tests-table details { min-width: 10rem; max-width: 32rem; }
.automated-tests-table summary, .automated-tests-coverage summary { cursor: pointer; }
.automated-tests-table strong { display: block; margin-top: .65rem; }
#automated-tests-panel pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .8rem; margin: .35rem 0; }
#automated-tests-panel :is(button, select, summary):focus-visible { outline: 3px solid #17667b; outline-offset: 3px; }
@media (max-width: 600px) { #automated-tests-panel { padding: 1rem; } .automated-tests-controls label { flex: 1 1 40%; } .automated-tests-controls select { width: 100%; } }