/* apps/web/public/bain-ui.css */
/* Rule of Thirds grid & utilities */
.grid-thirds { 
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  gap: var(--spacing-md, var(--md, 16px)); 
}

.col-1-3 { grid-column: span 1; } 
.col-2-3 { grid-column: span 2; } 
.col-3-3 { grid-column: span 3; }

.container { 
  max-width: var(--grid-maxwidth-page, var(--maxwidth-page, 1280px)); 
  margin: 0 auto; 
  padding: 0 var(--spacing-lg, var(--lg, 24px));
  width: 100%;
  box-sizing: border-box;
}

/* Hero gradient inspired by Bain.com */
.hero--bain {
  background: radial-gradient(1200px 400px at 70% 40%, var(--color-beacon-violet-dark,#5C48D9) 0%, rgba(92,72,217,0) 60%),
              linear-gradient(180deg, var(--color-brand-primary,#CC0000) 0%, var(--color-expert-purple,#4F0731) 100%);
  color: var(--color-text-inverse,#FFFFFF);
}

/* AG Grid density + borders */
.ag-theme-alpine, .ag-theme-quartz {
  --ag-grid-size: 8px;
  --ag-list-item-height: var(--density-control-height, 40px);
  --ag-row-height: var(--density-table-rowheight, 40px);
  --ag-borders: 1px solid var(--color-border-subtle, #DFE3E6);
}