:root{
  /* Aurora Gestion - paleta oficial aprobada */
  --ag-malachite:#03D26F;
  --ag-cyprus:#014651;
  --ag-aqua-haze:#EAF4F4;
  --ag-starship:#CEF431;
  --ag-cod-gray:#161514;
  --ag-white:#FFFFFF;

  --ag-muted:#60716f;
  --ag-line:#cddfdd;
  --ag-soft:#f5f9f8;
  --ag-shadow:0 18px 48px rgba(1,70,81,.13);

  /* Compatibilidad con la capa ERP existente */
  --erp-cyprus:var(--ag-cyprus);
  --erp-electric:var(--ag-malachite);
  --erp-aqua:var(--ag-aqua-haze);
  --erp-cod-gray:var(--ag-cod-gray);
  --erp-white:var(--ag-white);
  --erp-muted:var(--ag-muted);
  --erp-line:var(--ag-line);
  --erp-soft:var(--ag-soft);
  --erp-shadow:var(--ag-shadow);
}

html[data-aurora-surface="gestion-erp"] body{
  background:
    radial-gradient(circle at 94% 2%,rgba(3,210,111,.09),transparent 24%),
    radial-gradient(circle at 12% 92%,rgba(206,244,49,.10),transparent 20%),
    var(--ag-aqua-haze);
  color:var(--ag-cod-gray);
}

