/**
 * Listagem de faixas — design system wave-track-list
 * Tokens: _publico/css/base/_variables.css (--wave-track-list-*)
 * Shell PHP: _core/_includes/track_list.php
 */

/* Superfície clara (modal prog / dash) */
#modalAlbum,
#modal_radio-musicas,
.modal-musicas-preview,
.modal-musicas-preview--light {
	--prog-primary: var(--wave-track-list-accent);
	--prog-primary-rgb: var(--wave-track-list-accent-rgb);
	--prog-primary-hover: var(--wave-track-list-accent-hover);
	--prog-primary-dark: var(--wave-track-list-accent-emphasis);
	--prog-primary-light: var(--wave-track-list-accent-soft);
	--prog-primary-lighter: var(--wave-track-list-accent-lighter);
	--mml-text: var(--wave-track-list-light-text);
	--mml-text-muted: var(--wave-track-list-light-text-muted);
	--mml-row-bg: var(--wave-track-list-light-row-bg);
	--mml-row-hover: var(--wave-track-list-light-row-hover);
	--mml-row-selected: var(--wave-track-list-light-row-selected);
	--mml-row-border: var(--wave-track-list-light-row-border);
	--mml-time-border: var(--wave-track-list-light-time-border);
	--mml-icon: var(--wave-track-list-light-icon);
}

#modalAlbum .modal-content,
#modal_radio-musicas .modal-content {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.1) !important;
	border-radius: 10px !important;
	border: none !important;
	overflow: hidden !important;
}

#modalAlbum .modal-body,
#modalAlbum .modal-album-body,
#modal_radio-musicas .modal-body {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#modalAlbum .modal-header .modal-subtitle,
#modal_radio-musicas .modal-header .modal-subtitle,
#modal_radio-albuns .modal-header .modal-subtitle {
	font-size: 0.88rem;
	line-height: 1.45;
}

/* Linhas — padrão prog (sem margem legada de 70px) */
#modalAlbum .modal-musicas-preview .lista .item .fundo,
#modalAlbum .preview.modal-musicas-preview .lista .item .fundo,
#modal_radio-musicas .modal-musicas-preview .lista .item .fundo,
#modal_radio-musicas .preview.modal-musicas-preview .lista .item .fundo,
.modal-musicas-preview .lista .item .fundo,
.modal-musicas-preview .lista .item:hover .fundo {
	margin-left: 0 !important;
	height: auto !important;
	min-height: 56px;
	border-radius: 10px;
}

.modal-musicas-preview .modal-musicas-row {
	gap: 0.35rem 0.5rem;
	padding: 0.5rem 0.75rem;
	transition: background 0.15s ease;
	width: 100%;
	box-sizing: border-box;
}

.modal-musicas-preview .modal-musicas-row--head {
	padding-left: 0 !important;
	background: transparent;
	padding-top: 0;
	padding-bottom: 0.35rem;
}

.modal-musicas-preview .modal-musicas-row--head .faixa {
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.55;
	color: var(--mml-text-muted) !important;
}

.modal-musicas-preview .modal-musicas-title-wrap {
	gap: 0.35rem;
	min-width: 0;
}

/* Texto legível */
#modalAlbum .modal-musicas-preview .lista .faixa,
#modalAlbum .preview.modal-musicas-preview .lista .faixa,
#modal_radio-musicas .modal-musicas-preview .lista .faixa,
#modal_radio-musicas .preview.modal-musicas-preview .lista .faixa,
.modal-musicas-preview .modal-musicas-title,
.modal-musicas-preview .modal-musicas-artist,
.modal-musicas-preview .modal-musicas-row--selected .faixa {
	color: var(--mml-text) !important;
}

#modalAlbum .modal-musicas-preview .lista .tempo,
#modal_radio-musicas .modal-musicas-preview .lista .tempo,
.modal-musicas-preview .lista .tempo {
	color: var(--mml-text) !important;
	border-color: var(--mml-time-border) !important;
	background: transparent !important;
}

