@charset "UTF-8";

/* src/stylesheets/custom-theme.scss */
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
:root {
  --sidenav-width: 200px;
  --sidenav-collapsed-width: 50px;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --font-size-sm: 0.75rem;
  --default-text-size: 0.8125rem;
  --default-header-size: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --line-height-tight: 1.2;
  --line-height-normal: 1.4;
  --transition-fast: 150ms ease;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
  --header-height: 3.5rem;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-size: var(--default-text-size);
  --mat-tree-node-text-size: var(--default-text-size);
  --mat-expansion-header-text-size: var(--default-text-size);
  --mat-expansion-container-text-size: var(--default-text-size);
  --mat-table-header-headline-size: var(--default-text-size);
  --mat-table-row-item-label-text-size: var(--default-text-size);
  --mat-form-field-filled-label-text-size: var(--default-text-size);
  --mat-form-field-container-text-size: var(--default-text-size);
  --mat-select-trigger-text-size: var(--default-text-size);
  --mat-option-label-text-size: var(--default-text-size);
  --mat-option-label-text-line-height: var(--line-height-normal);
  --mat-dialog-supporting-text-size: var(--default-text-size);
  --mat-checkbox-label-text-size: var(--default-text-size);
  --mat-optgroup-label-text-size: var(--default-text-size);
  --mat-form-field-error-text-color: var(--mat-sys-on-error-container);
  --mat-table-header-headline-line-height: var(--line-height-normal);
  --mat-table-row-item-label-text-line-height: var(--line-height-normal);
  --mat-dialog-subhead-size: var(--default-header-size);
  --mat-dialog-subhead-line-height: var(--line-height-normal);
  --mat-button-text-label-text-size: var(--default-text-size);
  --mat-button-filled-label-text-size: var(--default-text-size);
  --mat-tab-label-text-size: var(--default-text-size);
  --mat-tab-label-text-line-height: var(--line-height-normal);
  --form-field-width: 180px;
  --button-color: light-dark(var(--mat-sys-surface-container-high), #383838);
  --button-text-color: light-dark(var(--mat-sys-on-surface), #ddd);
  --icon-color-delete: #c62828;
  --icon-color-save: #1565c0;
  --icon-color-info: #1565c0;
  --icon-color-select: #2e7d32;
  --icon-color-restriction-select: var(--mat-sys-on-surface-variant);
  --table-border: 1px solid var(--mat-sys-outline-variant);
  --status-success-container: #d4edda;
  --status-on-success-container: #155724;
}
html {
  --mat-sys-background: light-dark(#faf9fd, #121316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);
  --mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);
  --mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);
  --mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #002f65);
  --mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-on-secondary: light-dark(#ffffff, #283041);
  --mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);
  --mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);
  --mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #002f65);
  --mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-outline: light-dark(#74777f, #8e9099);
  --mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);
  --mat-sys-primary: light-dark(#005cbb, #abc7ff);
  --mat-sys-primary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#565e71, #bec6dc);
  --mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);
  --mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);
  --mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#faf9fd, #121316);
  --mat-sys-surface-bright: light-dark(#faf9fd, #38393c);
  --mat-sys-surface-container: light-dark(#efedf0, #1f2022);
  --mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);
  --mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);
  --mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);
  --mat-sys-surface-dim: light-dark(#dbd9dd, #121316);
  --mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);
  --mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);
  --mat-sys-tertiary: light-dark(#005cbb, #abc7ff);
  --mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-shape: var(--mat-sys-corner-none);
  --mat-sidenav-container-divider-color: var(--mat-sys-outline-variant);
  --mat-tab-container-height: 32px;
  --mat-tab-label-text-line-height: 32px;
  --mat-button-filled-container-color: var(--button-color);
  --mat-button-filled-label-text-color: var(--button-text-color);
  --mat-button-filled-container-shape: var(--radius-md);
  --mat-button-filled-state-layer-color: var(--button-text-color);
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-table-background-color: var(--mat-sys-background);
  --mat-table-header-container-height: auto;
  --mat-table-footer-container-height: 42px;
  --mat-table-row-item-container-height: auto;
  --mat-table-row-item-outline-color: var(--mat-sys-outline-variant);
  --mat-checkbox-state-layer-size: 24px;
  --mat-radio-state-layer-size: 24px;
  --mat-dialog-container-shape: var(--radius-lg);
  --mat-dialog-container-max-width: 650px;
  --mat-dialog-subhead-color: var(--mat-sys-on-surface);
  --mat-dialog-actions-alignment: end;
  --mat-dialog-content-padding: var(--space-sm) var(--space-xl) var(--space-lg) var(--space-xl);
  --mat-dialog-with-actions-content-padding: var(--space-sm) var(--space-xl) var(--space-md) var(--space-xl);
  --mat-dialog-headline-padding: 0;
  --mat-dialog-actions-padding: var(--space-md) var(--space-lg);
  --mat-form-field-filled-with-label-container-padding-top: 14px;
  --mat-form-field-filled-with-label-container-padding-bottom: 2px;
  --mat-form-field-container-height: 40px;
  --mat-form-field-filled-container-color: var(--mat-sys-surface-container-low);
  --mat-form-field-filled-disabled-container-color: var(--mat-sys-surface-container-low);
  --mat-form-field-filled-container-shape: var(--radius-sm);
  --mat-form-field-filled-active-indicator-height: 0px;
  --mat-form-field-filled-focus-active-indicator-height: 0px;
  --mat-expansion-container-shape: var(--radius-md);
  --mat-paginator-container-text-size: var(--font-size-sm);
  --mat-paginator-container-background-color: var(--mat-sys-surface-container-low);
  --mat-paginator-enabled-icon-color: var(--mat-sys-on-surface-variant);
  --mat-paginator-disabled-icon-color: var(--mat-sys-outline);
}

