/* =============================================================
   GESTION DATA - Custom Planka Theme
   Paleta de colores corporativa
   ============================================================= */

:root {
  /* Colores principales */
  --g-color-base-brand: #1E6FA8;
  --g-color-base-brand-hover: #2F8FD6;
  --g-color-base-brand-active: #0D4F7C;
  --g-color-base-brand-light: rgba(30, 111, 168, 0.15);

  /* Fondos */
  --g-color-base-float: #232856;
  --g-color-base-float-hover: #2a3070;
  --g-color-base-light: #f0f2f5;
  --g-color-base-light-hover: #e4e7eb;
  --g-color-base-generic: #ffffff;
  --g-color-base-generic-hover: #f5f5f5;

  /* Fondos oscuros */
  --gd-bg-dark: #1B1630;
  --gd-bg-card: #232856;

  /* KPIs */
  --gd-green: #28C76F;
  --gd-yellow: #FF9F43;
  --gd-red: #EA5455;

  /* Texto */
  --g-color-text-primary: #1B1630;
  --g-color-text-secondary: #555;
  --g-color-text-hint: #999;
  --g-color-text-brand: #1E6FA8;
  --g-color-text-brand-contrast: #ffffff;
  --g-color-text-link: #2F8FD6;
  --g-color-text-link-hover: #0D4F7C;
  --g-color-text-positive: #28C76F;
  --g-color-text-warning: #FF9F43;
  --g-color-text-danger: #EA5455;

  /* Bordes */
  --g-color-line-generic: #e0e0e0;
  --g-color-line-brand: #1E6FA8;

  /* Sombras */
  --g-color-sfx-shadow: rgba(27, 22, 48, 0.12);
}

/* =============================================================
   Layout principal - Sidebar
   ============================================================= */

/* Sidebar fondo oscuro */
.sidebar,
[class*="sidebar"],
[class*="Sidebar"] {
  background-color: #1B1630 !important;
  border-color: #232856 !important;
}

/* Sidebar items */
.sidebar__item,
[class*="sidebar"] [class*="item"],
[class*="sidebar"] [class*="link"] {
  color: rgba(255, 255, 255, 0.7) !important;
}

.sidebar__item:hover,
.sidebar__item--active,
[class*="sidebar"] [class*="item"]:hover,
[class*="sidebar"] [class*="link"]:hover,
[class*="sidebar"] [class*="item--active"] {
  background-color: #232856 !important;
  color: #5BB3E6 !important;
}

/* =============================================================
   Header / Topbar
   ============================================================= */

[class*="header"],
[class*="topbar"],
[class*="Header"],
[class*="Topbar"] {
  background-color: #ffffff !important;
  border-bottom-color: #e0e0e0 !important;
}

/* =============================================================
   Botones
   ============================================================= */

/* Botón primario */
[class*="button--primary"],
[class*="button_primary"],
button[class*="primary"] {
  background-color: #1E6FA8 !important;
  color: #ffffff !important;
}

[class*="button--primary"]:hover,
button[class*="primary"]:hover {
  background-color: #2F8FD6 !important;
}

/* =============================================================
   Tarjetas / Cards
   ============================================================= */

[class*="card"],
[class*="Card"] {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
}

/* Card de proyecto */
[class*="project-card"],
[class*="ProjectCard"] {
  background-color: #232856 !important;
  color: #ffffff !important;
}

[class*="project-card"]:hover,
[class*="ProjectCard"]:hover {
  background-color: #2a3070 !important;
}

/* =============================================================
   Background de la app
   ============================================================= */

body,
#root,
[class*="app"],
[class*="App"] {
  background-color: #f0f2f5 !important;
}

/* =============================================================
   Kanban / Board
   ============================================================= */

/* Listas del board */
[class*="list"],
[class*="List"] {
  background-color: #f0f2f5 !important;
  border-color: #e0e0e0 !important;
}

/* Cards del kanban */
[class*="card-item"],
[class*="CardItem"],
[class*="kanban-card"],
[class*="KanbanCard"] {
  background-color: #ffffff !important;
  border-left-color: #1E6FA8 !important;
}

[class*="card-item"]:hover,
[class*="CardItem"]:hover {
  border-left-color: #2F8FD6 !important;
  box-shadow: 0 2px 8px rgba(30, 111, 168, 0.15) !important;
}

/* Labels / Tags */
[class*="label"],
[class*="Label"] {
  border-radius: 4px !important;
}

/* =============================================================
   Login page
   ============================================================= */

[class*="login"],
[class*="Login"],
[class*="auth"],
[class*="Auth"] {
  background-color: #1B1630 !important;
}

[class*="login"] [class*="card"],
[class*="Login"] [class*="card"] {
  background-color: #232856 !important;
}

[class*="login"] h1,
[class*="Login"] h1 {
  color: #ffffff !important;
}

/* =============================================================
   Logo
   ============================================================= */

[class*="logo"],
[class*="Logo"],
img[src*="logo"],
img[src*="brand"] {
  content: url('/assets/gd-logo-header.png') !important;
  height: 36px !important;
  width: auto !important;
}

/* About modal logo */
[class*="about"] img,
[class*="About"] img {
  content: url('/assets/gd-logo-footer.png') !important;
}

/* Favicon and PWA icons - set via manifest */
/* ============================================================= */

/* =============================================================
   Scrollbar
   ============================================================= */

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #1B1630;
}

::-webkit-scrollbar-thumb {
  background: #2F8FD6;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #5BB3E6;
}

/* =============================================================
   Formularios / Inputs
   ============================================================= */

input, textarea, select {
  border-color: #e0e0e0 !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #1E6FA8 !important;
  box-shadow: 0 0 0 2px rgba(30, 111, 168, 0.2) !important;
}

/* =============================================================
   Modal / Popup
   ============================================================= */

[class*="modal"],
[class*="Modal"],
[class*="popup"],
[class*="Popup"] {
  border-color: #1E6FA8 !important;
}

/* =============================================================
   Accentos especiales
   ============================================================= */

/* Progreso/ProgressBar */
[class*="progress"] [class*="bar"],
[class*="Progress"] [class*="bar"] {
  background-color: #1E6FA8 !important;
}

/* Badge / Notificación */
[class*="badge"],
[class*="Badge"] {
  background-color: #EA5455 !important;
  color: #ffffff !important;
}

/* Tooltip */
[class*="tooltip"],
[class*="Tooltip"] {
  background-color: #1B1630 !important;
  color: #ffffff !important;
}

/* =============================================================
   KPI Indicators
   ============================================================= */

.kpi-green { color: #28C76F !important; }
.kpi-yellow { color: #FF9F43 !important; }
.kpi-red { color: #EA5455 !important; }

.kpi-bg-green { background-color: rgba(40, 199, 111, 0.15) !important; }
.kpi-bg-yellow { background-color: rgba(255, 159, 67, 0.15) !important; }
.kpi-bg-red { background-color: rgba(234, 84, 85, 0.15) !important; }