/* (2026-11-01) Group tones - the owner's standard colours for grids that show more than 10 rows on a page:
   rows are tinted by group (one colour family per group) and a legend (LiveEx.Shared.GroupLegend) explains the colours.
   Usage: header / band row  -> class="lx-gt-head lx-gt-green"
          data row           -> class="lx-gt-row lx-gt-green"
          sub-grid row       -> class="lx-gt-sub lx-gt-green"
   Tones: green, blue, khaki, lavender, teal (same order as GroupTones.All in LiveEx.Shared). */

.lx-gt-head > td { padding: 7px 10px; font-weight: 700; font-size: 13.5px; border-bottom: 1px solid #e3e8ef; border-left: 4px solid transparent; }
.lx-gt-head i { margin-right: 6px; opacity: .8; }

.lx-gt-head.lx-gt-green > td    { background: #dcf1e0; color: #1d6b35; border-left-color: #3fa45a; }
.lx-gt-head.lx-gt-blue > td     { background: #dbe9fb; color: #6F4C54; border-left-color: #A87983; }
.lx-gt-head.lx-gt-khaki > td    { background: #efe6c4; color: #6b5a1e; border-left-color: #c2a64a; }
.lx-gt-head.lx-gt-lavender > td { background: #e7def6; color: #5a3f93; border-left-color: #8b67d1; }
.lx-gt-head.lx-gt-teal > td     { background: #d7efee; color: #145f5c; border-left-color: #2aa39d; }

.lx-gt-row.lx-gt-green > td    { background: #f3faf4; }
.lx-gt-row.lx-gt-blue > td     { background: #f2f7fe; }
.lx-gt-row.lx-gt-khaki > td    { background: #fbf8ec; }
.lx-gt-row.lx-gt-lavender > td { background: #f7f4fc; }
.lx-gt-row.lx-gt-teal > td     { background: #f1f9f9; }
.lx-gt-row:hover > td { filter: brightness(.97); }

.lx-gt-sub.lx-gt-green > td    { background: #f8fcf9; }
.lx-gt-sub.lx-gt-blue > td     { background: #f8fbff; }
.lx-gt-sub.lx-gt-khaki > td    { background: #fdfcf6; }
.lx-gt-sub.lx-gt-lavender > td { background: #fbf9fe; }
.lx-gt-sub.lx-gt-teal > td     { background: #f7fcfc; }

/* AntDesign <Table> rows (RowClassName="lx-gt-row lx-gt-...") - stronger than the table's own striping / hover */
.ant-table .ant-table-tbody > tr.lx-gt-row.lx-gt-green > td    { background: #f3faf4; }
.ant-table .ant-table-tbody > tr.lx-gt-row.lx-gt-blue > td     { background: #f2f7fe; }
.ant-table .ant-table-tbody > tr.lx-gt-row.lx-gt-khaki > td    { background: #fbf8ec; }
.ant-table .ant-table-tbody > tr.lx-gt-row.lx-gt-lavender > td { background: #f7f4fc; }
.ant-table .ant-table-tbody > tr.lx-gt-row.lx-gt-teal > td     { background: #f1f9f9; }
.ant-table .ant-table-tbody > tr.lx-gt-row:hover > td { filter: brightness(.97); }

/* legend (GroupLegend.razor) */
.lx-gt-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 13px; color: #415163; margin: 4px 0 8px; }
.lx-gt-legend-title { font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: .03em; }
.lx-gt-legend-item { display: inline-flex; align-items: center; gap: 6px; }
.lx-gt-swatch { width: 14px; height: 14px; border-radius: 3px; border-left: 4px solid transparent; display: inline-block; }
.lx-gt-swatch.lx-gt-green    { background: #dcf1e0; border-left-color: #3fa45a; }
.lx-gt-swatch.lx-gt-blue     { background: #dbe9fb; border-left-color: #A87983; }
.lx-gt-swatch.lx-gt-khaki    { background: #efe6c4; border-left-color: #c2a64a; }
.lx-gt-swatch.lx-gt-lavender { background: #e7def6; border-left-color: #8b67d1; }
.lx-gt-swatch.lx-gt-teal     { background: #d7efee; border-left-color: #2aa39d; }