@charset "UTF-8";html{color-scheme:light;--mat-sys-background: #f7faf9;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #eff1f0;--mat-sys-inverse-primary: #00dddd;--mat-sys-inverse-surface: #2d3131;--mat-sys-on-background: #191c1c;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #004f4f;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #324b4b;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #191c1c;--mat-sys-on-surface-variant: #3f4948;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #723600;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #6f7979;--mat-sys-outline-variant: #bec9c8;--mat-sys-primary: #006a6a;--mat-sys-primary-container: #00fbfb;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #4a6363;--mat-sys-secondary-container: #cce8e7;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #f7faf9;--mat-sys-surface-bright: #f7faf9;--mat-sys-surface-container: #ebefed;--mat-sys-surface-container-high: #e6e9e7;--mat-sys-surface-container-highest: #e0e3e2;--mat-sys-surface-container-low: #f1f4f3;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #d7dbd9;--mat-sys-surface-tint: #006a6a;--mat-sys-surface-variant: #dae5e4;--mat-sys-tertiary: #964900;--mat-sys-tertiary-container: #ffdcc7;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-large-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-medium-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-small-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-display-large-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-display-medium-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-display-small-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-headline-large-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-headline-medium-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-headline-small-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 .875rem / 1.25rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-large-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-medium-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-small-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-title-large-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-title-medium-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-title-small-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--app-bg: #f4f7f8;--app-surface: #ffffff;--app-ink: #10262b;--app-ink-dim: #5a7278;--app-primary: #006874;--app-primary-dark: #003f47;--app-toolbar: #006874;--app-toolbar-ink: #ffffff;--app-accent: #b4590e;--app-line: #dbe4e6;--app-shadow: 0 4px 20px rgba(0, 70, 80, .08);--app-error-bg: #fdecea;--app-error-ink: #b71c1c;--app-muted-surface: #f7f7f7;--app-badge-ok-bg: #e8f5e9;--app-badge-ok-ink: #1b5e20;--app-badge-info-bg: #e3f2fd;--app-badge-info-ink: #0d47a1;--app-badge-off-bg: #f5f5f5;--app-badge-off-ink: #616161;--app-success-bg: #e8f5e9;--app-success-ink: #1b5e20;--app-warn-bg: #fff3e0;--app-warn-ink: #e65100;--app-badge-pending-bg: #ffecb3;--app-badge-pending-ink: #e65100}html[data-theme=dark]{color-scheme:dark;--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-large-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-medium-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-small-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-display-large-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-display-medium-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-display-small-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-headline-large-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-headline-medium-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-headline-small-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 .875rem / 1.25rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-large-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-medium-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-small-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-title-large-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--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 Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-title-medium-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-title-small-font: Cairo, "Segoe UI", Tahoma, Roboto, "Helvetica Neue", sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--app-bg: #0b0f10;--app-surface: #171d1f;--app-ink: #f4f7f8;--app-ink-dim: #c9d4d7;--app-primary: #5ec8d4;--app-primary-dark: #003f47;--app-toolbar: #0c2f34;--app-toolbar-ink: #f2fafb;--app-accent: #ffb74d;--app-line: #445255;--app-shadow: 0 4px 24px rgba(0, 0, 0, .55);--app-error-bg: #4a1c1c;--app-error-ink: #ffb4a8;--app-muted-surface: #222a2c;--app-badge-ok-bg: color-mix(in srgb, #66bb6a 28%, #171d1f);--app-badge-ok-ink: #c8e6c9;--app-badge-info-bg: color-mix(in srgb, #64b5f6 28%, #171d1f);--app-badge-info-ink: #bbdefb;--app-badge-off-bg: #2a3336;--app-badge-off-ink: #c5d0d3;--app-success-bg: color-mix(in srgb, #66bb6a 28%, #171d1f);--app-success-ink: #c8e6c9;--app-warn-bg: color-mix(in srgb, #ffb74d 24%, #171d1f);--app-warn-ink: #ffe0b2;--app-badge-pending-bg: color-mix(in srgb, #ffb74d 36%, #171d1f);--app-badge-pending-ink: #ffe0b2;--mat-sys-surface: var(--app-surface);--mat-sys-surface-container: var(--app-surface);--mat-sys-surface-container-low: var(--app-bg);--mat-sys-surface-container-high: var(--app-muted-surface);--mat-sys-surface-container-highest: var(--app-muted-surface);--mat-sys-on-surface: var(--app-ink);--mat-sys-on-surface-variant: var(--app-ink-dim);--mat-sys-outline: var(--app-line);--mat-sys-outline-variant: var(--app-line);--mat-sys-primary: var(--app-primary);--mat-sys-on-primary: #00363d;--mat-sys-secondary: var(--app-ink-dim);--mat-sys-on-secondary: #00363d}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--app-bg);color:var(--app-ink);font-family:Cairo,Segoe UI,Tahoma,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Cairo,Segoe UI,Tahoma,Roboto,Helvetica Neue,sans-serif;font-weight:700;letter-spacing:-.01em;color:var(--app-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00687440;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#00687466}.mat-mdc-card{border-radius:16px!important;box-shadow:var(--app-shadow)!important;background:var(--app-surface)!important;color:var(--app-ink)}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#5ec8d447}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#5ec8d473}html[data-theme=dark] .mat-mdc-dialog-container .mdc-dialog__surface{background:var(--app-surface)!important;color:var(--app-ink)!important}html[data-theme=dark] .mat-mdc-form-field,html[data-theme=dark] .mat-mdc-form-field .mdc-floating-label,html[data-theme=dark] .mat-mdc-form-field .mat-mdc-form-field-infix,html[data-theme=dark] .mat-mdc-input-element,html[data-theme=dark] .mat-mdc-form-field .mat-mdc-select-value,html[data-theme=dark] textarea.mat-mdc-input-element{color:var(--app-ink)!important}html[data-theme=dark] .mat-mdc-form-field .mdc-floating-label--float-above,html[data-theme=dark] .mat-mdc-form-field .mdc-floating-label{color:var(--app-ink-dim)!important}html[data-theme=dark] .mdc-notched-outline__leading,html[data-theme=dark] .mdc-notched-outline__notch,html[data-theme=dark] .mdc-notched-outline__trailing{border-color:var(--app-line)!important}html[data-theme=dark] .mat-mdc-form-field:hover .mdc-notched-outline__leading,html[data-theme=dark] .mat-mdc-form-field:hover .mdc-notched-outline__notch,html[data-theme=dark] .mat-mdc-form-field:hover .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--app-ink) 45%,var(--app-line))!important}html[data-theme=dark] .error-banner{background:var(--app-error-bg);color:var(--app-error-ink)}html[data-theme=dark] .mat-mdc-card{background:var(--app-surface)!important;color:var(--app-ink)!important}html[data-theme=dark] code{background:var(--app-muted-surface)!important;color:var(--app-ink)!important}html[data-theme=dark] .empty-state,html[data-theme=dark] .hint,html[data-theme=dark] .field-hint,html[data-theme=dark] .settle-hint,html[data-theme=dark] .page-info,html[data-theme=dark] .summary-label,html[data-theme=dark] .detail-label,html[data-theme=dark] .row-card-label,html[data-theme=dark] .kpi-label,html[data-theme=dark] .subtitle,html[data-theme=dark] .loading-state,html[data-theme=dark] .notification-message,html[data-theme=dark] .item-qty,html[data-theme=dark] .meta,html[data-theme=dark] .muted,html[data-theme=dark] .secondary-text{color:var(--app-ink-dim)!important}html[data-theme=dark] .summary-value,html[data-theme=dark] .kpi-value,html[data-theme=dark] .row-card-line,html[data-theme=dark] .detail-wrapper,html[data-theme=dark] .detail-grid{color:var(--app-ink)}html[data-theme=dark] .badge,html[data-theme=dark] .badge.inactive{background:var(--app-badge-off-bg)!important;color:var(--app-badge-off-ink)!important}html[data-theme=dark] .badge.default-badge,html[data-theme=dark] .badge.main,html[data-theme=dark] .badge.info,html[data-theme=dark] .badge.Sent,html[data-theme=dark] .badge.Normal{background:var(--app-badge-info-bg)!important;color:var(--app-badge-info-ink)!important}html[data-theme=dark] .badge.Received,html[data-theme=dark] .badge.low-stock:not(.expired),html[data-theme=dark] .badge.active{background:var(--app-badge-ok-bg)!important;color:var(--app-badge-ok-ink)!important}html[data-theme=dark] .badge.PartiallyReceived,html[data-theme=dark] .badge.High,html[data-theme=dark] .badge.warn{background:var(--app-warn-bg)!important;color:var(--app-warn-ink)!important}html[data-theme=dark] .badge.PendingApproval{background:var(--app-badge-pending-bg)!important;color:var(--app-badge-pending-ink)!important}html[data-theme=dark] .badge.Cancelled,html[data-theme=dark] .badge.Draft,html[data-theme=dark] .badge.Low{background:var(--app-badge-off-bg)!important;color:var(--app-badge-off-ink)!important}html[data-theme=dark] .badge.Urgent,html[data-theme=dark] .badge.expired,html[data-theme=dark] .badge.Rejected{background:var(--app-error-bg)!important;color:var(--app-error-ink)!important}html[data-theme=dark] .priority-badge,html[data-theme=dark] .priority-badge.Low{background:var(--app-badge-off-bg)!important;color:var(--app-badge-off-ink)!important}html[data-theme=dark] .priority-badge.Normal{background:var(--app-badge-info-bg)!important;color:var(--app-badge-info-ink)!important}html[data-theme=dark] .priority-badge.High{background:var(--app-warn-bg)!important;color:var(--app-warn-ink)!important}html[data-theme=dark] .priority-badge.Urgent{background:var(--app-error-bg)!important;color:var(--app-error-ink)!important}html[data-theme=dark] .column-resize-handle:hover,html[data-theme=dark] .column-resize-handle:active{background:color-mix(in srgb,var(--app-primary) 45%,transparent)}html[data-theme=dark] .vt-header-row,html[data-theme=dark] .vt-row,html[data-theme=dark] .vt-cell,html[data-theme=dark] .vt-sticky-cell,html[data-theme=dark] table,html[data-theme=dark] .mat-mdc-cell,html[data-theme=dark] .mat-mdc-header-cell,html[data-theme=dark] .mat-mdc-row{color:var(--app-ink)!important;background-color:var(--app-surface)}html[data-theme=dark] .vt-header-row{border-bottom-color:var(--app-line)}html[data-theme=dark] .vt-row:hover,html[data-theme=dark] .vt-row:hover .vt-cell,html[data-theme=dark] .vt-row:hover .vt-sticky-cell{background:var(--app-muted-surface)!important}html[data-theme=dark] .mat-mdc-button:not(.mat-mdc-outlined-button):not(.mat-mdc-unelevated-button):not(.mat-mdc-raised-button):not(.mat-primary):not(.mat-accent):not(.mat-warn),html[data-theme=dark] .mat-mdc-button .mdc-button__label,html[data-theme=dark] .barcode-link,html[data-theme=dark] .barcode-link .mdc-button__label{color:var(--app-ink)!important}html[data-theme=dark] .mat-mdc-outlined-button{color:var(--app-ink)!important;--mdc-outlined-button-label-text-color: var(--app-ink);--mdc-outlined-button-outline-color: var(--app-line)}html[data-theme=dark] .mat-mdc-stroked-button{color:var(--app-ink)!important;border-color:var(--app-line)!important}html[data-theme=dark] .mat-mdc-icon-button{color:var(--app-ink)!important}html[data-theme=dark] .shell-toolbar .mat-mdc-icon-button{color:var(--app-toolbar-ink)!important}html[data-theme=dark] .mat-mdc-tab .mdc-tab__text-label{color:var(--app-ink-dim)!important}html[data-theme=dark] .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--app-ink)!important}html[data-theme=dark] th.mat-mdc-header-cell,html[data-theme=dark] .mat-mdc-menu-panel,html[data-theme=dark] .mat-mdc-select-panel,html[data-theme=dark] .mat-mdc-autocomplete-panel{background:var(--app-surface)!important;color:var(--app-ink)!important}html[data-theme=dark] .mat-mdc-menu-panel .mat-mdc-menu-item,html[data-theme=dark] .mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text,html[data-theme=dark] .mat-mdc-menu-panel .mat-mdc-option,html[data-theme=dark] .mat-mdc-select-panel .mat-mdc-menu-item,html[data-theme=dark] .mat-mdc-select-panel .mat-mdc-menu-item .mat-mdc-menu-item-text,html[data-theme=dark] .mat-mdc-select-panel .mat-mdc-option,html[data-theme=dark] .mat-mdc-autocomplete-panel .mat-mdc-menu-item,html[data-theme=dark] .mat-mdc-autocomplete-panel .mat-mdc-menu-item .mat-mdc-menu-item-text,html[data-theme=dark] .mat-mdc-autocomplete-panel .mat-mdc-option{color:var(--app-ink)!important}html[data-theme=dark] .mat-mdc-menu-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled),html[data-theme=dark] .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled),html[data-theme=dark] .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled){background:var(--app-muted-surface)!important}html[data-theme=dark] .mat-mdc-select-value,html[data-theme=dark] .mat-mdc-select-arrow,html[data-theme=dark] .mat-mdc-option,html[data-theme=dark] .mat-mdc-checkbox .mdc-form-field,html[data-theme=dark] .mat-mdc-slide-toggle .mdc-form-field,html[data-theme=dark] .mat-mdc-radio-button .mdc-form-field,html[data-theme=dark] .mat-mdc-list-item,html[data-theme=dark] .mat-mdc-list-item .mdc-list-item__primary-text{color:var(--app-ink)!important}html[data-theme=dark] .mat-mdc-snack-bar-container{--mdc-snackbar-container-color: var(--app-muted-surface);--mdc-snackbar-supporting-text-color: var(--app-ink)}html[data-theme=dark] .mat-mdc-paginator,html[data-theme=dark] .mat-mdc-paginator-container,html[data-theme=dark] .mat-mdc-paginator-range-label{color:var(--app-ink-dim)!important}html[data-theme=dark] .list-pager .pager-meta{color:var(--app-ink-dim)}html[data-theme=dark] .list-pager .pager-count{color:var(--app-ink)}html[data-theme=dark] .detail-wrapper,html[data-theme=dark] .expanded-detail,html[data-theme=dark] .lines-panel,html[data-theme=dark] .nested-panel,html[data-theme=dark] .controls-card,html[data-theme=dark] .filter-panel,html[data-theme=dark] .filters-card{background:var(--app-muted-surface);color:var(--app-ink);border-color:var(--app-line)}html[data-theme=dark] .success-banner{background:var(--app-success-bg)!important;color:var(--app-success-ink)!important}html[data-theme=dark] .error-banner{background:var(--app-error-bg)!important;color:var(--app-error-ink)!important}html[data-theme=dark] .mat-button-toggle-group{background:var(--app-bg)!important;border-color:var(--app-line)!important}html[data-theme=dark] .mat-button-toggle{background:transparent!important;color:var(--app-ink)!important}html[data-theme=dark] .mat-button-toggle .mat-button-toggle-label-content{color:inherit!important}html[data-theme=dark] .mat-button-toggle-checked{background:color-mix(in srgb,var(--app-primary) 28%,var(--app-surface))!important;color:var(--app-ink)!important}html[data-theme=dark] .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:36px}html[data-theme=dark] .mat-mdc-progress-spinner circle,html[data-theme=dark] .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:var(--app-primary)!important}.page-header h1{color:var(--app-ink)}.mat-mdc-tab-header{background:var(--app-surface);color:var(--app-ink)}.mat-mdc-tab .mdc-tab__text-label{color:var(--app-ink-dim)}.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--app-ink)}.warn-item,.warn-item .mat-icon{color:#c62828}th.mat-mdc-header-cell{position:sticky;top:0;z-index:1;background:var(--app-surface)}.print-label{display:none}@media print{body *{visibility:hidden}.print-label,.print-label *{visibility:visible}.print-label{display:flex!important;position:fixed;inset-block-start:0;inset-inline-start:0;width:60mm;flex-direction:column;align-items:center;gap:2mm;padding:4mm;font-family:Roboto,Cairo,sans-serif}.print-label-name{font-size:11pt;font-weight:700;text-align:center}.print-label img{width:50mm}.print-label-sku{font-size:9pt;letter-spacing:.05em}body.printing-invoice *{visibility:hidden!important}body.printing-invoice .print-sheet,body.printing-invoice .print-sheet *{visibility:visible!important}body.printing-invoice .print-sheet{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;min-width:0;padding:0;background:#fff}body.printing-invoice .no-print{display:none!important}body.printing-invoice .print-only{display:inline!important}body.printing-invoice .print-label{display:none!important}@page{size:62mm auto;margin:2mm}}.bill-status-chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1.4}.bill-status-chip[data-status=Pending]{background:color-mix(in srgb,#f59e0b 22%,transparent);color:#b45309}.bill-status-chip[data-status=PartiallyPaid]{background:color-mix(in srgb,#2563eb 18%,transparent);color:#1d4ed8}.bill-status-chip[data-status=Paid]{background:var(--app-success-bg);color:var(--app-success-ink)}.bill-status-chip[data-status=Cancelled]{background:color-mix(in srgb,var(--app-ink-dim) 18%,transparent);color:var(--app-ink-dim)}@media(max-width:768px){.filter-row,.field-row,.header-row,.page-header{flex-direction:column;align-items:stretch}.page-header{align-items:flex-start}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.vt-wrapper{overflow-x:auto;overflow-y:hidden;width:100%}.vt-header-row,.vt-row{display:grid;align-items:center;width:max-content;min-width:100%;box-sizing:border-box}.vt-header-row{background:var(--app-surface);color:var(--app-ink);font-weight:500;font-size:.875rem;border-bottom:2px solid var(--app-line);padding-inline-end:12px}.vt-row{background:var(--app-surface);color:var(--app-ink);border-bottom:1px solid var(--app-line)}.vt-row:hover{background:color-mix(in srgb,var(--app-primary) 8%,var(--app-surface))}.vt-cell{padding:8px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;color:var(--app-ink)}.vt-sticky-cell{background:var(--app-surface);font-weight:600;z-index:1}.vt-viewport.cdk-virtual-scroll-viewport,cdk-virtual-scroll-viewport.vt-viewport{height:560px;width:max-content;min-width:100%;overflow-x:hidden!important;overflow-y:scroll!important}.vt-viewport .cdk-virtual-scroll-content-wrapper{max-width:none}.vt-body{max-height:560px;overflow-x:hidden;overflow-y:auto;width:max-content;min-width:100%;scrollbar-gutter:stable}.vt-actions-col{width:56px;min-width:56px;justify-self:center}.lines-table input,.lines-table select,.lines-table textarea{border:1px solid var(--app-line);border-radius:4px;padding:4px 6px;font:inherit;font-size:.85rem;color:var(--app-ink);background:var(--app-surface)}.lines-table input:focus,.lines-table select:focus,.lines-table textarea:focus{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 2px #00687426}.lines-table input::-webkit-calendar-picker-indicator,.lines-table select::-webkit-calendar-picker-indicator,.lines-table textarea::-webkit-calendar-picker-indicator{cursor:pointer}.lines-table input[type=number]{-moz-appearance:textfield}.column-resize-handle{position:absolute;top:0;inset-inline-end:0;width:6px;height:100%;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:2}.column-resize-handle:hover,.column-resize-handle:active{background:color-mix(in srgb,var(--app-primary) 35%,transparent)}.sticky-first-col th:first-child,.sticky-first-col td:first-child{position:sticky;inset-inline-start:0;z-index:3;background:var(--app-surface)}.sticky-first-col th:first-child{z-index:4}.sticky-first-two-cols th:nth-child(-n+2),.sticky-first-two-cols td:nth-child(-n+2){position:sticky;z-index:3;background:var(--app-surface)}.sticky-first-two-cols th:first-child,.sticky-first-two-cols td:first-child{inset-inline-start:0}.sticky-first-two-cols th:nth-child(2),.sticky-first-two-cols td:nth-child(2){inset-inline-start:48px}.sticky-first-two-cols th:nth-child(-n+2){z-index:4}.card-list{display:flex;flex-direction:column;gap:10px;padding:8px 12px 16px}.row-card{padding:12px 14px!important;cursor:pointer}.row-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.row-card-body{display:flex;flex-direction:column;gap:4px}.row-card-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem}.row-card-line .row-card-label{color:var(--app-ink-dim);font-size:.75rem}html[data-theme=dark] .receiving-workspace-dialog .mat-mdc-dialog-surface,html[data-theme=dark] .receiving-workspace-dialog .mdc-dialog__surface{background:var(--app-muted-surface)!important}.receiving-workspace-dialog .mat-mdc-dialog-surface,.receiving-workspace-dialog .mdc-dialog__surface{padding:0;overflow:hidden;background:var(--app-muted-surface)!important;--mdc-dialog-container-color: var(--app-muted-surface);--mat-dialog-container-color: var(--app-muted-surface)}.receiving-workspace-dialog .mat-mdc-form-field.mat-form-field-appearance-outline .mdc-floating-label{padding-inline:4px}.receiving-workspace-dialog .mat-mdc-form-field.mat-form-field-appearance-outline .mdc-floating-label--float-above,.receiving-workspace-dialog .mat-mdc-form-field.mat-form-field-appearance-outline .mdc-floating-label,.receiving-workspace-dialog .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,.receiving-workspace-dialog .mat-mdc-form-field.mat-form-field-appearance-outline .mdc-text-field--outlined{background-color:var(--app-muted-surface)!important}.receiving-workspace-dialog .mat-mdc-form-field.mat-form-field-appearance-outline .mdc-notched-outline--notched .mdc-notched-outline__notch{border-top:none;padding-inline-end:8px}.receiving-workspace-dialog .mat-button-toggle-group{background:var(--app-muted-surface);border-color:var(--app-line)}.receiving-workspace-dialog .mat-button-toggle{background:var(--app-muted-surface);color:var(--app-ink)}.receiving-workspace-dialog .mat-button-toggle-checked{background:color-mix(in srgb,var(--app-primary) 18%,var(--app-muted-surface));color:var(--app-ink)}.toast-success{--mdc-snackbar-container-color: var(--app-success-ink);--mdc-snackbar-supporting-text-color: #ffffff}.toast-error{--mdc-snackbar-container-color: var(--app-error-ink);--mdc-snackbar-supporting-text-color: #ffffff}.toast-info{--mdc-snackbar-container-color: #37474f;--mdc-snackbar-supporting-text-color: #ffffff}.toast-warning{--mdc-snackbar-container-color: #ef6c00;--mdc-snackbar-supporting-text-color: #ffffff}.notif-panel-backdrop{background:transparent}.notif-alert-toast{--mdc-snackbar-container-color: transparent;--mdc-snackbar-supporting-text-color: var(--app-ink);background:transparent!important;box-shadow:none!important;border-radius:0!important;max-width:none!important}.notif-alert-toast .mdc-snackbar__surface{padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.notif-alert-toast .mat-mdc-snack-bar-label{padding:0!important}.notif-alert-toast--danger,.notif-alert-toast--warning,.notif-alert-toast--pending,.notif-alert-toast--success,.notif-alert-toast--info,.notif-alert-toast--neutral{--mdc-snackbar-container-color: transparent}.notifications-menu-panel .notification-menu-item{border-inline-start:3px solid transparent;min-height:auto!important;height:auto!important;line-height:inherit!important}.notification-row.tone-danger,.notif-row.tone-danger,.notifications-menu-panel .notification-menu-item.tone-danger{border-inline-start-color:#c62828}.notification-row.tone-warning,.notif-row.tone-warning,.notifications-menu-panel .notification-menu-item.tone-warning{border-inline-start-color:#ef6c00}.notification-row.tone-pending,.notif-row.tone-pending,.notifications-menu-panel .notification-menu-item.tone-pending{border-inline-start-color:#f9a825}.notification-row.tone-success,.notif-row.tone-success,.notifications-menu-panel .notification-menu-item.tone-success{border-inline-start-color:var(--app-success-ink)}.notification-row.tone-info,.notif-row.tone-info,.notifications-menu-panel .notification-menu-item.tone-info{border-inline-start-color:#1565c0}.notification-row.tone-neutral,.notif-row.tone-neutral,.notifications-menu-panel .notification-menu-item.tone-neutral{border-inline-start-color:#546e7a}mat-icon.notification-status-icon.tone-danger,.notification-row.tone-danger .type-chip,.notif-row.tone-danger .type-chip,.notifications-menu-panel .tone-danger .type-chip{color:#c62828!important}.notification-row.tone-danger .type-chip,.notif-row.tone-danger .type-chip,.notifications-menu-panel .tone-danger .type-chip{background:#c628281f}mat-icon.notification-status-icon.tone-warning,.notification-row.tone-warning .type-chip,.notif-row.tone-warning .type-chip,.notifications-menu-panel .tone-warning .type-chip{color:var(--app-warn-ink)!important}.notification-row.tone-warning .type-chip,.notif-row.tone-warning .type-chip,.notifications-menu-panel .tone-warning .type-chip{background:#ef6c0024}mat-icon.notification-status-icon.tone-pending,.notification-row.tone-pending .type-chip,.notif-row.tone-pending .type-chip,.notifications-menu-panel .tone-pending .type-chip{color:#f57f17!important}.notification-row.tone-pending .type-chip,.notif-row.tone-pending .type-chip,.notifications-menu-panel .tone-pending .type-chip{background:#f9a8252e}mat-icon.notification-status-icon.tone-success,.notification-row.tone-success .type-chip,.notif-row.tone-success .type-chip,.notifications-menu-panel .tone-success .type-chip{color:var(--app-success-ink)!important}.notification-row.tone-success .type-chip,.notif-row.tone-success .type-chip,.notifications-menu-panel .tone-success .type-chip{background:#2e7d321f}mat-icon.notification-status-icon.tone-info,.notification-row.tone-info .type-chip,.notif-row.tone-info .type-chip,.notifications-menu-panel .tone-info .type-chip{color:#1565c0!important}.notification-row.tone-info .type-chip,.notif-row.tone-info .type-chip,.notifications-menu-panel .tone-info .type-chip{background:#1565c01f}mat-icon.notification-status-icon.tone-neutral,.notification-row.tone-neutral .type-chip,.notif-row.tone-neutral .type-chip,.notifications-menu-panel .tone-neutral .type-chip{color:#455a64!important}.notification-row.tone-neutral .type-chip,.notif-row.tone-neutral .type-chip,.notifications-menu-panel .tone-neutral .type-chip{background:#546e7a1f}