/*
 * Neria Intelligence — CRM-IA Design Override
 * Sidebar escura + Accent vibrante + Visual premium
 * Injectado no index.html como CSS override global
 */

/* ========================================
   LIGHT THEME — DRAMATIC NERIA OVERRIDES
   ======================================== */
.light {
  /* SIDEBAR = Dark (#111118) — Premium Linear-style dark sidebar */
  --t-background-secondary: #111118;
  
  /* MAIN CONTENT = Clean off-white */
  --t-background-primary: #fafafa;
  --t-background-tertiary: #f0f0f4;
  --t-background-quaternary: #e4e4ec;

  /* ACCENT = Neria Blue (#4a38f5) — vibrante e distinto */
  --t-accent-accent9: color(display-p3 0.29 0.22 0.96);
  --t-accent-accent10: color(display-p3 0.22 0.16 0.88);
  --t-accent-accent11: color(display-p3 0.29 0.22 0.82);
  --t-accent-accent12: color(display-p3 0.14 0.11 0.42);
  --t-accent-accent8: color(display-p3 0.42 0.36 0.90);
  --t-accent-accent7: color(display-p3 0.52 0.48 0.92);
  --t-accent-accent6: color(display-p3 0.60 0.56 0.94);
  --t-accent-accent5: color(display-p3 0.72 0.70 0.96);
  --t-accent-accent4: color(display-p3 0.80 0.78 0.97);
  --t-accent-accent3: color(display-p3 0.88 0.87 0.98);
  --t-accent-accent2: color(display-p3 0.94 0.93 0.99);
  --t-accent-accent1: color(display-p3 0.97 0.97 0.998);
  --t-accent-primary: color(display-p3 0.72 0.70 0.96);
  --t-accent-secondary: color(display-p3 0.72 0.70 0.96);
  --t-accent-tertiary: color(display-p3 0.88 0.87 0.98);
  --t-accent-quaternary: color(display-p3 0.94 0.93 0.99);
  --t-accent-accent3570: color(display-p3 0.42 0.36 0.90);
  --t-accent-accent4060: color(display-p3 0.42 0.36 0.90);

  /* BUTTONS — texto accent forte */
  --t-buttons-secondary-text-color: color(display-p3 0.29 0.22 0.96);

  /* INVERTED backgrounds — botões primários etc */
  --t-background-inverted-primary: #1a0f7a;
  --t-background-inverted-secondary: #2d1fbe;
  --t-background-primary-inverted: #1a0f7a;
  --t-background-primary-inverted-hover: #2d1fbe;

  /* RADIAL GRADIENT — botão primário premium */
  --t-background-radial-gradient: radial-gradient(
    50% 62.62% at 50% 0%,
    #5a48ff 0%,
    #3b28e0 100%
  );
  --t-background-radial-gradient-hover: radial-gradient(
    76.32% 95.59% at 50% 0%,
    #3b28e0 0%,
    #2a1ab0 100%
  );

  /* FONT COLORS — ajustar para sidebar escura */
  --t-font-color-primary: #111118;
  --t-font-color-secondary: #4a4a5a;
  --t-font-color-tertiary: #72728a;
  --t-font-color-light: #9090a8;
  --t-font-color-extra-light: #b0b0c4;

  /* BORDERS — mais definidos com toque azulado */
  --t-border-color-strong: #c8c8d8;
  --t-border-color-medium: #e0e0ec;
  --t-border-color-light: #eaeaf2;

  /* GRAY SCALE — com toque azulado frio (Neria signature) */
  --t-gray-scale-gray1: #fafafa;
  --t-gray-scale-gray2: #f4f4f8;
  --t-gray-scale-gray3: #eaeaf2;
  --t-gray-scale-gray4: #e0e0ec;
  --t-gray-scale-gray5: #d4d4e0;
  --t-gray-scale-gray6: #c0c0d0;
  --t-gray-scale-gray7: #a8a8bc;
  --t-gray-scale-gray8: #8888a0;
  --t-gray-scale-gray9: #6a6a82;
  --t-gray-scale-gray10: #52526a;
  --t-gray-scale-gray11: #3a3a52;
  --t-gray-scale-gray12: #111118;

  /* BOX SHADOWS — refinadas */
  --t-box-shadow-light: 0px 1px 3px 0px rgba(17, 17, 24, 0.06), 0px 0px 2px 0px rgba(17, 17, 24, 0.08);
  --t-box-shadow-color: rgba(17, 17, 24, 0.06);
}

/* ========================================
   SIDEBAR-SPECIFIC OVERRIDES
   Forçar sidebar escura com texto claro
   ======================================== */

/* Left panel = sidebar escura (ONLY left nav, not right detail panel) */
[data-testid="left-panel"],
[class*="PageLayoutLeftPanel"],
[class*="LeftPanel"],
nav[class*="NavigationDrawer"] {
  --t-background-secondary: #111118 !important;
  --t-background-primary: #111118 !important;
  --t-background-tertiary: #1a1a28 !important;
  --t-background-quaternary: #242438 !important;
  --t-background-transparent-light: rgba(255, 255, 255, 0.06) !important;
  --t-background-transparent-lighter: rgba(255, 255, 255, 0.03) !important;
  --t-background-transparent-medium: rgba(255, 255, 255, 0.10) !important;
  --t-background-transparent-strong: rgba(255, 255, 255, 0.16) !important;
  --t-font-color-primary: #e8e8f0 !important;
  --t-font-color-secondary: #a8a8c0 !important;
  --t-font-color-tertiary: #7878a0 !important;
  --t-font-color-light: #585880 !important;
  --t-font-color-extra-light: #484868 !important;
  --t-border-color-medium: rgba(255, 255, 255, 0.08) !important;
  --t-border-color-light: rgba(255, 255, 255, 0.05) !important;
  --t-border-color-strong: rgba(255, 255, 255, 0.12) !important;
  --t-gray-scale-gray1: #111118 !important;
  --t-gray-scale-gray2: #1a1a28 !important;
  --t-gray-scale-gray3: #242438 !important;
  --t-gray-scale-gray4: #303048 !important;
  --t-gray-scale-gray11: #c0c0d8 !important;
  --t-gray-scale-gray12: #e8e8f0 !important;
}

/* ========================================
   DARK THEME — Neria dark refinements
   ======================================== */
.dark {
  --t-accent-accent9: color(display-p3 0.38 0.32 0.98);
  --t-accent-accent10: color(display-p3 0.32 0.26 0.92);
  --t-accent-accent11: color(display-p3 0.55 0.50 0.98);
  --t-buttons-secondary-text-color: color(display-p3 0.55 0.50 0.98);
  --t-background-primary: #0e0e14;
  --t-background-secondary: #111118;
  --t-background-tertiary: #1a1a28;
  --t-background-quaternary: #242438;
  --t-background-inverted-primary: #5a48ff;
  --t-background-radial-gradient: radial-gradient(
    50% 62.62% at 50% 0%,
    #5a48ff 0%,
    #3b28e0 100%
  );
}