/*
 * Tema visual alinhado ao roxo Vivo (mesmas regras que public/brands/vivo/theme.css).
 * Logo da aplicacao: use preset vivo_keeper em branding.build (SVG Keeper via AppLogo).
 *
 * Build: NEXT_PUBLIC_BRAND_THEME_PRESET=vivo_keeper
 *    ou NEXT_PUBLIC_BRAND_THEME_CSS=/brands/vivo-keeper/theme.css
 */

:root {
  --vivo-purple: #a45bcc;
  --vivo-purple-rgb: 102, 0, 153;
  --vivo-surface-hover-list: #f5f0ff;
  --vivo-surface-selected-list: #ede9fe;
  --vivo-shadow-18: rgba(var(--vivo-purple-rgb), 0.18);
  --vivo-shadow-22: rgba(var(--vivo-purple-rgb), 0.22);
  --vivo-shadow-32: rgba(var(--vivo-purple-rgb), 0.32);
}

/* Barra superior / cotacao: roxo corporativo no modo primario (mesmo tom dos grids). */
html[data-keeper-theme-mode='agro'] {
  --keeper-shell-accent: var(--vivo-purple);
}

/* --------------------------------------------------------------------------
 * Modo primario da app (valor agro no armazenamento): grids deixam de usar verde.
 * -------------------------------------------------------------------------- */
html[data-keeper-theme-mode='agro']
  .keeper-data-grid.keeper-list-style
  .ant-table-tbody
  > tr.keeper-grid-row:hover
  > td,
html[data-keeper-theme-mode='agro']
  .keeper-data-grid.keeper-list-style
  .ant-table-tbody
  > tr.keeper-grid-row.ant-table-row-hover
  > td {
  background: var(--vivo-surface-hover-list) !important;
  box-shadow: none !important;
}

html[data-keeper-theme-mode='agro']
  .keeper-data-grid.keeper-list-style
  .ant-table-tbody
  > tr.keeper-grid-row:hover
  > td:first-child,
html[data-keeper-theme-mode='agro']
  .keeper-data-grid.keeper-list-style
  .ant-table-tbody
  > tr.keeper-grid-row.ant-table-row-hover
  > td:first-child {
  box-shadow: -2px 2px 10px var(--vivo-shadow-18) !important;
}

html[data-keeper-theme-mode='agro']
  .keeper-data-grid.keeper-list-style
  .ant-table-tbody
  > tr.keeper-grid-row:hover
  > td:last-child,
html[data-keeper-theme-mode='agro']
  .keeper-data-grid.keeper-list-style
  .ant-table-tbody
  > tr.keeper-grid-row.ant-table-row-hover
  > td:last-child {
  box-shadow: 2px 2px 10px var(--vivo-shadow-18) !important;
}

html[data-keeper-theme-mode='agro']
  .keeper-data-grid.keeper-list-style
  .ant-table-tbody
  > tr.ant-table-row-selected
  > td {
  background: var(--vivo-surface-selected-list) !important;
  box-shadow: none !important;
}

html[data-keeper-theme-mode='agro']
  .keeper-data-grid.keeper-list-style
  .ant-table-tbody
  > tr.ant-table-row-selected
  > td:first-child {
  border-left: 3px solid var(--vivo-purple) !important;
  box-shadow: -2px 2px 6px var(--vivo-shadow-22) !important;
}

html[data-keeper-theme-mode='agro']
  .keeper-data-grid.keeper-list-style
  .ant-table-tbody
  > tr.ant-table-row-selected
  > td:last-child {
  box-shadow: 2px 2px 6px var(--vivo-shadow-22) !important;
}

html[data-keeper-theme-mode='agro'] .keeper-data-grid .ant-table-tbody > tr.keeper-grid-row:hover > td,
html[data-keeper-theme-mode='agro']
  .keeper-data-grid
  .ant-table-tbody
  > tr.keeper-grid-row.ant-table-row-hover
  > td {
  background: rgba(var(--vivo-purple-rgb), 0.08) !important;
}

html[data-keeper-theme-mode='agro'] .keeper-data-grid .ant-table-tbody > tr.ant-table-row-selected > td {
  background: rgba(var(--vivo-purple-rgb), 0.12) !important;
  box-shadow: none;
}

html[data-keeper-theme-mode='agro']
  .keeper-data-grid
  .ant-table-tbody
  > tr.ant-table-row-selected
  > td:first-child {
  box-shadow: inset 3px 0 0 0 var(--vivo-purple);
}

/* Toolbar DevExtreme / KeeperDataGrid: sombras dos botoes primarios em roxo */
html[data-keeper-theme-shell] .dx-datagrid .dx-toolbar .keeper-toolbar-btn.ant-btn-primary {
  box-shadow: 0 2px 8px var(--vivo-shadow-22);
}

html[data-keeper-theme-shell]
  .dx-datagrid
  .dx-toolbar
  .keeper-toolbar-btn.ant-btn-primary:hover:not([disabled]) {
  box-shadow: 0 3px 12px var(--vivo-shadow-32);
}