/*
 * Tema visual Keeper Safras - modo primario verde (valor tecnico `agro` no armazenamento).
 * Carregado por padrao pelo layout (ver branding.build) ou via NEXT_PUBLIC_BRAND_THEME_CSS=/brands/keeper/theme.css
 */

:root {
  --keeper-agro-primary: #16a34a;
  --keeper-agro-primary-rgb: 22, 163, 74;
  --keeper-agro-surface-hover-list: #f0fdf4;
  --keeper-agro-surface-selected-list: #dcfce7;
  --keeper-agro-shadow-18: rgba(var(--keeper-agro-primary-rgb), 0.18);
  --keeper-agro-shadow-22: rgba(var(--keeper-agro-primary-rgb), 0.22);
  --keeper-agro-shadow-32: rgba(var(--keeper-agro-primary-rgb), 0.32);
}

/*
 * Barra superior / sidebar (chips safra, relogio, cotacao): destaque por marca no modo primario.
 * O layout usa color: var(--keeper-shell-accent, token.colorPrimary). Sem esta regra, vale o token Ant.
 */
html[data-keeper-theme-mode='agro'] {
  --keeper-shell-accent: var(--keeper-agro-primary);
}

/*
 * Opcional: texto da caixa "Buscar tela" na sidebar (fallback = token colorTextSecondary no TS).
 * html[data-keeper-theme-mode='agro'] {
 *   --keeper-shell-sidebar-search: #52525b;
 * }
 */

/*
 * Modo primario da app: grids lista e tabela classica - hover e selecao em verde.
 * html[data-keeper-theme-mode='agro']
 */
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(--keeper-agro-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(--keeper-agro-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(--keeper-agro-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(--keeper-agro-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(--keeper-agro-primary) !important;
  box-shadow: -2px 2px 6px var(--keeper-agro-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(--keeper-agro-shadow-22) !important;
}

/* Tabela classica (nao list-style): hover e selecao com tons do primario */
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(--keeper-agro-primary-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(--keeper-agro-primary-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(--keeper-agro-primary);
}

/* Toolbar KeeperDataGrid: sombra dos botoes primarios alinhada ao verde agro */
html[data-keeper-theme-shell] .keeper-data-grid .keeper-toolbar-btn.ant-btn-primary {
  box-shadow: 0 2px 8px var(--keeper-agro-shadow-22);
}

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