/* TOP BAR */
html[data-aurora-surface="gestion-erp"] .topbar{
  background:linear-gradient(90deg,var(--ag-cyprus) 0%,#013a43 68%,var(--ag-cod-gray) 100%);
  border-bottom:1px solid rgba(206,244,49,.28);
  box-shadow:0 8px 26px rgba(22,21,20,.18);
}
html[data-aurora-surface="gestion-erp"] .topbar .brand-lockup strong,
html[data-aurora-surface="gestion-erp"] .topbar-context strong{color:var(--ag-white)}
html[data-aurora-surface="gestion-erp"] .topbar .brand-lockup span,
html[data-aurora-surface="gestion-erp"] .topbar-context small{color:#cfe2df}
html[data-aurora-surface="gestion-erp"] .avatar-button,
html[data-aurora-surface="gestion-erp"] .icon-btn{
  color:var(--ag-starship);
  border-color:rgba(206,244,49,.38);
  background:rgba(255,255,255,.06);
}
html[data-aurora-surface="gestion-erp"] .avatar-button:hover,
html[data-aurora-surface="gestion-erp"] .icon-btn:hover{
  background:rgba(206,244,49,.10);
}

/* SIDEBAR */
html[data-aurora-surface="gestion-erp"] .sidebar{
  background:linear-gradient(180deg,var(--ag-cod-gray) 0%,#102a29 48%,var(--ag-cyprus) 100%);
  border-right:1px solid rgba(3,210,111,.18);
  color:var(--ag-white);
}
html[data-aurora-surface="gestion-erp"] .workspace-card{
  background:linear-gradient(145deg,rgba(3,210,111,.12),rgba(1,70,81,.38));
  border:1px solid rgba(3,210,111,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
html[data-aurora-surface="gestion-erp"] .workspace-card strong{color:var(--ag-white)}
html[data-aurora-surface="gestion-erp"] .workspace-card span{color:#c6d8d5}
html[data-aurora-surface="gestion-erp"] .sidebar-footer{color:#9ab3af;border-top-color:rgba(206,244,49,.16)}
html[data-aurora-surface="gestion-erp"] .nav-label{color:#8eaaa5;letter-spacing:.13em}
html[data-aurora-surface="gestion-erp"] .nav-link{
  color:#dbe7e5;
  border:1px solid transparent;
}
html[data-aurora-surface="gestion-erp"] .nav-link:hover{
  background:rgba(3,210,111,.09);
  border-color:rgba(3,210,111,.16);
  color:var(--ag-white);
}
html[data-aurora-surface="gestion-erp"] .nav-link.active{
  color:var(--ag-cod-gray);
  background:linear-gradient(105deg,var(--ag-malachite),var(--ag-starship));
  border-color:rgba(206,244,49,.62);
  box-shadow:inset 3px 0 0 var(--ag-starship),0 9px 24px rgba(3,210,111,.22);
}
html[data-aurora-surface="gestion-erp"] .nav-link.active .nav-icon{color:var(--ag-cyprus)}
html[data-aurora-surface="gestion-erp"] .nav-link:hover .nav-icon{color:var(--ag-starship)}
html[data-aurora-surface="gestion-erp"] .main{background:transparent}

/* HERO */
.erpv1-hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(3,210,111,.24),transparent 27%),
    radial-gradient(circle at 100% 100%,rgba(206,244,49,.16),transparent 30%),
    linear-gradient(135deg,var(--ag-cyprus) 0%,#013840 62%,var(--ag-cod-gray) 100%);
  border:1px solid rgba(3,210,111,.22);
  box-shadow:0 24px 60px rgba(1,70,81,.18);
}
.erpv1-hero::after{
  background:radial-gradient(circle,rgba(206,244,49,.23),rgba(206,244,49,0) 70%);
}
.erpv1-kicker{color:var(--ag-malachite)}
.erpv1-hero p{color:#d8e7e4}
.erpv1-primary{
  background:linear-gradient(135deg,var(--ag-malachite),#04b965);
  color:var(--ag-cod-gray);
  border-color:rgba(206,244,49,.35);
  box-shadow:0 12px 26px rgba(3,210,111,.24);
}
.erpv1-primary:hover{
  background:linear-gradient(135deg,var(--ag-starship),var(--ag-malachite));
  box-shadow:0 14px 30px rgba(3,210,111,.30);
  transform:translateY(-1px);
}
.erpv1-secondary{
  border-color:#b8cfcb;
  background:var(--ag-white);
  color:var(--ag-cyprus);
}
.erpv1-secondary:hover{border-color:var(--ag-malachite);color:var(--ag-cod-gray)}
.erpv1-light{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:var(--ag-white)}
.erpv1-release-card{
  background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(3,210,111,.07));
  border-color:rgba(206,244,49,.22);
}
.erpv1-release-card span{color:#b8d0cc}
.erpv1-release-card strong{color:var(--ag-starship)}
.erpv1-release-card small{color:#d9e6e3}

/* ESTADO BACKEND */
.erpv1-connection{background:var(--ag-white);border-color:var(--ag-line)}
.erpv1-connection strong{color:var(--ag-cyprus)}
.erpv1-connection[data-state="loading"] .erpv1-connection-dot{background:var(--ag-starship)}
.erpv1-connection[data-state="online"]{border-color:rgba(3,210,111,.36);background:#f3fff9}
.erpv1-connection[data-state="online"] .erpv1-connection-dot{background:var(--ag-malachite);box-shadow:0 0 0 5px rgba(3,210,111,.13)}
.erpv1-connection[data-state="auth"]{border-color:#b8d8d4;background:#f5faf9}
.erpv1-connection[data-state="auth"] .erpv1-connection-dot{background:var(--ag-starship);box-shadow:0 0 0 5px rgba(206,244,49,.16)}

/* TABS */
.erpv1-tabs{
  background:linear-gradient(90deg,var(--ag-cyprus),var(--ag-cod-gray));
  border:1px solid rgba(3,210,111,.16);
  box-shadow:0 12px 32px rgba(1,70,81,.14);
}
.erpv1-tab{color:#d1e0dd}
.erpv1-tab span{color:var(--ag-malachite)}
.erpv1-tab:hover{background:rgba(3,210,111,.09);color:var(--ag-white)}
.erpv1-tab.active{
  color:var(--ag-cyprus);
  background:var(--ag-starship);
  box-shadow:0 6px 16px rgba(22,21,20,.18),inset 0 0 0 1px rgba(255,255,255,.42);
}
.erpv1-tab.active span{color:var(--ag-cyprus)}

/* PANELS, TARJETAS Y METRICAS */
.erpv1-section,
.erpv1-connection,
.erpv1-create-card,
.erpv1-module-card,
.erpv1-metric{border-color:var(--ag-line)}
.erpv1-section{background:var(--ag-white);box-shadow:0 12px 34px rgba(1,70,81,.07)}
.erpv1-section-head h2,.erpv1-architecture h2{color:var(--ag-cyprus)}
.erpv1-live-label{background:rgba(3,210,111,.10);color:#00733c}
.erpv1-metric{
  background:linear-gradient(160deg,var(--ag-white) 0%,var(--ag-aqua-haze) 100%);
}
.erpv1-metric::before{background:linear-gradient(180deg,var(--ag-malachite),var(--ag-starship))}
.erpv1-metric-eyebrow{color:#637571}
.erpv1-metric>strong{color:var(--ag-cyprus)}
.erpv1-metric h3{color:var(--ag-cod-gray)}
.erpv1-module-card{background:linear-gradient(135deg,var(--ag-white),var(--ag-aqua-haze))}
.erpv1-module-icon{
  background:var(--ag-cyprus);
  color:var(--ag-starship);
  box-shadow:inset 0 0 0 1px rgba(206,244,49,.14);
}
.erpv1-module-head h3{color:var(--ag-cyprus)}
.erpv1-badge-ready{background:rgba(3,210,111,.12);color:#00733c}
.erpv1-badge-engine{background:rgba(206,244,49,.24);color:#536500}
.erpv1-badge-warning{background:#f4f7cf;color:#596300}

/* FORMULARIOS */
.erpv1-toolbar{
  background:linear-gradient(135deg,var(--ag-aqua-haze),#f8fbfa);
  border-color:var(--ag-line);
}
.erpv1-toolbar label,.erpv1-form label,.erpv1-role-fieldset legend{color:var(--ag-cyprus)}
.erpv1-toolbar input,.erpv1-toolbar select,.erpv1-form input,.erpv1-form select{
  border-color:#bfd2cf;
  color:var(--ag-cod-gray);
  background:var(--ag-white);
}
.erpv1-toolbar input:focus,.erpv1-toolbar select:focus,.erpv1-form input:focus,.erpv1-form select:focus{
  border-color:var(--ag-malachite);
  box-shadow:0 0 0 3px rgba(3,210,111,.14);
}
.erpv1-role-fieldset input{accent-color:var(--ag-malachite)}
.erpv1-mini-metric{border-left-color:var(--ag-starship)}
.erpv1-mini-metric strong{color:var(--ag-cyprus)}
.erpv1-create-card summary{color:var(--ag-cyprus);background:linear-gradient(90deg,var(--ag-aqua-haze),var(--ag-white))}
.erpv1-create-card summary span{color:var(--ag-malachite)}

/* TABLAS */
.erpv1-table th{
  background:var(--ag-cyprus);
  color:var(--ag-aqua-haze);
}
.erpv1-table td{border-top-color:#dce8e6;color:#40514e}
.erpv1-table tbody tr:hover{background:#f1f8f7}
.erpv1-table td strong,.erpv1-table .erpv1-amount{color:var(--ag-cyprus)}
.erpv1-row-overdue{background:#fbfddf}
.erpv1-row-overdue:hover{background:#f7facb!important}

/* ARQUITECTURA / CONTROL */
.erpv1-architecture{
  background:
    radial-gradient(circle at 82% 18%,rgba(206,244,49,.12),transparent 30%),
    linear-gradient(135deg,var(--ag-cod-gray),#1b2927 62%,var(--ag-cyprus));
  border-color:rgba(3,210,111,.18);
}
.erpv1-control-list span{
  border-color:rgba(3,210,111,.28);
  background:rgba(3,210,111,.08);
  color:#dcf8e9;
}

/* LOGIN */
html[data-aurora-surface="gestion-erp"] .auth-shell{
  background:
    radial-gradient(circle at 12% 8%,rgba(3,210,111,.18),transparent 25%),
    radial-gradient(circle at 88% 88%,rgba(206,244,49,.13),transparent 28%),
    linear-gradient(145deg,var(--ag-cod-gray),#102725 60%,var(--ag-cyprus));
}
html[data-aurora-surface="gestion-erp"] .auth-card{
  border:1px solid rgba(3,210,111,.22);
  box-shadow:0 26px 72px rgba(22,21,20,.34);
}
html[data-aurora-surface="gestion-erp"] .auth-card h1{color:var(--ag-cyprus)}
html[data-aurora-surface="gestion-erp"] .auth-card .btn-primary{
  background:linear-gradient(135deg,var(--ag-malachite),var(--ag-starship));
  color:var(--ag-cod-gray);
}

/* Eliminar restos azules/violetas de la hoja ERP base */
html[data-aurora-surface="gestion-erp"] a:focus-visible,
html[data-aurora-surface="gestion-erp"] button:focus-visible,
html[data-aurora-surface="gestion-erp"] input:focus-visible,
html[data-aurora-surface="gestion-erp"] select:focus-visible{
  outline:2px solid var(--ag-starship);
  outline-offset:2px;
}