/* src/stylesheets/styles.scss */
.main-content {
  max-height: calc(100vh - 50px);
}
.main-body {
  flex-grow: 1;
  display: flex;
  justify-items: stretch;
  max-width: 100%;
}
.main-body > section {
  flex-grow: 1;
  display: flex;
  justify-items: stretch;
}
.main-body > section > * {
  display: flex;
  overflow: hidden;
  align-items: stretch;
  flex-grow: 1;
  border-left: 1px solid var(--mat-sys-outline-variant);
  max-width: 100%;
}
.main-body > section > * app-form-section {
  display: flex;
  justify-items: stretch;
  margin: 0;
  max-width: calc(100% - var(--space-md));
  max-height: 100vh;
  overflow: initial;
}
.main-body > section > * app-editor-page-layout {
  display: flex;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.main-body > section > router-outlet {
  display: none;
}
.mat-mdc-tab-body {
  display: flex;
}
.mat-sidenav-content {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}
.mat-sidenav-content.mat-drawer-content {
  display: flex;
}
.mat-sidenav-content .form-section {
  flex-grow: 1;
  max-width: calc(100vw - 20px);
  max-height: 100%;
}
.mat-drawer-container {
  flex-grow: 1;
}
.maintenance-nav h2 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
  margin: 0;
  padding: var(--space-sm) var(--space-md);
  border-bottom: 1px solid var(--mat-sys-outline-variant);
}
.maintenance-nav ul.navigation-items {
  list-style: none;
  margin: 0;
  padding: var(--space-xs) 0;
}
.maintenance-nav ul.navigation-items li a {
  display: flex;
  padding: var(--space-sm) var(--space-md);
  color: var(--mat-sys-on-surface);
  text-decoration: none;
  align-items: center;
  border-radius: var(--radius-sm);
  margin: 0 var(--space-xs);
  transition: background var(--transition-fast);
}
.maintenance-nav ul.navigation-items li a .mat-icon {
  margin-right: var(--space-sm);
  color: var(--mat-sys-primary);
  font-size: 20px;
}
.maintenance-nav ul.navigation-items li a:hover {
  background: var(--mat-sys-surface-variant);
}
.maintenance-nav ul.navigation-items li a.active {
  font-weight: var(--font-weight-medium);
  background: var(--mat-sys-primary-container);
}
.maintenance-nav ul.navigation-items li a.active .mat-icon {
  color: var(--mat-sys-on-primary-container);
}
.maintenance-body {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  column-gap: var(--space-md);
}
.maintenance-body .main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.maintenance-body .main-content > * {
  flex: 1;
}
.maintenance-body .main-content > *.inline-form {
  flex-grow: 0;
}
app-all-vehicles {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
app-all-vehicles .all-vehicles-page {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
  max-width: 100%;
}
app-all-vehicles .maintenance-body {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
  column-gap: 0;
}
app-all-vehicles .maintenance-body .main-content {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
  max-height: none;
  overflow: hidden;
}
app-all-vehicles .detail-header-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
app-all-vehicles .detail-header-actions button-custom,
app-all-vehicles .detail-header-actions button-add,
app-all-vehicles .detail-header-actions button-sort {
  display: inline-flex;
  width: auto;
}
app-all-vehicles .detail-header-actions button-custom button[mat-flat-button],
app-all-vehicles .detail-header-actions button-add button[mat-flat-button],
app-all-vehicles .detail-header-actions button-sort button[mat-flat-button] {
  width: auto !important;
  min-width: 0;
  box-sizing: border-box;
}
app-all-vehicles .view-mode-toggle {
  flex-shrink: 0;
  max-height: 30px;
}
app-all-vehicles .view-mode-toggle .mat-button-toggle {
  font-size: var(--default-text-size);
  max-height: 30px;
  line-height: 30px;
}
app-all-vehicles .view-mode-toggle .mat-button-toggle-label-content {
  line-height: 30px;
  max-height: 30px;
  padding-block: 0;
  box-sizing: border-box;
}
app-all-vehicles .view-mode-toggle .mat-mdc-button-toggle .mdc-button {
  min-height: 30px;
  max-height: 30px;
  line-height: 30px;
  padding-block: 0;
}
div,
section,
fieldset {
  max-width: 100%;
  min-width: unset;
}
form {
  display: flex;
  flex-grow: 1;
}
form mat-form-field {
  width: 100%;
}
.maintenance-control {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
}
.maintenance-control > *:nth-child(1) {
  flex-grow: 1;
}
.mat-mdc-form-field-required-marker {
  color: var(--mat-sys-error);
  font-weight: var(--font-weight-medium);
}
.mat-mdc-tab-header {
  margin-bottom: var(--space-md);
}
.mat-grid-tile-content {
  align-items: flex-start !important;
}
.mat-grid-tile-content > * {
  flex-grow: 1;
}
.mat-mdc-tab-body-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.mat-mdc-tab-group {
  flex-grow: 1;
}
.mat-mdc-tab-body-wrapper {
  flex-grow: 1;
}
.mat-mdc-dialog-actions {
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-lg);
}
.table-wrapper {
  flex: 1 1 0;
  min-height: 0;
  max-height: fit-content;
  overflow-y: auto;
  box-sizing: border-box;
  border-radius: var(--radius-sm);
  border: 1px solid var(--mat-sys-outline-variant);
}
.table-wrapper th:first-child,
.table-wrapper td:first-child {
  border-left: none !important;
}
.table-wrapper th:last-child,
.table-wrapper td:last-child {
  border-right: none !important;
}
.table-wrapper .mat-mdc-row:last-child .mat-mdc-cell {
  border-bottom: none;
}
.table-wrapper table:not(:has(.mat-mdc-row)) .mat-mdc-header-cell {
  border-bottom: none;
}
.dialog-table {
  max-height: 400px;
  overflow-y: auto;
}
table.mat-mdc-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
table.mat-mdc-table.dimensions th:nth-child(1),
table.mat-mdc-table.dimensions td:nth-child(1) {
  left: 0;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
table.mat-mdc-table.dimensions th:nth-child(2),
table.mat-mdc-table.dimensions td:nth-child(2) {
  left: 60px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
table.mat-mdc-table.dimensions th:nth-child(3),
table.mat-mdc-table.dimensions td:nth-child(3) {
  left: 160px;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
table.mat-mdc-table.dimensions th:nth-last-child(1),
table.mat-mdc-table.dimensions td:nth-last-child(1) {
  right: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.specs th:nth-child(1),
table.mat-mdc-table.specs td:nth-child(1) {
  left: 0;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
table.mat-mdc-table.specs th:nth-child(2),
table.mat-mdc-table.specs td:nth-child(2) {
  left: 100px;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
table.mat-mdc-table.specs th:nth-last-child(1),
table.mat-mdc-table.specs td:nth-last-child(1) {
  right: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.exterior-colors th:nth-child(1),
table.mat-mdc-table.exterior-colors td:nth-child(1) {
  left: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.exterior-colors th:nth-child(2),
table.mat-mdc-table.exterior-colors td:nth-child(2) {
  left: 25px;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
table.mat-mdc-table.exterior-colors th:nth-last-child(1),
table.mat-mdc-table.exterior-colors td:nth-last-child(1) {
  right: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.exterior-colors-two-tone th:nth-child(1),
table.mat-mdc-table.exterior-colors-two-tone td:nth-child(1) {
  left: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.exterior-colors-two-tone th:nth-child(2),
table.mat-mdc-table.exterior-colors-two-tone td:nth-child(2) {
  left: 25px;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
table.mat-mdc-table.exterior-colors-two-tone th:nth-child(3),
table.mat-mdc-table.exterior-colors-two-tone td:nth-child(3) {
  left: 175px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
table.mat-mdc-table.exterior-colors-two-tone th:nth-last-child(1),
table.mat-mdc-table.exterior-colors-two-tone td:nth-last-child(1) {
  right: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.engine-axles th:nth-child(1),
table.mat-mdc-table.engine-axles td:nth-child(1) {
  left: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.engine-axles th:nth-child(2),
table.mat-mdc-table.engine-axles td:nth-child(2) {
  left: 25px;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
}
table.mat-mdc-table.engine-axles th:nth-child(3),
table.mat-mdc-table.engine-axles td:nth-child(3) {
  left: 100px;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
}
table.mat-mdc-table.engine-axles th:nth-child(4),
table.mat-mdc-table.engine-axles td:nth-child(4) {
  left: 175px;
  width: 125px;
  min-width: 125px;
  max-width: 125px;
}
table.mat-mdc-table.engine-axles th:nth-last-child(1),
table.mat-mdc-table.engine-axles td:nth-last-child(1) {
  right: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.model-availability th:nth-child(1),
table.mat-mdc-table.model-availability td:nth-child(1) {
  left: 0;
  width: 70px;
  min-width: 70px;
  max-width: 70px;
}
table.mat-mdc-table.model-availability th:nth-child(2),
table.mat-mdc-table.model-availability td:nth-child(2) {
  left: 70px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
table.mat-mdc-table.model-availability th:nth-child(3),
table.mat-mdc-table.model-availability td:nth-child(3) {
  left: 120px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
table.mat-mdc-table.model-availability th:nth-child(4),
table.mat-mdc-table.model-availability td:nth-child(4) {
  left: 170px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
table.mat-mdc-table.trailering th:nth-child(1),
table.mat-mdc-table.trailering td:nth-child(1) {
  left: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.trailering th:nth-child(2),
table.mat-mdc-table.trailering td:nth-child(2) {
  left: 25px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
table.mat-mdc-table.trailering th:nth-last-child(1),
table.mat-mdc-table.trailering td:nth-last-child(1) {
  right: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.division-matrix-table th:nth-last-child(1),
table.mat-mdc-table.division-matrix-table td:nth-last-child(1) {
  right: 0;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
table.mat-mdc-table.table-small {
  --mat-table-row-item-container-height: 20px;
}
table.mat-mdc-table .mdc-data-table__cell {
  margin: 0;
  padding: var(--space-xs) var(--space-sm);
  text-align: center;
}
table.mat-mdc-table .mdc-data-table__header-cell {
  margin: 0;
  padding: 1rem var(--space-md);
  text-align: center;
}
table.mat-mdc-table .mdc-text-field {
  border: none;
}
table.mat-mdc-table .mdc-text-field--no-label {
  border-radius: 0;
  margin: 0;
}
.mat-mdc-header-cell {
  background: var(--mat-sys-primary-container) !important;
  font-weight: var(--font-weight-medium);
  color: var(--mat-sys-on-surface) !important;
  font-size: var(--font-size-sm);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
th.mat-mdc-header-cell.mat-sort-header .mat-sort-header-container {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
th.mat-mdc-header-cell.mat-sort-header .mat-sort-header-content {
  flex: 1 1 auto;
  min-width: 0;
}
th.mat-mdc-header-cell.mat-sort-header .mat-sort-header-arrow {
  flex: 0 0 auto;
  margin: 0 0 0 var(--space-xs);
}
.mat-calendar-table th,
.mat-calendar-table td {
  min-width: 0;
}
th {
  padding: var(--space-sm) var(--space-sm);
  min-width: 100px;
  text-align: center;
  vertical-align: bottom;
  border-right: var(--table-border);
  border-bottom: var(--table-border);
}
th:not(.sticky-col):has(+ th.sticky-col) {
  border-right: none;
}
th.sticky-col {
  position: sticky;
  z-index: 950 !important;
  background: var(--mat-sys-primary-container) !important;
}
th.sticky-col:not(.sticky-col + th.sticky-col):not(:has(~ th:not(.sticky-col))) {
  border-left: var(--table-border);
}
th:first-child {
  border-left: var(--table-border);
}
th.mat-column-top-header {
  z-index: 950 !important;
}
th div {
  white-space: nowrap;
}
th:has(.column-actions) .column-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  cursor: pointer;
  border: var(--table-border);
  border-bottom: none;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  background: var(--mat-sys-surface-container-low);
}
th:has(.column-actions):hover .column-actions {
  display: block;
}
td {
  padding: var(--space-xs) var(--space-sm);
  min-width: 100px;
  text-align: center;
  border: var(--table-border);
  border-top: none;
  border-left: none;
}
td:not(.sticky-col):has(+ td.sticky-col) {
  border-right: none;
}
td.sticky-col {
  position: sticky;
  z-index: 900 !important;
  border-left: none;
}
td.sticky-col:not(.sticky-col + td.sticky-col):not(:has(~ td:not(.sticky-col))) {
  border-left: var(--table-border);
}
td:first-child {
  border-left: var(--table-border);
}
td.row-action {
  padding: 0 !important;
}
td.row-code {
  padding: 0 var(--space-xs) !important;
}
td.bold-desc,
td.desc {
  text-align: left;
}
th.selector,
td.selector {
  width: 20px;
}
tr.selected td.selector::before {
  font-family: "Material Icons";
  content: "\e5cc";
  font-size: 20px;
  line-height: 1;
}
table.mat-mdc-table .mat-mdc-row {
  --cell-background: var(--mat-sys-background);
  transition: background var(--transition-fast);
}
table.mat-mdc-table .mat-mdc-row .mat-mdc-cell {
  background: var(--cell-background);
  transition: background var(--transition-fast);
}
table.mat-mdc-table .mat-mdc-row .clickable {
  cursor: pointer;
}
table.mat-mdc-table .mat-mdc-row .clickable:hover {
  background-color: var(--mat-sys-primary);
  color: white;
}
table.mat-mdc-table .mat-mdc-row:nth-child(even) {
  --cell-background: var(--mat-sys-surface-container-low);
}
table.mat-mdc-table .mat-mdc-row:nth-child(even).active {
  --cell-background: var(--mat-sys-primary-container);
}
table.mat-mdc-table .mat-mdc-row.rowgrouping {
  --cell-background: var(--mat-sys-background);
}
table.mat-mdc-table .mat-mdc-row.altrowgrouping {
  --cell-background: var(--mat-sys-surface-container-low);
}
table.mat-mdc-table .mat-mdc-row.invalid-row {
  --cell-background: var(--mat-sys-error-container);
}
table.mat-mdc-table .mat-mdc-row:hover:not(.active) {
  --cell-background: var(--mat-sys-surface-variant);
}
table.mat-mdc-table .mat-mdc-row.active {
  --cell-background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
table.mat-mdc-table .mat-mdc-row.active .mat-mdc-cell:first-child {
  box-shadow: inset 3px 0 0 var(--mat-sys-primary);
}
table.mat-mdc-table .mat-mdc-row.selected {
  --cell-background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
table.mat-mdc-table .mat-column-edit,
table.mat-mdc-table .mat-column-delete,
table.mat-mdc-table .mat-column-select,
table.mat-mdc-table .mat-column-info,
table.mat-mdc-table .mat-column-where-used {
  width: 28px;
  min-width: 28px;
  max-width: none !important;
  padding: 0 !important;
}
table.mat-mdc-table .mat-column-id {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
table.mat-mdc-table td {
  --form-field-width: 180px;
}
table.mat-mdc-table td.mat-column-edit,
table.mat-mdc-table td.mat-column-delete,
table.mat-mdc-table td.mat-column-select,
table.mat-mdc-table td.mat-column-info,
table.mat-mdc-table td.mat-column-where-used {
  cursor: pointer;
}
table.mat-mdc-table td.mat-column-text,
table.mat-mdc-table td.mat-column-text2,
table.mat-mdc-table td.mat-column-name,
table.mat-mdc-table td.mat-column-color,
table.mat-mdc-table td.mat-column-uppercolor,
table.mat-mdc-table td.mat-column-engineering-name,
table.mat-mdc-table td.mat-column-bold-description,
table.mat-mdc-table td.mat-column-cfd-title,
table.mat-mdc-table td.mat-column-trim,
table.mat-mdc-table td.mat-column-subcategory,
table.mat-mdc-table td.mat-column-description,
table.mat-mdc-table td.mat-column-shortdesc,
table.mat-mdc-table td.mat-column-updates,
table.mat-mdc-table td.mat-column-vehicleName,
table.mat-mdc-table td.mat-column-fileName,
table.mat-mdc-table td.mat-column-seattrim,
table.mat-mdc-table td.mat-column-type,
table.mat-mdc-table td.mat-column-source-text,
table.mat-mdc-table td.mat-column-target-text,
table.mat-mdc-table td.mat-column-buttonName,
table.mat-mdc-table td.mat-column-buttonSection,
table.mat-mdc-table td.mat-column-parentButtonName,
table.mat-mdc-table td.mat-column-regionName,
table.mat-mdc-table td.mat-column-divisionName,
table.mat-mdc-table td.mat-column-regions {
  text-align: left;
}
mat-dialog-container table.mat-mdc-table {
  width: 100%;
}
mat-dialog-container table.mat-mdc-table th,
mat-dialog-container table.mat-mdc-table td {
  min-width: auto;
}
.table-cell-restriction-select {
  display: flex;
  flex-direction: row;
  justify-items: stretch;
  width: var(--table-cell-restriction-width, 80px);
  max-width: var(--table-cell-restriction-width, 80px);
  cursor: pointer;
  border-radius: var(--radius-xs);
  transition: background var(--transition-fast);
}
.table-cell-restriction-select:hover {
  background-color: var(--mat-sys-surface-variant);
}
.table-cell-restriction-select .value-display {
  flex-grow: 1;
  min-width: 0;
  margin: 0 var(--space-xxs) 0 0;
  text-align: center;
  border-bottom: 1px solid var(--mat-sys-on-surface-variant);
}
.maintenance-body .main-content .search-page,
.editor-page__content .search-page,
.dashboard__main .search-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: var(--space-md);
}
.maintenance-body .main-content .search-form,
.editor-page__content .search-form,
.dashboard__main .search-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.maintenance-body .main-content .search-row,
.editor-page__content .search-row,
.dashboard__main .search-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-sm);
}
.maintenance-body .main-content .search-row mat-form-field,
.maintenance-body .main-content .search-row app-text-box,
.maintenance-body .main-content .search-row app-category-select,
.maintenance-body .main-content .search-row app-subcategory-select,
.maintenance-body .main-content .search-row app-language-select,
.maintenance-body .main-content .search-row app-vehicle-name-select,
.maintenance-body .main-content .search-row app-date-picker,
.editor-page__content .search-row mat-form-field,
.editor-page__content .search-row app-text-box,
.editor-page__content .search-row app-category-select,
.editor-page__content .search-row app-subcategory-select,
.editor-page__content .search-row app-language-select,
.editor-page__content .search-row app-vehicle-name-select,
.editor-page__content .search-row app-date-picker,
.dashboard__main .search-row mat-form-field,
.dashboard__main .search-row app-text-box,
.dashboard__main .search-row app-category-select,
.dashboard__main .search-row app-subcategory-select,
.dashboard__main .search-row app-language-select,
.dashboard__main .search-row app-vehicle-name-select,
.dashboard__main .search-row app-date-picker {
  flex: 1 1 140px;
  min-width: 120px;
  max-width: 200px;
}
.maintenance-body .main-content .search-row button-search,
.maintenance-body .main-content .search-row button-reset,
.maintenance-body .main-content .search-row .search-reset,
.editor-page__content .search-row button-search,
.editor-page__content .search-row button-reset,
.editor-page__content .search-row .search-reset,
.dashboard__main .search-row button-search,
.dashboard__main .search-row button-reset,
.dashboard__main .search-row .search-reset {
  flex: 0 0 auto;
  align-self: flex-start;
}
.maintenance-body .main-content .search-form__row,
.editor-page__content .search-form__row,
.dashboard__main .search-form__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-sm);
}
.maintenance-body .main-content .search-form__row mat-form-field,
.maintenance-body .main-content .search-form__row app-text-box,
.maintenance-body .main-content .search-form__row app-category-select,
.maintenance-body .main-content .search-form__row app-subcategory-select,
.maintenance-body .main-content .search-form__row app-language-select,
.maintenance-body .main-content .search-form__row app-vehicle-name-select,
.maintenance-body .main-content .search-form__row app-date-picker,
.editor-page__content .search-form__row mat-form-field,
.editor-page__content .search-form__row app-text-box,
.editor-page__content .search-form__row app-category-select,
.editor-page__content .search-form__row app-subcategory-select,
.editor-page__content .search-form__row app-language-select,
.editor-page__content .search-form__row app-vehicle-name-select,
.editor-page__content .search-form__row app-date-picker,
.dashboard__main .search-form__row mat-form-field,
.dashboard__main .search-form__row app-text-box,
.dashboard__main .search-form__row app-category-select,
.dashboard__main .search-form__row app-subcategory-select,
.dashboard__main .search-form__row app-language-select,
.dashboard__main .search-form__row app-vehicle-name-select,
.dashboard__main .search-form__row app-date-picker {
  flex: 1 1 140px;
  min-width: 120px;
  max-width: 220px;
}
.maintenance-body .main-content .search-form__actions,
.editor-page__content .search-form__actions,
.dashboard__main .search-form__actions {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  margin-left: auto;
  flex-shrink: 0;
}
.maintenance-body .main-content .results-section,
.editor-page__content .results-section,
.dashboard__main .results-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow-y: auto;
  position: relative;
}
.maintenance-body .main-content .results-section mat-paginator,
.editor-page__content .results-section mat-paginator,
.dashboard__main .results-section mat-paginator {
  position: sticky;
  bottom: 0;
  width: 100%;
  z-index: 910;
}
.maintenance-body .main-content .results-section .table-wrapper mat-paginator,
.editor-page__content .results-section .table-wrapper mat-paginator,
.dashboard__main .results-section .table-wrapper mat-paginator {
  border-top: 1px solid var(--mat-sys-outline-variant);
}
.maintenance-body .main-content .results-section table.mat-mdc-table th,
.maintenance-body .main-content .results-section table.mat-mdc-table td,
.editor-page__content .results-section table.mat-mdc-table th,
.editor-page__content .results-section table.mat-mdc-table td,
.dashboard__main .results-section table.mat-mdc-table th,
.dashboard__main .results-section table.mat-mdc-table td {
  min-width: auto;
}
.maintenance-body .main-content .results-section table.mat-mdc-table th.mat-column-updates,
.maintenance-body .main-content .results-section table.mat-mdc-table td.mat-column-updates,
.editor-page__content .results-section table.mat-mdc-table th.mat-column-updates,
.editor-page__content .results-section table.mat-mdc-table td.mat-column-updates,
.dashboard__main .results-section table.mat-mdc-table th.mat-column-updates,
.dashboard__main .results-section table.mat-mdc-table td.mat-column-updates {
  min-width: 400px;
}
.maintenance-body .main-content .no-data,
.editor-page__content .no-data,
.dashboard__main .no-data {
  padding: var(--space-xxl) var(--space-xl);
  text-align: center;
  color: var(--mat-sys-on-surface-variant);
  font-style: italic;
}
.maintenance-body .main-content .no-search-message,
.editor-page__content .no-search-message,
.dashboard__main .no-search-message {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  padding: var(--space-xxl) var(--space-xl);
  text-align: center;
  color: var(--mat-sys-on-surface-variant);
}
.maintenance-body .main-content .no-search-message mat-icon,
.maintenance-body .main-content .no-search-message icon,
.editor-page__content .no-search-message mat-icon,
.editor-page__content .no-search-message icon,
.dashboard__main .no-search-message mat-icon,
.dashboard__main .no-search-message icon {
  font-size: 32px;
  width: 32px;
  height: 32px;
  color: var(--mat-sys-on-surface-variant);
  opacity: 0.5;
}
.maintenance-body .main-content .no-search-message p,
.editor-page__content .no-search-message p,
.dashboard__main .no-search-message p {
  margin: 0;
  font-size: var(--default-text-size);
}
.action-buttons dl.grouped-updates {
  margin: 0;
  overflow-y: auto;
}
.action-buttons dd {
  margin: 0;
}
.action-buttons dt.year-group {
  font-weight: var(--font-weight-semibold);
}
.action-buttons ul.selected-item-list {
  list-style: none;
  padding: 0;
}
.action-buttons ul.selected-item-list li {
  display: flex;
  column-gap: var(--space-xs);
  align-items: center;
}
.action-buttons ul.selected-item-list li icon-delete {
  cursor: pointer;
}
.action-buttons ul.selected-item-list li span {
  flex-basis: auto;
  width: fit-content;
}
.no-padding-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 0;
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  overflow-x: hidden;
  overflow-y: hidden;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: min(94vh, 100dvh - 1rem);
}
.mat-mdc-dialog-container .mdc-dialog__surface > * {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
mat-dialog-content {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  position: relative;
}
mat-dialog-content > form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
mat-dialog-content > form > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
mat-dialog-content .table-wrapper {
  flex: 0 1 auto;
  min-height: min-content;
  max-width: 100%;
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
}
mat-dialog-content .dialog-table {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content {
  flex: 1 1 auto;
  min-height: 0;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content.seat-add-wizard-content {
  flex: 0 1 auto !important;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  max-height: min(85vh, 100dvh - 9rem);
  overflow-x: clip;
  overflow-y: auto;
  box-sizing: border-box;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content.seat-add-wizard-content app-seat-editor {
  display: block;
  min-height: 0;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content.seat-add-wizard-content app-form-section {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  overflow-y: visible !important;
  max-height: none !important;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content.seat-add-wizard-content app-form-section .form-section__body {
  flex: 0 1 auto !important;
  max-height: none !important;
}
.mat-mdc-dialog-container form:has(> mat-dialog-content) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  box-sizing: border-box;
}
.mat-mdc-dialog-container app-dialog-header {
  flex-shrink: 0;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content app-form-section,
.mat-mdc-dialog-container .mat-mdc-dialog-content app-cfd-description-text-section {
  flex: 0 0 auto;
  overflow-y: visible;
  width: 100%;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content app-form-section .form-section__body,
.mat-mdc-dialog-container .mat-mdc-dialog-content app-cfd-description-text-section .form-section__body {
  flex: 0 1 auto;
  width: 100%;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content app-form-section .content {
  width: 100%;
}
.dialog-backdrop--see-through {
  background: rgba(66, 66, 66, 0.075);
}
.dialog-window {
  border-radius: var(--mat-dialog-container-shape, var(--mat-sys-corner-extra-large, 4px));
  box-shadow: var(--mat-sys-level4);
}
.dialog-window .mat-mdc-dialog-container {
  position: relative;
}
.dialog-window--sized .mat-mdc-dialog-container .mdc-dialog__surface {
  height: 100%;
  max-height: 100%;
}
.dialog-window__resize-handle {
  position: absolute;
  z-index: 1;
  touch-action: none;
  --resize-handle-thickness: 6px;
  --resize-handle-corner: 12px;
}
.dialog-window__resize-handle--n,
.dialog-window__resize-handle--s {
  left: 0;
  right: 0;
  height: var(--resize-handle-thickness);
  cursor: ns-resize;
}
.dialog-window__resize-handle--e,
.dialog-window__resize-handle--w {
  top: 0;
  bottom: 0;
  width: var(--resize-handle-thickness);
  cursor: ew-resize;
}
.dialog-window__resize-handle--n {
  top: 0;
}
.dialog-window__resize-handle--s {
  bottom: 0;
}
.dialog-window__resize-handle--e {
  right: 0;
}
.dialog-window__resize-handle--w {
  left: 0;
}
.dialog-window__resize-handle--ne,
.dialog-window__resize-handle--nw,
.dialog-window__resize-handle--se,
.dialog-window__resize-handle--sw {
  width: var(--resize-handle-corner);
  height: var(--resize-handle-corner);
  z-index: 2;
}
.dialog-window__resize-handle--ne {
  top: 0;
  right: 0;
  cursor: nesw-resize;
}
.dialog-window__resize-handle--nw {
  top: 0;
  left: 0;
  cursor: nwse-resize;
}
.dialog-window__resize-handle--se {
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
}
.dialog-window__resize-handle--sw {
  bottom: 0;
  left: 0;
  cursor: nesw-resize;
}
.mdc-dialog__title::before {
  height: auto !important;
}
h2[mat-dialog-title] {
  background: var(--mat-sys-surface-container-low);
  color: var(--mat-sys-on-surface);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-sm) var(--space-md) var(--space-xl);
  margin: 0;
  font-size: 0.9375rem;
  font-weight: var(--font-weight-semibold);
  border-bottom: 1px solid var(--mat-sys-outline-variant);
}
h2[mat-dialog-title] > *:first-child {
  flex: 1;
  min-width: 0;
}
h2[mat-dialog-title] > .toolbar {
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.mat-mdc-dialog-actions {
  flex-shrink: 0;
  border-top: 1px solid var(--mat-sys-outline-variant);
  padding: var(--space-md) var(--space-lg) !important;
  gap: var(--space-sm);
}
.mat-mdc-dialog-actions .mat-mdc-unelevated-button,
.mat-mdc-dialog-actions .mat-mdc-button,
.mat-mdc-dialog-actions .mat-mdc-outlined-button,
.mat-mdc-dialog-actions .mat-tonal-button {
  min-width: 80px;
}
.modal-table {
  --mat-table-header-container-height: auto;
  --mat-table-footer-container-height: auto;
  --mat-table-row-item-container-height: auto;
  --mat-form-field-container-text-line-height: initial;
  --mat-select-trigger-text-line-height: initial;
  --mat-select-arrow-transform: none;
  --mdc-fab-small-container-shape: var(--radius-sm);
  --mdc-fab-small-icon-size: 12px;
}
.modal-table .mdc-fab--mini {
  width: 16px !important;
  height: 16px !important;
}
.modal-table .mdc-fab--mini .mat-icon {
  height: 12px;
  width: 12px;
  font-size: 12px;
  margin-top: 0;
}
.modal-table .mat-mdc-radio-button .mdc-form-field {
  margin: 0 !important;
}
.modal-table td {
  --form-field-width: auto;
}
.modal-table td .mdc-text-field--filled {
  padding: 0 3px !important;
}
.modal-table td .mat-mdc-form-field-infix {
  line-height: initial;
  padding: 0 0 0 !important;
  height: 20px !important;
}
.modal-table td .mat-mdc-form-field-flex {
  height: 20px !important;
}
.modal-table td .mat-mdc-select-arrow-wrapper {
  height: 14px !important;
}
.modal-table td .mat-mdc-form-field-subscript-wrapper {
  margin: 0 !important;
}
.modal-table td .mat-mdc-select {
  margin-top: 3px !important;
}
.modal-table.extended-descriptions-table td mat-form-field.textarea {
  width: 100%;
}
.modal-table.extended-descriptions-table td mat-form-field.textarea .mat-mdc-form-field-infix,
.modal-table.extended-descriptions-table td mat-form-field.textarea .mat-mdc-form-field-flex {
  height: auto !important;
  align-items: stretch;
}
.modal-table.extended-descriptions-table td mat-form-field.textarea textarea {
  line-height: 1.4;
  white-space: pre-wrap;
  overflow-x: hidden;
  resize: none;
}
.modal-table.extended-descriptions-table tr.expanded-desc-row td mat-form-field.textarea textarea {
  resize: vertical;
}
.modal-table.extended-descriptions-table tr:not(.expanded-desc-row) {
  cursor: pointer;
}
.modal-table.extended-descriptions-table .mat-column-tags {
  width: 180px;
  max-width: 180px;
}
.modal-table.extended-descriptions-table .mat-column-description {
  width: auto;
}
.modal-table.extended-descriptions-table td mat-form-field.table-cell {
  width: 100%;
}
.modal-table.extended-descriptions-table td mat-form-field.table-cell .mat-mdc-form-field-infix,
.modal-table.extended-descriptions-table td mat-form-field.table-cell .mat-mdc-form-field-flex {
  height: auto !important;
  min-height: 20px;
  align-items: center;
}
.modal-table.extended-descriptions-table td mat-form-field.table-cell .mat-mdc-select {
  margin-top: 0 !important;
}
.mat-mdc-autocomplete-panel {
  padding: 0 !important;
}
.mat-mdc-option {
  min-height: 30px !important;
}
.mat-mdc-select-panel {
  padding: 0 !important;
}
.fit-content.mat-mdc-select-panel {
  min-width: fit-content;
}
.mat-mdc-optgroup.sticky .mat-mdc-optgroup-label {
  position: sticky;
  z-index: 1;
  top: 0;
  box-shadow: var(--shadow-sm);
  font-weight: var(--font-weight-medium);
  min-height: auto;
  padding: 0;
  background: var(--mat-sys-surface-container);
  flex-grow: 1;
  justify-content: stretch;
}
.mat-mdc-optgroup.sticky .mat-mdc-optgroup-label .viewport {
  background: var(--mat-sys-surface);
}
.mat-mdc-optgroup.sticky .mat-mdc-optgroup-label .mdc-list-item__primary-text {
  flex-grow: 1;
}
.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
  padding: 0 !important;
}
.mat-mdc-optgroup .row {
  display: flex;
  justify-items: stretch;
  flex-grow: 1;
}
.mat-mdc-optgroup .col {
  padding-left: var(--space-xs);
}
.mat-mdc-option .mdc-list-item__primary-text {
  flex-grow: 1;
}
.cf-header-row {
  display: flex;
  align-items: center;
  gap: 2px;
  white-space: nowrap;
  min-width: 0;
}
.mat-sort-header-container.cf-sort-header-container,
.mat-sort-header-container:has(.cf-header-row) {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 2px;
  box-sizing: border-box;
}
.mat-sort-header-container.cf-sort-header-container .cf-header-row,
.mat-sort-header-container:has(.cf-header-row) .cf-header-row {
  flex: 1 1 auto;
  min-width: 0;
}
.mat-sort-header-container.cf-sort-header-container .mat-sort-header-content,
.mat-sort-header-container:has(.cf-header-row) .mat-sort-header-content {
  flex: 1 1 auto;
  min-width: 0;
}
.mat-sort-header-container.cf-sort-header-container .cf-icon-btn,
.mat-sort-header-container:has(.cf-header-row) .cf-icon-btn {
  flex: 0 0 auto;
}
.mat-sort-header-container.cf-sort-header-container .mat-sort-header-arrow,
.mat-sort-header-container:has(.cf-header-row) .mat-sort-header-arrow {
  flex: 0 0 auto;
  height: 9px;
  width: 9px;
  margin: 0;
}
.mat-sort-header-container.cf-sort-header-container .mat-sort-header-arrow svg,
.mat-sort-header-container:has(.cf-header-row) .mat-sort-header-arrow svg {
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
}
.mat-sort-header-container.cf-sort-header-container.mat-sort-header-descending:not(.mat-sort-header-sorted) .mat-sort-header-arrow,
.mat-sort-header-container:has(.cf-header-row).mat-sort-header-descending:not(.mat-sort-header-sorted) .mat-sort-header-arrow {
  transform: none;
}
.mat-sort-header-container.cf-sort-header-container.mat-sort-header-sorted.mat-sort-header-descending .mat-sort-header-arrow,
.mat-sort-header-container:has(.cf-header-row).mat-sort-header-sorted.mat-sort-header-descending .mat-sort-header-arrow {
  transform: rotate(180deg);
}
th.mat-mdc-header-cell.mat-sort-header:has(.cf-header-row) {
  overflow: visible;
}
th.mat-mdc-header-cell.mat-sort-header:has(.cf-header-row) .mat-sort-header-container {
  width: 100%;
}
.cf-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  color: inherit;
  opacity: 0.45;
  transition: opacity 0.15s, background 0.15s;
  flex-shrink: 0;
  line-height: 0;
}
.cf-icon-btn:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.06);
}
.cf-icon-btn .material-symbols-outlined {
  font-size: 14px;
  height: 14px;
  width: 14px;
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  transition: font-variation-settings 0.2s;
}
.cf-icon-btn--active {
  opacity: 1;
  color: var(--mat-sys-primary);
}
.cf-icon-btn--active .material-symbols-outlined {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
app-vehicle-card .vehicle-card--dialog.mat-mdc-card {
  border-radius: 0;
  box-shadow: none !important;
  background: var(--mat-sys-surface);
  max-width: 100%;
  min-width: 0;
  gap: 0;
}
app-vehicle-card .vehicle-card--dialog.mat-mdc-card .mat-mdc-card-header {
  padding-top: var(--space-lg);
  padding-inline: calc(var(--space-lg) + var(--space-md));
  padding-bottom: var(--space-md);
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
app-vehicle-card .vehicle-card--dialog.mat-mdc-card .mat-mdc-card-content {
  padding-block: var(--space-lg);
  padding-inline: calc(var(--space-lg) + var(--space-md));
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
app-vehicle-card .vehicle-card--dialog.mat-mdc-card .mat-mdc-card-title {
  min-width: 0;
  max-width: 100%;
}
app-vehicle-detail-panel .mat-mdc-tab-group {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-width: 100%;
}
app-vehicle-detail-panel .mat-mdc-tab-header {
  flex-shrink: 0;
}
app-vehicle-detail-panel .mat-mdc-tab-body-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
app-vehicle-detail-panel .mat-mdc-tab-body-content {
  overflow: visible;
  max-width: 100%;
  box-sizing: border-box;
}
app-vehicle-detail-panel .meta-accordions {
  --mat-expansion-container-elevation-shadow: none;
}
app-vehicle-detail-panel .meta-accordions .mat-expansion-panel {
  box-shadow: none !important;
  border: none;
  border-radius: 0;
}
app-dashboard .year-accordions {
  --mat-expansion-container-elevation-shadow: none;
  --mat-expansion-container-shape: 0;
}
app-dashboard .year-accordions .mat-expansion-panel {
  box-shadow: none !important;
  border: none;
  border-radius: 0;
}
app-task-sidebar {
}
app-task-sidebar .mat-mdc-form-field {
  flex: 0 0 auto;
}
app-task-sidebar .mat-mdc-tab-group {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
app-task-sidebar .mat-mdc-tab-header {
  flex-shrink: 0;
}
app-task-sidebar .mat-mdc-tab-body-wrapper {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
app-task-sidebar .mat-mdc-tab-body-content {
  overflow-y: auto !important;
  height: 100%;
  box-sizing: border-box;
}
app-task-sidebar .cal-has-due .mat-calendar-body-cell-content {
  border-bottom: 3px solid var(--mat-sys-primary);
}
app-task-sidebar .cal-overdue .mat-calendar-body-cell-content {
  border-bottom-color: var(--mat-sys-error);
}
html {
  color-scheme: light dark;
  height: 100%;
  font-size: var(--default-text-size);
  font-family: Roboto, sans-serif;
}
html.light-mode {
  color-scheme: light;
}
html.dark-mode {
  color-scheme: dark;
}
body {
  height: 100%;
  margin: 0;
  background: var(--mat-sys-background);
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  display: inline-block;
  line-height: 1;
  width: 24px;
  height: 24px;
}
.icon {
  --icon-color: inherit;
}
.icon.icon-cancel,
.icon.icon-delete {
  --icon-color: var(--icon-color-delete);
}
.icon.icon-delete {
  color: var(--icon-color);
}
.icon.icon-save {
  --icon-color: var(--icon-color-save);
}
.icon.icon-report {
  --icon-color: var(--icon-color-restriction-select);
}
.icon.icon-info {
  --icon-color: var(--icon-color-info);
  color: var(--icon-color);
}
.icon.icon-select,
.icon.icon-okay {
  --icon-color: var(--icon-color-select);
  color: var(--icon-color);
}
button.mat-mdc-button-disabled .icon {
  --icon-color: var(--mat-button-filled-disabled-label-text-color);
}
.mdc-button {
  --icon-size: 16px;
  line-height: normal !important;
}
.mdc-button .icon {
  font-size: var(--icon-size);
  height: var(--icon-size) !important;
  width: var(--icon-size);
  line-height: calc(var(--icon-size) + 2px);
  vertical-align: top;
  overflow: hidden;
}
.mat-mdc-unelevated-button {
  transition: filter var(--transition-fast), border-color var(--transition-fast);
}
.mat-mdc-unelevated-button:hover:not(:disabled) {
  filter: brightness(0.95);
}
.mat-mdc-unelevated-button.btn-primary {
  --mat-button-filled-container-color: var(--mat-sys-primary);
  --mat-button-filled-label-text-color: var(--mat-sys-on-primary);
  --mat-button-filled-state-layer-color: var(--mat-sys-on-primary);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary) 12%, transparent);
}
.mat-mdc-unelevated-button.btn-primary:hover:not(:disabled) {
  filter: brightness(1.1);
}
.mat-mdc-unelevated-button.btn-secondary {
  --mat-button-filled-container-color: transparent;
  --mat-button-filled-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-button-filled-state-layer-color: var(--mat-sys-on-surface);
  border: 1px solid var(--mat-sys-outline-variant);
}
.mat-mdc-unelevated-button.btn-secondary:hover:not(:disabled) {
  filter: none;
  background-color: color-mix(in srgb, var(--mat-sys-on-surface) 6%, transparent);
  border-color: var(--mat-sys-outline);
}
.mat-mdc-unelevated-button.btn-danger {
  --mat-button-filled-container-color: var(--mat-sys-error);
  --mat-button-filled-label-text-color: var(--mat-sys-on-error);
  --mat-button-filled-state-layer-color: var(--mat-sys-on-error);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-error) 12%, transparent);
}
.mat-mdc-unelevated-button.btn-danger:hover:not(:disabled) {
  filter: brightness(1.05);
}
.mdc-tab {
  min-width: unset !important;
  padding: 0 var(--space-lg) !important;
}
.mat-mdc-form-field-subscript-wrapper {
  margin-bottom: var(--space-sm);
}
.mat-mdc-form-field {
  flex: 1;
}
.mdc-text-field--filled {
  border-radius: var(--radius-sm) !important;
}
.cdk-drag {
  cursor: grab;
}
.cdk-drag-preview.cfd-edit-dialog__drag-row.cdk-drag {
  cursor: grabbing;
}
.cdk-drop-list-dragging {
  cursor: grabbing;
}
.description-drag-preview {
  background: var(--mat-sys-surface-variant);
  color: var(--mat-sys-on-surface-variant);
  display: block;
  width: 400px;
  padding: 10px;
  margin-left: -400px;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  white-space: pre-wrap;
  max-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.distribution-update-drag-preview {
  background: white;
  display: block;
  width: 300px;
  padding: 10px;
  margin-left: -300px;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.notify-success {
  --mat-snack-bar-container-color: #d4edda;
  --mat-snack-bar-supporting-text-color: #155724;
  --mat-snack-bar-button-color: #155724;
}
.notify-error {
  --mat-snack-bar-container-color: #ffcdd2;
  --mat-snack-bar-supporting-text-color: #b71c1c;
  --mat-snack-bar-button-color: #b71c1c;
}
.notify-warning {
  --mat-snack-bar-container-color: #fff3cd;
  --mat-snack-bar-supporting-text-color: #664d03;
  --mat-snack-bar-button-color: #664d03;
}
.snack-bar ul {
  margin: 0 0 0 var(--space-lg);
  padding: 0;
}
.note {
  color: var(--mat-sys-on-surface-variant);
  font-size: var(--font-size-sm);
}
.note-panel {
  flex-shrink: 0;
  background: var(--mat-sys-tertiary-container);
  border: 1px solid var(--mat-sys-outline-variant);
  border-radius: var(--radius-md);
  padding: var(--space-md);
  height: fit-content;
  font-size: var(--font-size-sm);
}
.note-panel .note-content {
  color: var(--mat-sys-on-tertiary-container);
}
.note-panel .note-content strong {
  display: block;
  margin-bottom: var(--space-sm);
}
.note-panel .note-content .note-section {
  margin-bottom: var(--space-md);
}
.note-panel .note-content .note-section:last-child {
  margin-bottom: 0;
}
.note-panel .note-content .note-section u {
  font-weight: var(--font-weight-semibold);
  text-decoration: underline;
}
.form-section {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.form-errors {
  color: var(--mat-sys-on-error-container);
  background: var(--mat-sys-error-container);
  border: 1px solid var(--mat-sys-on-error-container);
  border-radius: var(--radius-md);
  padding: var(--space-sm) var(--space-lg);
  margin: var(--space-xs) 0;
}
.form-errors::before {
  display: none !important;
}
.form-errors ul {
  margin: 0;
  padding-left: 0;
}
.form-errors li {
  font-size: 0.95em;
  list-style: none;
  margin: 0;
  position: relative;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form-errors li::before {
  content: "\26a0\fe0f";
  margin-right: var(--space-xs);
  padding-bottom: 3px;
  align-self: flex-start;
}
.form-errors-alt {
  color: var(--mat-sys-on-error-container);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-tight);
  margin-top: var(--space-sm);
  padding: var(--space-sm);
  background-color: var(--mat-sys-error-container);
  border-left: 4px solid var(--mat-sys-on-error-container);
  border-radius: var(--radius-sm);
}
.form-errors-alt ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.status-banner {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  margin: var(--space-sm) 0 0;
  padding: var(--space-sm) var(--space-md);
  box-sizing: border-box;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: 1.25;
}
.status-banner--success {
  color: var(--status-on-success-container);
  background: var(--status-success-container);
  border: 1px solid color-mix(in srgb, var(--status-on-success-container) 24%, transparent);
  border-inline-start: 4px solid var(--status-on-success-container);
}
.status-banner--error {
  color: var(--mat-sys-on-error-container);
  background: var(--mat-sys-error-container);
  border: 1px solid color-mix(in srgb, var(--mat-sys-on-error-container) 24%, transparent);
  border-inline-start: 4px solid var(--mat-sys-on-error-container);
}
.status-banner--warning {
  color: #664d03;
  background: #fff3cd;
  border: 1px solid color-mix(in srgb, #664d03 24%, transparent);
  border-inline-start: 4px solid #664d03;
}
.mat-mdc-form-field-infix {
  width: var(--form-field-width, 180px) !important;
  max-width: var(--form-field-max-width, unset);
}
app-text-box mat-form-field.textarea .mdc-text-field {
  padding-block: 0;
  padding-inline-start: 16px;
  padding-inline-end: 0;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content {
  margin-top: 0;
  padding-top: var(--space-lg);
}
.mat-mdc-dialog-container-with-actions .mat-mdc-dialog-content {
  padding: var(--space-lg) var(--space-md) var(--space-sm) !important;
}
.resizable-dialog-panel .mat-mdc-dialog-surface {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}
.dialog-panel--expanded {
  box-sizing: border-box;
  width: 90vw !important;
  max-width: 90vw !important;
  max-height: 96vh !important;
}
.dialog-panel--expanded .mat-mdc-dialog-container,
.dialog-panel--expanded .mat-mdc-dialog-surface {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  max-height: 96vh;
}
.dialog-panel--expanded .mat-mdc-dialog-surface {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dialog-panel--expanded .mat-mdc-dialog-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.dialog-panel--expanded .mat-mdc-dialog-actions {
  flex-shrink: 0;
}
.mdc-button__label {
  display: flex;
  column-gap: var(--space-xs);
  align-items: center;
}
.mdc-fab {
  width: 40px !important;
  height: 40px !important;
}
.appearances-section {
  display: grid;
  grid-template-columns: 140px 120px 120px;
  gap: var(--space-xs);
  align-items: center;
}
.appearances-header {
  display: contents;
}
.appearances-header span {
  font-weight: var(--font-weight-semibold);
  text-align: center;
  margin: var(--space-xxs) 0 0;
  padding: 0 0 var(--space-xxs);
}
.appearances-header span:first-child {
  text-align: left;
}
.appearances-row {
  display: contents;
}
.sidebar-content > section {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
app-form-actions .action-buttons button {
  white-space: nowrap;
}
app-distribution-updates ul {
  margin: 0;
  padding-left: 20px;
}
app-color-and-trim .maintenance-body {
  max-height: calc(100vh - 80px);
}
.app-header__user a {
  display: flex;
  align-items: center;
  gap: 0;
  color: var(--mat-sys-on-primary);
  text-decoration: none;
  cursor: pointer;
}
.app-header__user a span {
  display: none;
}
.app-header__user a img {
  height: 1.75rem;
  width: auto;
  vertical-align: middle;
}
.nav-child a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-sm);
  text-decoration: none;
  color: var(--mat-sys-on-surface);
  padding: var(--space-sm) var(--space-sm);
  font-size: var(--font-size-md);
  border-radius: var(--radius-sm);
}
.nav-child a img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  object-fit: contain;
}
.nav-child a span {
  white-space: nowrap;
  overflow: hidden;
  transition: opacity 200ms ease, width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.nav-child.active a {
  color: var(--mat-sys-on-primary-container);
  font-weight: var(--font-weight-medium);
}
.main-nav.collapsed .nav-child a {
  justify-content: center;
  padding: var(--space-sm) 0;
}
.main-nav.collapsed .nav-child a span {
  opacity: 0;
  width: 0;
  min-width: 0;
  overflow: hidden;
}
app-available-colors form {
  display: flex;
  flex-direction: column;
}
app-available-colors form app-form-actions .action-buttons {
  flex-direction: row;
  column-gap: 5px;
  justify-content: flex-end;
}
app-trailering-header-editor-dialog table th,
app-trailering-header-editor-dialog table td {
  max-width: 82px;
  min-width: unset;
}
app-footnotes-editor-dialog .mdc-tab {
  padding: 0 5px;
  min-width: unset;
}
app-base-button button[mat-icon-button] .mat-icon {
  height: var(--icon-size);
  width: var(--icon-size);
  font-size: var(--icon-size);
}
app-date-picker mat-form-field.table-cell {
  max-width: unset;
  min-width: unset;
  width: 100%;
}
app-date-picker mat-form-field.table-cell .mdc-text-field--no-label {
  margin-top: 0;
}
app-date-picker mat-form-field.table-cell .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
app-text-box .mat-mdc-form-field-icon-suffix,
app-vehicle-search-picker-panel .mat-mdc-form-field-icon-suffix {
  align-self: center;
}
app-text-box mat-form-field.table-cell,
app-vehicle-search-picker-panel mat-form-field.table-cell {
  max-width: unset;
  min-width: unset;
  width: 100%;
}
app-text-box mat-form-field.table-cell .mdc-text-field--no-label,
app-vehicle-search-picker-panel mat-form-field.table-cell .mdc-text-field--no-label {
  margin-top: 0;
}
app-text-box .text-box__clear.mat-mdc-icon-button,
app-vehicle-search-picker-panel .text-box__clear.mat-mdc-icon-button {
  width: 15px;
  height: 15px;
  padding: 0;
  margin-right: -2px;
  --mat-mdc-icon-button-state-layer-size: 15px;
  --mat-mdc-icon-button-state-layer-color: transparent;
  --mat-mdc-icon-button-ripple-color: transparent;
  display: flex;
}
app-text-box .text-box__clear.mat-mdc-icon-button .mat-mdc-button-touch-target,
app-vehicle-search-picker-panel .text-box__clear.mat-mdc-icon-button .mat-mdc-button-touch-target {
  width: 24px;
  height: 24px;
}
app-text-box .text-box__clear.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before,
app-vehicle-search-picker-panel .text-box__clear.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
  opacity: 0;
}
app-text-box .text-box__clear.mat-mdc-icon-button:hover,
app-text-box .text-box__clear.mat-mdc-icon-button:focus-visible,
app-vehicle-search-picker-panel .text-box__clear.mat-mdc-icon-button:hover,
app-vehicle-search-picker-panel .text-box__clear.mat-mdc-icon-button:focus-visible {
  background-color: transparent;
}
app-text-box .text-box__clear .mat-icon,
app-vehicle-search-picker-panel .text-box__clear .mat-icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
  line-height: 12px;
}
app-restriction-select-dialog .mat-mdc-form-field {
  width: 100%;
}
app-cell-editor .converted-value-field .mdc-text-field--disabled .mdc-text-field__input {
  font-style: italic;
}
app-uploads-page .view-toggle .mat-mdc-button-toggle {
  min-width: 40px;
  padding: 0 10px;
}
app-uploads-page .view-toggle .mat-mdc-button-toggle-label-content {
  padding: 6px 0;
  line-height: 1;
}
app-availability-bulk-edit-bar,
app-cfd-bulk-status-bar,
app-option-codes-bulk-tags-bar {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
}
.bulk-edit-bar__apply-btn.mat-mdc-unelevated-button:not(:disabled) {
  flex-shrink: 0;
  --mat-button-filled-container-color: var(--mat-sys-primary);
  --mat-button-filled-label-text-color: var(--mat-sys-on-primary);
  --mat-button-filled-state-layer-color: var(--mat-sys-on-primary);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary) 12%, transparent);
}
.bulk-edit-bar__apply-btn.mat-mdc-unelevated-button:not(:disabled):hover {
  filter: brightness(1.1);
}
app-availability-bulk-edit-bar .availability-bulk-edit-bar__availability-field .mat-mdc-form-field {
  margin-bottom: 0;
}
app-availability-bulk-edit-bar .availability-bulk-edit-bar__restriction-field .mdc-fab--mini {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0;
}
app-availability-bulk-edit-bar .availability-bulk-edit-bar__restriction-field .mdc-fab--mini .mat-icon {
  height: 12px;
  width: 12px;
  font-size: 12px;
  margin-top: 0;
}
.cfd-rich-text-editor__lookup-footnote-tooltip .mdc-tooltip__surface {
  max-width: min(40rem, 90vw);
  max-height: min(70vh, 28rem);
  overflow-y: auto;
  white-space: pre-line;
  overflow-wrap: anywhere;
  line-height: 1.4;
  font-size: 0.8125rem;
  text-align: left;
}
.tag-obsolete *:not(.icon) {
  color: var(--mat-sys-outline) !important;
  font-style: italic;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */