/* Overrides para aplicar tema dark/light em todos os componentes */

/* Menu Header */
.menu-header {
  background: var(--bg-primary) !important;
  border-bottom: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
  color: var(--text-primary) !important;
}

.menu-header .title-container {
  color: var(--text-primary) !important;
}

.menu-header .item,
.menu-header .item a {
  color: var(--text-secondary) !important;
}

.menu-header .item:hover,
.menu-header .item a:hover {
  color: var(--text-primary) !important;
}

a#menulogout, a:visited#menulogout {
  color: var(--text-secondary) !important;
}

a#menulogout:hover {
  color: var(--text-primary) !important;
}

/* Cards - CORRIGIDO PARA MODO DARK */
.ui.card,
.ui.cards > .card {
  background: var(--bg-primary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

.ui.card .header,
.ui.card .content,
.ui.card .content .header,
.ui.card h1,
.ui.card h2,
.ui.card h3,
.ui.card h4,
.ui.card h5 {
  color: var(--text-primary) !important;
}

.ui.card .description,
.ui.card .content .description,
.ui.card p,
.ui.card .meta {
  color: var(--text-secondary) !important;
}

/* Forçar texto visível mesmo nos cards com background colorido */
.card.purple .header,
.card.purple .content .header,
.card.purple h1,
.card.purple h2,
.card.purple h3,
.card.purple h4,
.card.purple h5 {
  color: var(--text-primary) !important;
}

.card.purple .description,
.card.purple .content .description,
.card.purple p {
  color: var(--text-secondary) !important;
}

.card.red .header,
.card.red .content .header,
.card.red h1,
.card.red h2,
.card.red h3,
.card.red h4,
.card.red h5 {
  color: var(--text-primary) !important;
}

.card.red .description,
.card.red .content .description,
.card.red p {
  color: var(--text-secondary) !important;
}

.card.blue .header,
.card.blue .content .header,
.card.blue h1,
.card.blue h2,
.card.blue h3,
.card.blue h4,
.card.blue h5 {
  color: var(--text-primary) !important;
}

.card.blue .description,
.card.blue .content .description,
.card.blue p {
  color: var(--text-secondary) !important;
}

.card.green .header,
.card.green .content .header,
.card.green h1,
.card.green h2,
.card.green h3,
.card.green h4,
.card.green h5 {
  color: var(--text-primary) !important;
}

.card.green .description,
.card.green .content .description,
.card.green p {
  color: var(--text-secondary) !important;
}

/* Tables */
.ui.table {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

.ui.table thead th {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

.ui.table tbody td {
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

.ui.table tbody tr:hover {
  background: var(--bg-secondary) !important;
}

/* Forms */
.ui.form input,
.ui.form textarea,
.ui.form select {
  background: var(--bg-primary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

.ui.form input:focus,
.ui.form textarea:focus,
.ui.form select:focus {
  border-color: var(--primary) !important;
  background: var(--bg-primary) !important;
}

.ui.form label {
  color: var(--text-primary) !important;
}

/* Buttons - CORRIGIDO COM CORES SÓLIDAS E VISÍVEIS */
.ui.button {
  border-color: var(--border-color) !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

/* Botões padrão/neutros */
.ui.button:not(.primary):not(.green):not(.red):not(.negative):not(.positive):not(.secondary):not(.blue):not(.orange):not(.purple) {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

.ui.button:not(.primary):not(.green):not(.red):not(.negative):not(.positive):not(.secondary):not(.blue):not(.orange):not(.purple):hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}

/* Botões primários - CORES FIXAS VISÍVEIS */
.ui.primary.button {
  background: #4A90E2 !important;
  color: #FFFFFF !important;
  border: 1px solid #4A90E2 !important;
}

.ui.primary.button:hover {
  background: #357ABD !important;
  color: #FFFFFF !important;
  border-color: #357ABD !important;
}

/* Botões azuis */
.ui.blue.button {
  background: #4299E1 !important;
  color: #FFFFFF !important;
  border: 1px solid #4299E1 !important;
}

.ui.blue.button:hover {
  background: #3182CE !important;
  color: #FFFFFF !important;
}

/* Botões verdes - CORES FIXAS VISÍVEIS */
.ui.green.button,
.ui.positive.button {
  background: #48BB78 !important;
  color: #FFFFFF !important;
  border: 1px solid #48BB78 !important;
}

.ui.green.button:hover,
.ui.positive.button:hover {
  background: #38A169 !important;
  color: #FFFFFF !important;
  border-color: #38A169 !important;
}

/* Botões vermelhos - CORES FIXAS VISÍVEIS */
.ui.red.button,
.ui.negative.button {
  background: #F56565 !important;
  color: #FFFFFF !important;
  border: 1px solid #F56565 !important;
}

.ui.red.button:hover,
.ui.negative.button:hover {
  background: #E53E3E !important;
  color: #FFFFFF !important;
  border-color: #E53E3E !important;
}

/* Botões laranja */
.ui.orange.button {
  background: #ED8936 !important;
  color: #FFFFFF !important;
  border: 1px solid #ED8936 !important;
}

.ui.orange.button:hover {
  background: #DD6B20 !important;
  color: #FFFFFF !important;
}

/* Botões roxos */
.ui.purple.button {
  background: #805AD5 !important;
  color: #FFFFFF !important;
  border: 1px solid #805AD5 !important;
}

.ui.purple.button:hover {
  background: #6B46C1 !important;
  color: #FFFFFF !important;
}

/* Botões secundários */
.ui.secondary.button {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

.ui.secondary.button:hover {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

/* Modals */
.ui.modal {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

.ui.modal > .header {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

.ui.modal > .content {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

.ui.modal > .actions {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

/* Segments */
.ui.segment {
  background: var(--bg-primary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* Messages */
.ui.message {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

.ui.message .header {
  color: var(--text-primary) !important;
}

/* Dividers */
.ui.horizontal.divider {
  color: var(--text-tertiary) !important;
}

.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
  background: var(--border-color) !important;
}

/* Dropdowns */
.ui.dropdown .menu {
  background: var(--bg-primary) !important;
  border-color: var(--border-color) !important;
}

.ui.dropdown .menu .item {
  color: var(--text-primary) !important;
}

.ui.dropdown .menu .item:hover {
  background: var(--bg-secondary) !important;
}

/* Login Card */
.login {
  background: var(--bg-primary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* Labels */
.ui.label {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

/* Dimmer */
.ui.dimmer {
  background-color: rgba(0, 0, 0, 0.85) !important;
}

[data-theme="dark"] .ui.dimmer {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

/* Scrollbar */
::-webkit-scrollbar-track {
  background: var(--bg-secondary) !important;
}

::-webkit-scrollbar-thumb {
  background: var(--border-color) !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--text-tertiary) !important;
}

/* Headers */
.ui.header {
  color: var(--text-primary) !important;
}

.ui.header .sub.header {
  color: var(--text-secondary) !important;
}

/* List Items */
.ui.list .item {
  color: var(--text-primary) !important;
}

.ui.list .item .header {
  color: var(--text-primary) !important;
}

.ui.list .item .description {
  color: var(--text-secondary) !important;
}

/* Meta text */
.meta {
  color: var(--text-secondary) !important;
}

/* Text muted */
.text-muted {
  color: var(--text-tertiary) !important;
}