.tg-conversation-page .page-body {
  margin-bottom: 0;
}

.tg-conversation-page .footer {
  padding-top: 1.2rem;
  padding-bottom: 1rem;
}

.tg-conversation-page .tg-page-frame-title {
  display: none;
}

.tg-conversation-page .page-body > .container-xl > .d-flex.flex-column.gap-3 > .d-flex.flex-column.gap-3 > h1 {
  display: none;
}

@media (min-width: 1400px) {
  .tg-conversation-page .tg-conversation-detail-page-with-sidekick {
    height: calc(100dvh - 11.2rem) !important;
  }

  .tg-conversation-page .tg-conversation-sidekick-body.reporting-portal-sidekick-body {
    margin-right: -1.5rem;
    overflow-y: auto;
    padding-inline: 0 !important;
    padding-right: 1.5rem !important;
  }
}
/* Shared design tokens and framework-level Tabler overrides used across host surfaces. */
:root {
  /* Main colours and variants */
  --tg-orange: #f79421;
  --tg-orange-rgb: 247, 148, 33;
  --tg-orange-light: #fff3e1;
  --tg-orange-light-rgb: 255, 243, 225;
  --tg-green: #05c085;
  --tg-green-rgb: 5, 192, 133;
  --tg-green-light: #daf2e9;
  --tg-green-light-rgb: 218, 242, 233;
  --tg-red: #ed5153;
  --tg-red-rgb: 237, 81, 83;
  --tg-red-light: #fef3f3;
  --tg-red-light-rgb: 254, 243, 243;
  --tg-sidekick-purple: #8e92cd;
  --tg-sidekick-purple-rgb: 142, 146, 205;
  --tg-sidekick-blade-purple: #f2f2fa;
  --tg-sidekick-blade-purple-rgb: 242, 242, 250;

  /* Greys */
  --tg-black: #000000;
  --tg-grey-darker: #202020;
  --tg-grey-dark: #343434;
  --tg-surface-subtle: #f2f2f2;
  --tg-surface-dark: #474747;
  --tg-surface-dark-raised: #575757;
  --tg-surface-dark-hover: #6a6a6a;
  --tg-grey-mid: #737373;
  --tg-bluegray: #576270;
  --tg-text-strong: #2d2d2d;
  --tg-text-muted: #4b4b4b;
  --tg-text-subtle: #7a7a7a;
  --tg-text-disabled-soft: #b0b0b0;
  --tg-text-disabled: var(--tg-text-disabled-soft);
  --tg-divider-strong: #dadada;
  --tg-grey-border: #e5e8ec;
  --tg-grey-comment: #eeeeee;
  --tg-grey-faint: #fafafa;
  --tg-white: #ffffff;

  /* Secondary colours */
  --tg-amber: #fbb03b;
  --tg-amber-rgb: 251, 176, 59;
  --tg-teal: #469990;
  --tg-teal-rgb: 70, 153, 144;
  --tg-blue: #005b7f;
  --tg-blue-rgb: 0, 91, 127;
  --tg-pink: #dd619b;
  --tg-pink-rgb: 221, 97, 155;

  /* Interaction refinements */
  --tg-interactive-success-hover-strong: #126b65;
  --tg-interactive-success-hover: #04af79;
  --tg-interactive-primary-hover: #e68a1f;
  --tg-interactive-danger-hover: #db4a4c;

  /* Reporting refinements */
  --tg-reporting-ink: #233142;
  --tg-reporting-text-slate: #4b5563;
  --tg-reporting-border-strong: #b8c1cb;
  --tg-reporting-text-disabled: #8a94a1;
  --tg-reporting-series-blue: #4363d8;
  --tg-reporting-series-navy: #000075;
  --tg-reporting-series-purple-soft: #d88af5;
  --tg-reporting-series-green: #2fb344;
  --tg-reporting-series-teal: #468599;
  --tg-reporting-series-maroon: #800000;

  /* Semantic colours */
  --tg-success-color: var(--tg-green);
  --tg-success-rgb: var(--tg-green-rgb);
  --tg-warning-color: var(--tg-amber);
  --tg-warning-rgb: var(--tg-amber-rgb);
  --tg-danger-color: var(--tg-red);
  --tg-danger-rgb: var(--tg-red-rgb);

  /* Tabler variables mapped to our design system */
  --tblr-white: var(--tg-white);
  --tblr-primary: var(--tg-orange);
  --tblr-primary-rgb: var(--tg-orange-rgb);
  --tblr-primary-fg: var(--tg-white);
  --tblr-orange: var(--tg-orange);
  --tblr-orange-rgb: var(--tg-orange-rgb);
  --tblr-orange-fg: var(--tg-white);
  --tblr-orange-darken: color-mix(in srgb, var(--tg-orange) 88%, var(--tg-grey-dark));
  --tblr-orange-lt: var(--tg-orange-light);
  --tblr-orange-lt-rgb: var(--tg-orange-light-rgb);
  --tblr-orange-200: color-mix(in srgb, var(--tg-orange) 20%, transparent);
  --tblr-orange-text-emphasis: color-mix(in srgb, var(--tg-orange) 84%, var(--tg-grey-dark));
  --tblr-orange-bg-subtle: var(--tg-orange-light);
  --tblr-orange-border-subtle: color-mix(in srgb, var(--tg-orange) 24%, var(--tg-white));
  --tblr-warning: var(--tg-warning-color);
  --tblr-warning-rgb: var(--tg-warning-rgb);
  --tblr-yellow: var(--tg-warning-color);
  --tblr-yellow-rgb: var(--tg-warning-rgb);
  --tblr-success: var(--tg-success-color);
  --tblr-success-rgb: var(--tg-success-rgb);
  --tblr-green: var(--tg-success-color);
  --tblr-green-rgb: var(--tg-success-rgb);
  --tblr-danger: var(--tg-danger-color);
  --tblr-danger-rgb: var(--tg-danger-rgb);
  --tblr-red: var(--tg-danger-color);
  --tblr-red-rgb: var(--tg-danger-rgb);
  --tblr-dark: var(--tg-grey-dark);
  --tblr-border-radius-0: 0;
  --tblr-border-radius-sm: 0.125rem;
  --tblr-border-radius-md: 0.1875rem;
  --tblr-border-radius-lg: 0.25rem;
  --tblr-border-radius-pill: 50rem;
  --tblr-border-radius: var(--tblr-border-radius-md);
  --tblr-font-sans-serif: "Source Sans 3 VF", "Source Sans 3", Arial, sans-serif;
  --tblr-body-font-family: var(--tblr-font-sans-serif);
  --tblr-body-font-size: 1rem;
  --tblr-font-size-h1: 1.7rem;
  --tblr-line-height-h1: 2.1rem;
  --tblr-breadcrumb-item-padding-x: 0.25rem;
}

