/* --- INÍCIO DO CSS --- */

/* Forçamos a prioridade adicionando #master-partituras-app antes de tudo, 
   blindando o layout contra o tema do WordPress */

#master-partituras-app {
    background: #f9f9f9 !important;
    padding: 25px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    color: #3c434a;
}

#master-partituras-app h3 {
    margin-top: 0 !important;
    color: #1d2327 !important;
    font-size: 24px !important;
    border: none !important;
    padding-bottom: 15px;
}

/* --- PAINÉIS E BARRAS DE FERRAMENTAS --- */
#master-partituras-app .mp-panel {
    background: #fff !important;
    padding: 15px !important;
    border: 1px solid #c3c4c7 !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
}

#master-partituras-app .mp-toolbar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

#master-partituras-app .mp-grid-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 15px !important;
    margin-bottom: 15px !important;
}

/* --- CONTROLES DE SELEÇÃO --- */
#master-partituras-app .mp-control-group {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#master-partituras-app .mp-control-group.wide { flex: 1 1 240px !important; }
#master-partituras-app .mp-control-group.normal { flex: 1 1 200px !important; }

#master-partituras-app .mp-label, 
#master-partituras-app .mp-panel-title {
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #3c434a !important;
    white-space: nowrap !important;
    margin: 0 !important;
    text-transform: uppercase;
}

#master-partituras-app .mp-panel-title {
    display: block !important;
    margin-bottom: 10px !important;
}

#master-partituras-app select.mp-select {
    padding: 6px 10px !important;
    border-radius: 4px !important;
    border: 1px solid #8c8f94 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    width: 100% !important;
    height: auto !important;
    background-color: #fff !important;
    color: #3c434a !important;
}

/* --- RESET DE BOTÕES (Contra o Tema WP) --- */
#master-partituras-app button {
    background: #f0f0f1 !important; 
    border: 1px solid #8c8f94 !important; 
    color: #3c434a !important;
    padding: 6px 12px !important; 
    border-radius: 4px !important; 
    cursor: pointer !important; 
    font-weight: bold !important; 
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    line-height: 1.2 !important;
    display: inline-block !important;
}

#master-partituras-app button:hover { 
    background: #f6f7f7 !important; 
    border-color: #2271b1 !important; 
    color: #2271b1 !important; 
}

/* Estados Ativos */
#master-partituras-app button.active { 
    background: #2271b1 !important; 
    color: #fff !important; 
    border-color: #2271b1 !important; 
}

/* --- ESTILOS ESPECÍFICOS DE BOTÕES --- */
#master-partituras-app .mp-btn-group {
    display: flex !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
}
#master-partituras-app .mb-5 { margin-bottom: 5px !important; }

#master-partituras-app button.btn-pausa {
    background: #fcf0f1 !important;
    color: #d63638 !important;
    border-color: #d63638 !important;
}

#master-partituras-app button.btn-barra {
    background: #e7f5fe !important;
    border-color: #007cba !important;
    color: #007cba !important;
}

#master-partituras-app button.btn-linha {
    background: #e7f5fe !important;
    border-color: #1d2327 !important;
    color: #1d2327 !important;
}

#master-partituras-app #btn-nova-pauta {
    background: #d4edda !important;
    border-color: #28a745 !important;
    color: #155724 !important;
}

#master-partituras-app #btn-desfazer {
    background: #fcf0f1 !important;
    border-color: #8c8f94 !important;
    margin-left: auto !important;
}

#master-partituras-app #btn-limpar {
    background: #fcf0f1 !important;
    border-color: #d63638 !important;
    color: #d63638 !important;
}

#master-partituras-app .mp-separator {
    border-left: 1px solid #c3c4c7 !important;
    height: 24px !important;
    margin: 0 5px !important;
}

/* --- ÁREA DE CÓDIGO E VISUALIZAÇÃO --- */
#master-partituras-app .mp-details { 
    margin-bottom: 15px !important; 
    background: transparent !important;
    border: none !important;
}

#master-partituras-app .mp-summary {
    cursor: pointer !important;
    color: #2271b1 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
}

#master-partituras-app .mp-textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: monospace !important;
    border: 1px solid #c3c4c7 !important;
    padding: 10px !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #3c434a !important;
    font-size: 14px !important;
}

#master-partituras-app #audio-player {
    background: #fff !important;
    padding: 10px !important;
    border: 1px solid #c3c4c7 !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
}

#master-partituras-app #partitura-visual {
    background: #fff !important;
    padding: 20px !important;
    border: 1px solid #c3c4c7 !important;
    border-radius: 8px !important;
    overflow-x: auto !important;
    min-height: 150px !important;
}

/* --- ABCJS HIGHLIGHT --- */
.abcjs-note.abcjs-highlighted, 
.abcjs-note.abcjs-highlighted path { 
    fill: #d63638 !important; 
}

/* --- FIM DO CSS --- */