/* Tema FVC para Twenty CRM - pro - v0.2.1. Solo sobrescribe variables --t-*; si Twenty las renombra, el CRM vuelve a su aspecto normal. */
:root.light,html.light,.light{--t-accent-accent1:#fbfdfe;--t-accent-accent2:#f2f8fc;--t-accent-accent3:#e2f0f9;--t-accent-accent4:#d0e7f6;--t-accent-accent5:#bcdcf1;--t-accent-accent6:#a0cdea;--t-accent-accent7:#7ab8e0;--t-accent-accent8:#449cd2;--t-accent-accent9:#0170b9;--t-accent-accent10:#0162a3;--t-accent-accent11:#0a65a8;--t-accent-accent12:#0a3550;--t-color-blue1:#fbfdfe;--t-color-blue2:#f2f8fc;--t-color-blue3:#e2f0f9;--t-color-blue4:#d0e7f6;--t-color-blue5:#bcdcf1;--t-color-blue6:#a0cdea;--t-color-blue7:#7ab8e0;--t-color-blue8:#449cd2;--t-color-blue9:#0170b9;--t-color-blue10:#0162a3;--t-color-blue11:#0a65a8;--t-color-blue12:#0a3550;--t-color-blue:#0170b9;--t-accent-primary:#bcdcf1;--t-accent-secondary:#bcdcf1;--t-accent-tertiary:#e2f0f9;--t-accent-quaternary:#f2f8fc;--t-accent-accent3570:#449cd2;--t-accent-accent4060:#449cd2;--t-border-color-blue:#0170b9;--t-tag-text-blue:#0a65a8;--fvc-side:#0a4c7a;--fvc-orange:#ef6b16;--fvc-brand:#0170b9}
:root.dark,html.dark,.dark{--t-accent-accent1:#0a141c;--t-accent-accent2:#0d1a25;--t-accent-accent3:#0b2a40;--t-accent-accent4:#0a3452;--t-accent-accent5:#0f3f61;--t-accent-accent6:#154c72;--t-accent-accent7:#1b5d89;--t-accent-accent8:#2273a8;--t-accent-accent9:#0f7ccc;--t-accent-accent10:#2a8ad6;--t-accent-accent11:#86c3f0;--t-accent-accent12:#d4ebfb;--t-color-blue1:#0a141c;--t-color-blue2:#0d1a25;--t-color-blue3:#0b2a40;--t-color-blue4:#0a3452;--t-color-blue5:#0f3f61;--t-color-blue6:#154c72;--t-color-blue7:#1b5d89;--t-color-blue8:#2273a8;--t-color-blue9:#0f7ccc;--t-color-blue10:#2a8ad6;--t-color-blue11:#86c3f0;--t-color-blue12:#d4ebfb;--t-color-blue:#0f7ccc;--t-accent-primary:#0f3f61;--t-accent-secondary:#0f3f61;--t-accent-tertiary:#0b2a40;--t-accent-quaternary:#0d1a25;--t-accent-accent3570:#2273a8;--t-accent-accent4060:#2273a8;--t-border-color-blue:#0f7ccc;--t-tag-text-blue:#86c3f0;--fvc-side:#0a4c7a;--fvc-orange:#ef6b16;--fvc-brand:#0f7ccc}

/* ===== Colores por sección (lo mismo en los dos espacios) ===== */
:root[data-fvc-obj=company]{--fvc-obj:#1d5fd1}
:root[data-fvc-obj=person]{--fvc-obj:#0e9f9a}
:root[data-fvc-obj=opportunity]{--fvc-obj:#f2690d}
:root[data-fvc-obj=task]{--fvc-obj:#1f9d55}
:root[data-fvc-obj=note]{--fvc-obj:#7a4fd6}
:root[data-fvc-obj=dashboard]{--fvc-obj:#d63a6a}
:root[data-fvc-obj=workflow]{--fvc-obj:#c98a00}

/* ===== Menú lateral oscuro de marca ===== */
[data-click-outside-id=navigation-drawer]{
  background:var(--fvc-side)!important;
  --t-background-secondary:var(--fvc-side);
  --t-background-primary:rgba(255,255,255,.07);
  --t-background-tertiary:rgba(255,255,255,.10);
  --t-background-quaternary:rgba(255,255,255,.14);
  --t-background-transparent-lighter:rgba(255,255,255,.04);
  --t-background-transparent-light:rgba(255,255,255,.08);
  --t-background-transparent-medium:rgba(255,255,255,.12);
  --t-background-transparent-strong:rgba(255,255,255,.18);
  --t-font-color-primary:#ffffff;
  --t-font-color-secondary:rgba(255,255,255,.80);
  --t-font-color-tertiary:rgba(255,255,255,.62);
  --t-font-color-light:rgba(255,255,255,.48);
  --t-font-color-extra-light:rgba(255,255,255,.34);
  --t-border-color-light:rgba(255,255,255,.10);
  --t-border-color-medium:rgba(255,255,255,.16);
  color:#fff
}
.navigation-drawer-item[aria-current],
.navigation-drawer-item:has(.navigation-drawer-item-label[aria-current]){
  background:var(--fvc-obj,var(--fvc-brand))!important;border-radius:8px;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset
}
.navigation-drawer-item[aria-current] *,
.navigation-drawer-item:has(.navigation-drawer-item-label[aria-current]) *{color:#fff!important}

/* ===== Zona central: cabecera de página en el color de la sección ===== */
[data-page-surface=main]{--fvc-o:var(--fvc-obj,var(--fvc-brand))}
[data-page-surface=main] div:has(>[data-click-outside-id=page-action-container]){
  background:var(--fvc-o)!important;
  --t-font-color-primary:#fff;--t-font-color-secondary:rgba(255,255,255,.88);--t-font-color-tertiary:rgba(255,255,255,.75);--t-font-color-light:rgba(255,255,255,.6);
  --t-background-transparent-light:rgba(255,255,255,.14);--t-background-transparent-medium:rgba(255,255,255,.22);
  --t-border-color-medium:rgba(255,255,255,.35);--t-border-color-light:rgba(255,255,255,.25);
  color:#fff
}
[data-page-surface=main] div:has(>[data-click-outside-id=page-action-container]) svg{color:#fff;stroke:#fff}
[data-page-surface=main] div:has(>[data-click-outside-id=page-action-container]) [data-click-outside-id=page-action-container] button,
[data-page-surface=main] div:has(>[data-click-outside-id=page-action-container]) [data-click-outside-id=page-action-container] [role=button]{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}

/* ===== Tablas: cabecera tintada, filas alternas y hover ===== */
[data-page-surface=main] .header-cell{
  background:color-mix(in srgb,var(--fvc-o) 13%,var(--t-background-primary))!important;
  color:color-mix(in srgb,var(--fvc-o) 70%,var(--t-font-color-primary));
  font-weight:600;box-shadow:inset 0 -2px 0 var(--fvc-o)
}
[data-page-surface=main] .header-cell *{color:inherit}
[data-page-surface=main] [data-testid^=row-id-]:nth-child(even) .table-cell:not([data-selected]){background:color-mix(in srgb,var(--fvc-o) 4%,var(--t-background-primary))}
[data-page-surface=main] [data-testid^=row-id-]:hover .table-cell:not([data-selected],[data-dragging]){background:color-mix(in srgb,var(--fvc-o) 10%,var(--t-background-primary))}

/* ===== Tarjetas del pipeline y widgets del panel ===== */
[data-click-outside-id=record-board-card]{box-shadow:inset 3px 0 0 var(--fvc-obj,var(--fvc-brand))}
/* Lienzo tintado: las filas quedan como una hoja blanca sobre el color de la sección */
[data-page-surface=main]>div>div{background:color-mix(in srgb,var(--fvc-o) 6%,var(--t-background-primary))!important}