body {
  font-feature-settings: normal;
}

[data-bs-theme=light],
[data-bs-theme=dark] {
  --tblr-font-sans-serif: "Source Sans 3 VF", "Source Sans 3", Arial, sans-serif;
  --tblr-body-font-family: var(--tblr-font-sans-serif);
  --tblr-primary: var(--tg-orange);
  --tblr-primary-rgb: var(--tg-orange-rgb);
  --tblr-primary-fg: var(--tg-white);
  --tblr-orange: var(--tg-orange);
  --tblr-orange-rgb: var(--tg-orange-rgb);
  --tblr-orange-fg: var(--tg-white);
  --tblr-orange-darken: color-mix(in srgb, var(--tg-orange) 88%, var(--tg-grey-dark));
  --tblr-orange-lt: var(--tg-orange-light);
  --tblr-orange-lt-rgb: var(--tg-orange-light-rgb);
  --tblr-orange-200: color-mix(in srgb, var(--tg-orange) 20%, transparent);
  --tblr-orange-text-emphasis: color-mix(in srgb, var(--tg-orange) 84%, var(--tg-grey-dark));
  --tblr-orange-bg-subtle: var(--tg-orange-light);
  --tblr-orange-border-subtle: color-mix(in srgb, var(--tg-orange) 24%, var(--tg-white));
  --tblr-warning: var(--tg-warning-color);
  --tblr-warning-rgb: var(--tg-warning-rgb);
  --tblr-yellow: var(--tg-warning-color);
  --tblr-yellow-rgb: var(--tg-warning-rgb);
  --tblr-success: var(--tg-success-color);
  --tblr-success-rgb: var(--tg-success-rgb);
  --tblr-green: var(--tg-success-color);
  --tblr-green-rgb: var(--tg-success-rgb);
  --tblr-danger: var(--tg-danger-color);
  --tblr-danger-rgb: var(--tg-danger-rgb);
  --tblr-red: var(--tg-danger-color);
  --tblr-red-rgb: var(--tg-danger-rgb);
  --tblr-dark: var(--tg-grey-dark);
  --tblr-border-radius-0: 0;
  --tblr-border-radius-sm: 0.125rem;
  --tblr-border-radius-md: 0.1875rem;
  --tblr-border-radius-lg: 0.25rem;
  --tblr-border-radius-pill: 50rem;
  --tblr-border-radius: var(--tblr-border-radius-md);
}