.transport { display:flex; gap:16px; align-items:center; padding:10px 16px; background:#c0c0c0; border-top:2px solid white; border-bottom:2px solid #808080; flex-wrap:wrap; }
.transport button { padding:5px 16px; }
.transport label { display:flex; gap:8px; align-items:center; }
#library-status { padding:8px 16px; background:#e4e4e4; min-height:32px; }
tbody tr.selected { outline:2px solid #000080; outline-offset:-2px; }
.play-btn { background:#ddd; border:1px outset white; padding:2px 8px; font:inherit; color:#000080; }
.top-nav { flex-wrap:wrap; }
.table-wrapper { min-height:220px; }
#audio-player { width:calc(100% - 32px); margin:0 16px 8px; height:40px; flex-shrink:0; }
#audio-player[hidden] { display:none; }
@media(max-width:600px) { .search-form { flex-wrap:wrap; } .table-wrapper { overflow:auto; } table { min-width:560px; } }