.modal-musicas-preview .modal-musicas-row:not(.modal-musicas-row--head) {
	background: var(--mml-row-bg);
}

.modal-musicas-preview .modal-musicas-row:not(.modal-musicas-row--head):hover {
	background: var(--mml-row-hover);
	cursor: pointer;
}

.modal-musicas-preview .modal-musicas-row--selected {
	background: var(--mml-row-selected) !important;
	box-shadow: inset 0 0 0 1px var(--mml-row-border);
}

.modal-musicas-preview .modal-musicas-index {
	opacity: 0.45;
	margin-right: 0.35rem;
	font-size: 0.85em;
}

.modal-musicas-preview .modal-musicas-add {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: 1px solid rgba(var(--prog-primary-rgb), 0.45);
	background: rgba(var(--prog-primary-rgb), 0.12);
	color: var(--prog-primary-dark);
}

.modal-musicas-preview .modal-musicas-add.is-selected {
	background: rgba(var(--prog-primary-rgb), 0.35);
	border-color: rgba(var(--prog-primary-rgb), 0.65);
	color: #fff;
}

.modal-musicas-preview .modal-musicas-add:hover {
	background: rgba(var(--prog-primary-rgb), 0.28);
	color: #fff;
}

.modal-musicas-preview .modal-musicas-col-artist {
	width: min(220px, 28vw);
	text-align: left;
	min-width: 0;
}

.modal-musicas-preview .modal-musicas-col-title {
	min-width: 0;
	flex: 1 1 auto;
}

/* Play — tamanho legível (2× do compacto anterior) */
.modal-musicas-preview .modal-musicas-play,
.modal-musicas-preview .lista .icone.modal-musicas-play {
	width: 30px !important;
	height: 30px !important;
	min-width: 30px;
	margin: 0 !important;
	flex-shrink: 0;
	background-size: 21px !important;
}

.modal-musicas-preview .modal-musicas-row:not(.modal-musicas-row--head):hover .modal-musicas-play,
.modal-musicas-preview .lista .item:hover .modal-musicas-play {
	background-image: url(../img/icones/preview/play_amarelo.png) !important;
}

.modal-musicas-preview .modal-musicas-col-time {
	width: 64px;
	min-width: 64px;
	flex-shrink: 0;
}

.modal-musicas-preview .modal-musicas-col-actions {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: 0.15rem;
	width: 52px;
	min-width: 52px;
	flex-shrink: 0;
	padding: 0;
	margin: 0;
}

.modal-musicas-preview .modal-musicas-icon-btn {
	width: 22px;
	height: 22px;
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	color: var(--mml-icon);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	line-height: 1;
}

.modal-musicas-preview .modal-musicas-icon-btn .bi {
	font-size: 0.78rem;
	color: inherit;
}

.modal-musicas-preview .modal-musicas-icon-btn:hover {
	color: var(--prog-primary-dark);
	background: rgba(var(--prog-primary-rgb), 0.1);
}

.modal-musicas-preview .btn-favorito.favorito-ativo,
.modal-musicas-preview .btn-favorito.favorito-ativo .bi {
	color: #e74c3c !important;
}

.modal-musicas-preview .modal-musicas-lock.is-blocked .bi {
	color: var(--prog-primary-dark) !important;
}

#modalAlbum .modal-album-body,
#modalAlbum [albumLista] {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	overflow-x: hidden;
}

.modal-album-header-meta [albumCantor],
.modal-album-header-meta [albumQtdMusicas],
.modal-album-header-meta .modal-album-meta {
	font-size: 50%;
	line-height: 1.25;
	opacity: 0.75;
	font-weight: 400;
	display: block;
}

