/* ========================================
   BOOTSTRAP THEME OVERRIDE - MINIMALISTA
   Aplica sobre o style.css existente
   ======================================== */

/* Sobrescrever apenas as cores, mantendo toda funcionalidade */
:root {
    --primary-color: #343a40 !important;
    --primary-dark: #23272b !important;
    --success-color: #28a745 !important;
    --warning-color: #ffc107 !important;
    --danger-color: #dc3545 !important;
    --bg-color: #f8f9fa !important;
    --card-bg: #ffffff !important;
    --text-color: #212529 !important;
    --text-muted: #6c757d !important;
    --border-color: #dee2e6 !important;
}

/* Background minimalista ao invés do gradient roxo */
body {
    background: #f8f9fa !important;
    padding: 0 !important;
}

/* Header sem cores chamativas */
header {
    background: #343a40 !important;
    color: white !important;
    padding: 2rem 0 !important;
    margin-bottom: 0 !important;
    text-shadow: none !important;
}

header h1 {
    color: white !important;
    text-shadow: none !important;
}

/* Botões minimalistas */
.btn-primary, .btn-add-cut, .btn-process {
    background: #343a40 !important;
    border-color: #343a40 !important;
    color: white !important;
}

.btn-primary:hover, .btn-add-cut:hover, .btn-process:hover {
    background: #23272b !important;
    border-color: #1d2124 !important;
    transform: translateY(-1px);
}

.btn-wave-control {
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    color: #495057 !important;
}

.btn-wave-control:hover {
    background: #e9ecef !important;
    border-color: #adb5bd !important;
}

/* Cards com sombra suave */
.upload-section, #resultsSection {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* Títulos sem cores chamativas */
h2 {
    color: #495057 !important;
}

h3 {
    color: #495057 !important;
}

/* Progress bar cinza */
.progress-bar {
    background: #e9ecef !important;
}

.progress-fill {
    background: #6c757d !important;
}

/* File label minimalista */
.file-label {
    background: #ffffff !important;
    border-color: #ced4da !important;
}

.file-label:hover {
    border-color: #6c757d !important;
    background: #f8f9fa !important;
}

/* Badges minimalistas */
.badge {
    background: #6c757d !important;
}

/* Notificações sem cores fortes */
.notification.success {
    background: #d4edda !important;
    border-left-color: #28a745 !important;
    color: #155724 !important;
}

.notification.error {
    background: #f8d7da !important;
    border-left-color: #dc3545 !important;
    color: #721c24 !important;
}

.notification.warning {
    background: #fff3cd !important;
    border-left-color: #ffc107 !important;
    color: #856404 !important;
}

.notification.info {
    background: #d1ecf1 !important;
    border-left-color: #17a2b8 !important;
    color: #0c5460 !important;
}

/* Waveform com bordas discretas */
#waveform {
    border-color: #dee2e6 !important;
}

/* Segmentos com cores neutras */
.segment-overlay {
    border-left-color: #6c757d !important;
    border-right-color: #6c757d !important;
}

.segment-overlay.segment-named {
    border-left-color: #495057 !important;
    border-right-color: #495057 !important;
}

/* Remover ícones emoji se houver e substituir por texto */
.file-icon::before {
    content: '' !important;
}

/* Botões de download minimalistas */
.btn-download-all, .btn-download-track {
    background: #343a40 !important;
    color: white !important;
    border: none !important;
}

.btn-download-all:hover, .btn-download-track:hover {
    background: #23272b !important;
    color: white !important;
}

/* Modal de processamento */
.processing-modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

.processing-content {
    background: white !important;
    border: 1px solid #dee2e6 !important;
}

.processing-spinner {
    border-color: #f8f9fa !important;
    border-top-color: #6c757d !important;
}