.tab-player {
border: 1px solid #ddd;
border-radius: 8px;
padding: 12px;
margin: 2em 0;
background: #fafafa;
isolation: isolate; /* ← contient le z-index d'alphaTab */
}

.tab-player__controls {
display: flex;
align-items: center;
gap: 10px;
}

.at-surface-svg rect[fill="#A5A5A5"] {
height: 1px !important;
shape-rendering: crispEdges;
}

.tab-player__btn {
width: 45px;
height: 45px;
padding: 0;
border-radius: 50%;
border: none;
background: rgba(66, 46, 189, 0.1);
font-size: 22px;
cursor: pointer;
flex-shrink: 0;
}

.tab-player__title {
font-weight: bold;
font-size: 0.95em;
flex-grow: 1;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-word;
}
.tab-player__btn:hover {
background: rgba(66, 46, 189, 0.3);
color: #422EBD;
}
.tab-player__btn svg{
color: #422EBD;
}
.tab-player__time{
visibility : hidden;
}

.tab-player__score {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}  

.at-cursor-bar{
background: rgba(66, 46, 189, 0.1);
}
.at-cursor-beat{
background: #422EBD; width: 3px;
}
.at-highlight * {
fill: #422EBD;
stroke: #422EBD;
}
svg.at-surface-svg[height="13px"]{
opacity:0.1;
}

@media (max-width: 600px) {
	.tab-player__controls {
	align-items: flex-start;
	}
}