/* Superfície escura (play — páginas e #modalAlbum.dark) */
.modal-musicas-preview.modal-musicas-preview--dark {
	--prog-primary: var(--wave-track-list-accent);
	--prog-primary-rgb: var(--wave-track-list-accent-rgb);
	--prog-primary-hover: var(--wave-track-list-accent-hover);
	--prog-primary-dark: var(--wave-track-list-accent-on-dark);
	--prog-primary-light: var(--wave-track-list-accent-lighter);
	--mml-text: var(--wave-track-list-dark-text);
	--mml-text-muted: var(--wave-track-list-dark-text-muted);
	--mml-row-bg: var(--wave-track-list-dark-row-bg);
	--mml-row-hover: var(--wave-track-list-dark-row-hover);
	--mml-row-selected: var(--wave-track-list-dark-row-selected);
	--mml-row-border: var(--wave-track-list-dark-row-border);
	--mml-time-border: var(--wave-track-list-dark-time-border);
	--mml-icon: var(--wave-track-list-dark-icon);
}

.modal-musicas-preview.modal-musicas-preview--dark .modal-musicas-title,
.modal-musicas-preview.modal-musicas-preview--dark .modal-musicas-artist,
.modal-musicas-preview.modal-musicas-preview--dark .modal-musicas-row--selected .faixa,
.modal-musicas-preview.modal-musicas-preview--dark .lista .faixa,
.modal-musicas-preview.modal-musicas-preview--dark .lista .tempo {
	color: var(--mml-text) !important;
	border-color: var(--mml-time-border) !important;
}

.modal-musicas-preview.modal-musicas-preview--dark .modal-musicas-row--head .faixa {
	color: var(--mml-text-muted) !important;
	opacity: 0.8;
}

.modal-musicas-preview.modal-musicas-preview--dark .modal-musicas-row:not(.modal-musicas-row--head) {
	background: var(--mml-row-bg) !important;
	min-height: 56px;
}

.modal-musicas-preview.modal-musicas-preview--dark .modal-musicas-row:not(.modal-musicas-row--head):hover {
	background: var(--mml-row-hover) !important;
}

.modal-musicas-preview.modal-musicas-preview--dark .modal-musicas-row--selected {
	background: var(--mml-row-selected) !important;
	box-shadow: inset 0 0 0 1px var(--mml-row-border);
}

.modal-musicas-preview--dark .modal-musicas-add {
	border-color: rgba(var(--prog-primary-rgb), 0.5);
	background: rgba(var(--prog-primary-rgb), 0.15);
	color: var(--prog-primary-light);
}

.modal-musicas-preview--dark .modal-musicas-add.is-selected {
	background: rgba(var(--prog-primary-rgb), 0.38);
	border-color: rgba(var(--prog-primary-rgb), 0.65);
	color: #fff;
}

.modal-musicas-preview--dark .modal-musicas-play,
.modal-musicas-preview--dark .lista .icone.modal-musicas-play {
	background-image: url(../img/icones/preview/play_branco.png) !important;
}

.modal-musicas-preview--dark .modal-musicas-row:not(.modal-musicas-row--head):hover .modal-musicas-play,
.modal-musicas-preview--dark .lista .item:hover .modal-musicas-play {
	background-image: url(../img/icones/preview/play_amarelo.png) !important;
}

.modal-musicas-preview--dark .modal-musicas-lock.is-blocked .bi {
	color: var(--prog-primary-light) !important;
}

.audio-faixas .explorar-musicas-list {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.audio-faixas .explorar-musicas-list .modal-musicas-preview {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

.audio-faixas .explorar-musicas-list .modal-musicas-list {
	max-height: min(calc(100vh - 220px), 900px);
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 0.5rem;
}

.musicas-pagina {
	width: 100%;
}

.musicas-pagina-conteudo {
	width: 100%;
}

.musicas-pagina .modal-musicas-preview {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

.musicas-pagina .modal-musicas-list {
	max-height: min(calc(100vh - 180px), 900px);
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 0.5rem;
}

/* Mídias (play) — listagem estilo prog sem + programação */
.audio-faixas #md_local .modal-musicas-preview--midia,
.audio-faixas .modal-musicas-preview--midia {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

.audio-faixas #md_local .modal-musicas-list {
	max-height: min(calc(100vh - 220px), 900px);
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 0.5rem;
}

.modal-musicas-preview--midia .modal-musicas-row--midia {
	cursor: default;
}