/* ============================================================
   BSG DASHBOARD — LIGHT MODE PRO
   Archivo global: /light-theme.css
   Objetivo: unificar visualmente dashboard.php y páginas de cuenta
   sin depender de fondos oscuros heredados.
   ============================================================ */

:root{
  --dark:#FFFFFF !important;
  --card:#FFFFFF !important;
  --surface:#F7F8FC !important;
  --border:#E2E8F0 !important;
  --purple:#7c6fcd !important;
  --teal:#3ecfaa !important;
  --text:#172033 !important;
  --muted:#667085 !important;
  --soft:#F8FAFC !important;
  --soft-2:#EEF2F7 !important;
  --danger:#e24b4a !important;
  --warning:#ef9f27 !important;
  --success:#10b981 !important;
}

/* Base */
html,body{
  background:linear-gradient(180deg,#F7F8FC 0%,#FFFFFF 100%) !important;
  color:var(--text) !important;
}
body{
  color-scheme:light;
}

/* Surfaces */
.header,
.card,
.kpi,
.proj-card,
.proyecto-card,
.form-card,
.panel,
.preview-box,
.toolbar-wrap,
.gantt-wrap,
.kanban-col,
.kanban-card,
.export-modal,
.export-project-row,
.sort-panel,
.upload-zone,
.filter-dropdown,
.bulk-bar,
.edit-form,
.edit-panel,
.info-box,
.toast,
.pwd-reveal{
  background:#FFFFFF !important;
  border-color:var(--border) !important;
}

/* Header */
.header{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border) !important;
  box-shadow:0 8px 24px rgba(15,23,42,.05) !important;
}
.header h1,
.header-date,
.header-right{
  color:var(--text) !important;
}
.logo-pill{
  color:#FFFFFF !important;
}
.nav a,
.header-right a[href="/admin/"],
.header-right a[href="/cuenta/"]{
  background:#FFFFFF !important;
  color:var(--muted) !important;
  border:1px solid transparent !important;
}
.nav a:hover,
.nav a.active,
.header-right a[href="/admin/"]:hover,
.header-right a[href="/cuenta/"]:hover{
  background:#FFFFFF !important;
  color:var(--purple) !important;
  border-color:var(--purple) !important;
}
.header-right a[href="/admin/"],
.header-right a[href="/cuenta/"]{
  border-color:var(--border) !important;
}
.header-right a[href="/logout.php"]{
  background:#FFFFFF !important;
  color:var(--danger) !important;
  border:1px solid rgba(226,75,74,.35) !important;
}

/* Typography */
h1,h2,h3,h4,
.proj-name,
.proyecto-nombre,
.card-title,
.kpi-value,
.step-title,
.blocker-task,
.upload-zone-title,
.section-title,
.export-modal-title,
.kanban-card-title,
.gantt-label{
  color:var(--text) !important;
}
p,
.detail-text,
.blocker-note,
.step-nota{
  color:#475467 !important;
}
.kpi-label,
.kpi-sub,
.card-sub,
.sub,
.breadcrumb,
label,
th,
small,
.footer,
.section-label,
.sort-title,
.sort-note,
.proj-leader,
.proj-stats,
.proyecto-pm,
.pct-label,
.step-status,
.step-who,
.motivo-text,
.blocker-meta,
.filter-count,
.filter-option,
.gantt-header-label,
.gantt-month,
.kanban-card-meta,
.btn-clear,
.chevron,
.view-btn,
.pri-baja,
.prog-pct{
  color:var(--muted) !important;
}

/* Forms */
input,
select,
textarea,
.search-input,
.preview-input,
.preview-select{
  background:#FFFFFF !important;
  color:var(--text) !important;
  border:1px solid #CBD5E1 !important;
}
input:focus,
select:focus,
textarea:focus,
.search-input:focus,
.preview-input:focus,
.preview-select:focus{
  border-color:var(--purple) !important;
  box-shadow:0 0 0 3px rgba(124,111,205,.12) !important;
}
select option{
  background:#FFFFFF !important;
  color:var(--text) !important;
}
input[type=file]{
  background:#FFFFFF !important;
}

/* Light controls */
.sort-pill,
.filter-chip-btn,
.view-group,
.view-btn,
.export-chip,
.export-close,
.btn-gray,
.btn-secondary,
.tag,
.rol-tag,
.slug,
.step-date,
.upload-badge{
  background:#FFFFFF !important;
  color:var(--muted) !important;
  border-color:var(--border) !important;
}
.sort-pill:hover,
.filter-chip-btn:hover,
.view-btn:not(.active):hover,
.export-chip:hover{
  background:#F8FAFC !important;
  color:var(--text) !important;
  border-color:var(--purple) !important;
}
.sort-pill.active,
.filter-chip-btn.active,
.view-btn.active,
.nav a.active{
  background:#FFFFFF !important;
  color:var(--purple) !important;
  border:1.5px solid var(--purple) !important;
  box-shadow:0 0 0 3px rgba(124,111,205,.10) !important;
}
.btn-upload{
  background:#ECFDF7 !important;
  color:#08785F !important;
  border:1px solid rgba(62,207,170,.45) !important;
}
.btn-pdf{
  box-shadow:0 8px 18px rgba(124,111,205,.18) !important;
}

