/*
  TeamAct CRM — 360° Reporting WHITE CANVAS FIX V10.1
  Scope: Company Admin 360° Reporting main content only.
  Loaded after V10 reporting CSS. Sidebar is intentionally excluded.

  Rule: structural surfaces are white/neutral. Filled accent is reserved
  for actual CTA buttons, selected tab underline and chart/progress fill.
*/

/* Root/panels: always neutral. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-body,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-panel{
  background:#fff!important;
  background-image:none!important;
  color:#333!important;
}

/* Report tabs: flat white with purple underline, never filled blue/teal. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-tabs > button[data-r360-tab],
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-tabs > button[data-r360-tab]:hover{
  background:#fff!important;
  background-image:none!important;
  color:#475569!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-tabs > button[data-r360-tab]:hover{
  color:#4f38a2!important;
  border-bottom-color:#d8d1ef!important;
}
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-tabs > button[data-r360-tab].active{
  background:#fff!important;
  color:#4f38a2!important;
  border-bottom-color:#4f38a2!important;
}

/* KPI structural cards: white. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-kpi,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-kpi:hover{
  background:#fff!important;
  background-image:none!important;
  color:#333!important;
  border:1px solid #e4e4e4!important;
  box-shadow:none!important;
}
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-kpi:hover{
  background:#faf9fd!important;
  border-color:#d6cee9!important;
}

/* Needs Attention: white row with semantic border/number only. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-attention-row,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-attention-row:hover{
  background:#fff!important;
  background-image:none!important;
  color:#333!important;
  border:1px solid #e4e4e4!important;
  box-shadow:none!important;
}
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-attention-row:hover{
  background:#fffaf2!important;
  border-color:#ead7af!important;
}

/* All breakdown/activity/source/status rows stay white. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-breakdown-row,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-breakdown-row:hover{
  background:#fff!important;
  background-image:none!important;
  color:#333!important;
  box-shadow:none!important;
}
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-breakdown-row:hover{
  background:#fafafa!important;
}

/* Journey funnel and inventory summary strips. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-funnel > button[data-r360-go],
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-inventory-strip > button[data-r360-go],
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-funnel > button[data-r360-go]:hover,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-inventory-strip > button[data-r360-go]:hover{
  background:#fff!important;
  background-image:none!important;
  color:#333!important;
  box-shadow:none!important;
}
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-funnel > button[data-r360-go]:hover,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-inventory-strip > button[data-r360-go]:hover{
  background:#fafafa!important;
}

/* Sort/user/text controls are links, not filled buttons. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-sort,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-user-link,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-text-link,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-sort:hover,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-user-link:hover,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-text-link:hover{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Progress bars: only the fill is purple; row/surface remains white. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-bar{
  background:#eeeeee!important;
}
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-bar > i,
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-funnel > button > i{
  background:#7c66c5!important;
}

/* Tables remain spreadsheet-neutral. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-table-wrap th{
  background:#eeeeee!important;
  color:#707070!important;
}
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-table-wrap td{
  background:#fff!important;
  color:#333!important;
}

/* Actual primary action only. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-apply{
  background:#4f38a2!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#4f38a2!important;
}
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-apply:hover:not(:disabled){
  background:#604cab!important;
  border-color:#604cab!important;
}

/* Utility buttons stay white/neutral. */
html body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.secondary{
  background:#fff!important;
  background-image:none!important;
  color:#405270!important;
  border-color:#ccd6e3!important;
  box-shadow:none!important;
}

/* Dark theme: preserve intentional dark neutral canvas, not blue-filled cards. */
html.theme-dark body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10,
html.theme-dark body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-panel,
html.theme-dark body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-kpi,
html.theme-dark body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-attention-row,
html.theme-dark body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 button.r360-breakdown-row,
html.theme-dark body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-funnel > button,
html.theme-dark body #root #crmShell.shell.crm-role-admin .main #view.view-content .report360-v10 .r360-inventory-strip > button{
  background:#182231!important;
  color:#dbe3ee!important;
  border-color:#334155!important;
}