/**
 * BOARDUP - Nova paleta de cores e tema clean
 * Baseado na identidade visual da logo
 */

:root {
  /* Cores primárias da identidade BOARDUP */
  --boardup-dark: #333333;
  --boardup-green: #4CC355;
  
  /* Cores neutras */
  --boardup-light-bg: #f8f9fa;
  --boardup-gray-1: #f2f2f2;
  --boardup-gray-2: #e6e6e6;
  --boardup-gray-3: #cccccc;
  --boardup-gray-4: #999999;
  --boardup-gray-5: #666666;
  
  /* Cores funcionais com menos saturação */
  --boardup-success: #45ad4e;
  --boardup-danger: #d9534f;
  --boardup-warning: #f0ad4e;
  --boardup-info: #5bc0de;
}

/* Redefine as variáveis globais do sistema */
:root {
  --primary-color: var(--boardup-green);
  --secondary-color: var(--boardup-dark);
  --success-color: var(--boardup-success);
  --danger-color: var(--boardup-danger);
  --warning-color: var(--boardup-warning);
  --info-color: var(--boardup-info);
}

/* Cabeçalhos e títulos */
.h1, .h2, h1, h2 {
  color: var(--boardup-dark);
  font-weight: 600;
}

/* Cards com visual mais clean */
.card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  border: none;
  border-radius: 4px;
}

.card-header {
  background-color: white;
  border-bottom: 1px solid var(--boardup-gray-2);
  padding: 1rem 1.25rem;
}

/* Botões com estilo mais clean */
.btn-primary {
  background-color: var(--boardup-green);
  border-color: var(--boardup-green);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #3da644 !important;
  border-color: #3da644 !important;
}

.btn-outline-primary {
  color: var(--boardup-green);
  border-color: var(--boardup-green);
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background-color: var(--boardup-green) !important;
  border-color: var(--boardup-green) !important;
  color: white !important;
}

/* Sidebar e navegação */
.sidebar {
  background-color: white;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.sidebar .nav-link {
  color: var(--boardup-gray-5);
  border-left: 3px solid transparent;
}

.sidebar .nav-link.active {
  color: var(--boardup-green);
  font-weight: 600;
  border-left: 3px solid var(--boardup-green);
}

.sidebar .nav-link:hover {
  color: var(--boardup-dark);
}

/* Status cards com visual mais clean */
.stat-card {
  border-radius: 4px;
  color: var(--boardup-dark);
  background-color: white;
  border-left: 4px solid var(--boardup-green);
}

/* Tabelas com design mais limpo */
.table thead th {
  border-bottom: 2px solid var(--boardup-gray-2);
  border-top: none;
}

/* Links nas tabelas sem sublinhado */
.table td a {
  text-decoration: none;
  color: var(--boardup-dark);
  transition: color 0.2s;
}

.table td a:hover {
  color: var(--boardup-green);
  text-decoration: none;
}

/* Status badges com estilo mais clean */
.badge {
  font-weight: 500;
  padding: 0.4em 0.6em;
}

/* Cards de dashboard */
.dashboard-card {
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  background-color: white;
  height: 100%;
}

.dashboard-card-header {
  padding: 1rem;
  border-bottom: 1px solid var(--boardup-gray-2);
  color: var(--boardup-dark);
}

/* Modificações específicas de cartões no dashboard */
.dash-card {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.dash-card:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.dash-card .icon {
  color: var(--boardup-green);
}

/* Status indicators */
.status-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

/* Background limpo para o corpo da página */
body {
  background-color: #f8f9fa;
}

/* Navbar limpa */
.navbar.bg-white {
  box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

/* Estilo para cards coloridos no dashboard (substituindo backgrounds muito vivos) */
.card .card-header.bg-danger, 
.card .card-header.bg-success, 
.card .card-header.bg-warning, 
.card .card-header.bg-info, 
.card .card-header.bg-primary {
  background-color: white !important;
  border-top: 4px solid var(--boardup-green) !important;
  color: var(--boardup-dark) !important;
  font-weight: 600;
}

/* Cards de risco */
.card .card-header.bg-danger {
  border-top-color: var(--boardup-danger) !important;
}

.btn-outline-danger {
  color: var(--boardup-danger);
  border-color: var(--boardup-danger);
}

.btn-outline-danger:hover {
  background-color: var(--boardup-danger);
  border-color: var(--boardup-danger);
}

/* Progresso bars com cores da identidade visual */
.progress-bar {
  background-color: var(--boardup-green);
}

/* Estilo para tabelas zebradas mais sutis */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--boardup-gray-1);
}

/* Mudando as cores azuis do calendário para preto */
.fc a {
  color: var(--boardup-dark);
}

.fc-col-header-cell a {
  color: var(--boardup-dark);
  font-weight: bold;
}

.fc-daygrid-day-number {
  color: var(--boardup-dark) !important;
}

.fc .fc-button-primary {
  background-color: var(--boardup-dark);
  border-color: var(--boardup-dark);
}

.fc .fc-button-primary:hover {
  background-color: #444444;
  border-color: #444444;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, 
.fc .fc-button-primary:not(:disabled):active {
  background-color: var(--boardup-green);
  border-color: var(--boardup-green);
}