/* Tables, borders, progress */
td,
th,
.divider,
hr,
.gantt-header,
.proyecto-actions,
.proj-status-col,
.section-title,
.step-nota{
  border-color:var(--border) !important;
}
.divider{
  background:var(--border) !important;
}
.prog-track,
.avance-bar,
.kanban-card-bar{
  background:#EDF1F7 !important;
}
.edit-row,
.edit-inner{
  background:#F8FAFC !important;
}

/* Status/feedback areas */
.msg{
  background:#E7F9F2 !important;
  color:#08785F !important;
  border-color:rgba(62,207,170,.40) !important;
}
.error,
.errores{
  background:#FEF3F2 !important;
  color:#C0322F !important;
  border-color:#FECACA !important;
}
tr.vencida td{
  background:#FEF3F2 !important;
}
.blockers-box{
  background:#FEF3F2 !important;
  border-color:#FECACA !important;
}
.blocker-item{
  background:#FFFFFF !important;
}
.blockers-title,
.blocker-status{
  color:#C0322F !important;
}

/* Dynamic/inline legacy color fallback */
[style*="background:#0f0f1a"],
[style*="background: #0f0f1a"],
[style*="background:#141424"],
[style*="background: #141424"]{
  background:#F7F8FC !important;
}
[style*="background:#1e1e30"],
[style*="background: #1e1e30"],
[style*="background:#191929"],
[style*="background: #191929"],
[style*="background:#111120"],
[style*="background: #111120"]{
  background:#FFFFFF !important;
}
[style*="background:#252540"],
[style*="background: #252540"],
[style*="background:#252538"],
[style*="background: #252538"],
[style*="background:#24243a"],
[style*="background: #24243a"]{
  background:#F1F5F9 !important;
}
[style*="background:#1a2a1a"],
[style*="background: #1a2a1a"]{
  background:#E7F9F2 !important;
}
[style*="background:#1a0a0a"],
[style*="background: #1a0a0a"],
[style*="background:#2a1a1a"],
[style*="background: #2a1a1a"]{
  background:#FEF3F2 !important;
}
[style*="background:#1a1500"],
[style*="background: #1a1500"]{
  background:#FFF8E1 !important;
}
[style*="color:#f0f0ff"],
[style*="color: #f0f0ff"]{
  color:var(--text) !important;
}
[style*="color:#7b7d9a"],
[style*="color: #7b7d9a"],
[style*="color:#9090b8"],
[style*="color: #9090b8"],
[style*="color:#8888aa"],
[style*="color: #8888aa"],
[style*="color:#b4b7d6"],
[style*="color: #b4b7d6"]{
  color:var(--muted) !important;
}
[style*="color:#b0b0cc"],
[style*="color: #b0b0cc"],
[style*="color:#bfc0dd"],
[style*="color: #bfc0dd"]{
  color:#475467 !important;
}
[style*="border:1px solid #2a2a42"],
[style*="border: 1px solid #2a2a42"],
[style*="border-color:#2a2a42"],
[style*="border-color: #2a2a42"],
[style*="border-bottom:1px solid #2a2a42"],
[style*="border-bottom: 1px solid #2a2a42"],
[style*="border-top:1px solid #2a2a42"],
[style*="border-top: 1px solid #2a2a42"]{
  border-color:var(--border) !important;
}

/* Charts and modal */
#donut-legend{
  color:var(--muted) !important;
}
.export-modal-backdrop{
  background:rgba(15,23,42,.36) !important;
  backdrop-filter:blur(6px);
}
.export-modal{
  box-shadow:0 24px 70px rgba(15,23,42,.20) !important;
}

/* Scrollbar */
::-webkit-scrollbar-track{background:#F7F8FC !important;}
::-webkit-scrollbar-thumb{background:#CBD5E1 !important;border-radius:99px;}

/* Responsive polish */
@media(max-width:720px){
  .header{
    padding:0 1rem !important;
  }
  .header-right{
    gap:6px !important;
  }
  .btn,
  .header-right a{
    padding:7px 10px !important;
  }
}

/* Print / PDF light mode */
@media print{
  @page{size:A4 landscape;margin:7mm;}
  html,body{
    background:#FFFFFF !important;
    color:var(--text) !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .header,
  .main,
  .card,
  .kpi,
  .proj-card,
  .charts-row .card,
  .charts-row .card > div,
  #barChart,
  #donutChart,
  #donut-legend{
    background:#FFFFFF !important;
  }
  .header{
    border-bottom:1px solid #D8DEE9 !important;
    box-shadow:none !important;
  }
  .card,
  .kpi,
  .proj-card,
  .charts-row .card{
    border:1px solid #D8DEE9 !important;
    box-shadow:none !important;
  }
  .btn,
  .upload-zone,
  .toast,
  .export-modal-backdrop,
  .sort-panel,
  [data-print-hide="true"]{
    display:none !important;
  }
  .detail-text,
  .blocker-note,
  .step-nota{
    color:#475467 !important;
  }
  .kpi-label,
  .kpi-sub,
  .section-label,
  .proj-leader,
  .proj-stats,
  .pct-label,
  .detail-label,
  .step-status,
  .step-who,
  .motivo-text,
  .footer{
    color:#667085 !important;
  }
  .divider{background:#E2E8F0 !important;}
  .proj-status-col{border-right:1px solid #E2E8F0 !important;}
  .prog-track{background:#EDF1F7 !important;}
  .proj-card{
    page-break-after:always !important;
    break-inside:avoid !important;
    page-break-inside:avoid !important;
  }
  .proj-card:last-child{page-break-after:auto !important;}
}