/* src/styles.scss */
html {
  color-scheme: light;
  --mdc-checkbox-state-layer-size: 32px;
  --mdc-chip-container-height: 24px;
  --mdc-text-button-container-height: 32px;
  --mdc-protected-button-container-height: 32px;
  --mdc-filled-button-container-height: 32px;
  --mdc-outlined-button-container-height: 32px;
  --mdc-icon-button-state-layer-size: 32px;
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
  --mdc-radio-state-layer-size: 32px;
  --mdc-secondary-navigation-tab-container-height: 40px;
  --mat-checkbox-touch-target-display: none;
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
  --mat-icon-button-touch-target-display: none;
  --mat-list-list-item-leading-icon-start-space: 8px;
  --mat-list-list-item-leading-icon-end-space: 8px;
  --mat-text-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-standard-button-toggle-height: 40px;
  --mat-stepper-header-height: 64px;
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
  --mat-tree-node-min-height: 40px;
}
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, #0001ac);
  --mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);
  --mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);
  --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(#343dff, #bec2ff);
  --mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);
  --mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
}
html {
  --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);
}
html {
  --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);
}
html {
  --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);
}
html {
  --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);
}
html {
  --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);
}
html {
  --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);
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Plus Jakarta Sans;
  --mat-sys-body-large-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-body-medium-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-body-small-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-display-large-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-display-medium-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-display-small-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-headline-large-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-headline-medium-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-headline-small-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-label-large-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-label-medium-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-label-small-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-title-large-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-title-medium-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-title-small-font: Plus Jakarta Sans;
  --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;
}
html {
  --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;
}
html {
  --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;
}
:root {
  --color-bg: #F1F5F9;
  --color-surface: #FFFFFF;
  --color-primary: #0D9488;
  --color-primary-mid: #14B8A6;
  --color-primary-light:#F0FDFA;
  --color-navy: #0F172A;
  --color-text: #1E293B;
  --color-text-muted: #64748B;
  --color-border: #E2E8F0;
  --color-row-alt: #F8FFFE;
  --color-row-hover: #F0FDFA;
  --radius-card: 14px;
  --shadow-card: 0 1px 3px rgba(15,23,42,.06), 0 8px 24px rgba(13,148,136,.07);
  --shadow-raised: 0 4px 16px rgba(13,148,136,.18);
}
* {
  box-sizing: border-box;
}
body,
body * {
  font-family:
    "Plus Jakarta Sans",
    "Helvetica Neue",
    sans-serif !important;
}
.material-icons,
.mat-icon {
  font-family: "Material Icons" !important;
}
:root {
  --mdc-typography-font-family: "Plus Jakarta Sans", sans-serif;
  --mdc-filled-text-field-label-text-font: "Plus Jakarta Sans", sans-serif;
  --mdc-outlined-text-field-label-text-font: "Plus Jakarta Sans", sans-serif;
  --mdc-outlined-text-field-input-text-font: "Plus Jakarta Sans", sans-serif;
  --mdc-filled-text-field-input-text-font: "Plus Jakarta Sans", sans-serif;
  --mat-select-trigger-text-font: "Plus Jakarta Sans", sans-serif;
  --mat-option-label-text-font: "Plus Jakarta Sans", sans-serif;
  --mdc-list-list-item-label-text-font: "Plus Jakarta Sans", sans-serif;
  --mat-table-header-headline-font: "Plus Jakarta Sans", sans-serif;
  --mat-table-row-item-label-text-font: "Plus Jakarta Sans", sans-serif;
  --mdc-filled-button-label-text-font: "Plus Jakarta Sans", sans-serif;
  --mdc-outlined-button-label-text-font: "Plus Jakarta Sans", sans-serif;
  --mdc-text-button-label-text-font: "Plus Jakarta Sans", sans-serif;
  --mat-form-field-container-text-font: "Plus Jakarta Sans", sans-serif;
  --mat-input-input-text-font: "Plus Jakarta Sans", sans-serif;
  --mdc-checkbox-state-layer-size: 32px;
}
body {
  margin: 0;
  font-size: 12px;
  background: var(--color-bg);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
}
h1 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-navy);
}
h2 {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy);
}
h3 {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #E2E8F0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #94A3B8;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569;
}
.mat-mdc-table {
  width: 100%;
  border-radius: var(--radius-card) !important;
  overflow: hidden;
  box-shadow: var(--shadow-card) !important;
  background: var(--color-surface) !important;
}
.mat-mdc-header-row {
  background: #1E40AF !important;
  height: 38px !important;
}
.mat-mdc-header-cell {
  color: rgba(255, 255, 255, 0.9) !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  border-bottom: none !important;
}
.mat-mdc-row {
  height: 40px !important;
  transition: background 0.12s ease;
}
.mat-mdc-row.detail-row {
  height: 0 !important;
  overflow: hidden;
}
.mat-mdc-row.detail-row .mat-mdc-cell {
  padding: 0 !important;
  border-bottom: none !important;
  height: 0 !important;
  overflow: hidden;
}
.mat-mdc-row:hover .mat-mdc-cell {
  background: var(--color-row-hover) !important;
}
.mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background: var(--color-row-alt);
}
.mat-mdc-cell {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 11.5px !important;
  color: var(--color-text);
  border-bottom-color: var(--color-border) !important;
  transition: background 0.12s ease;
}
.mat-mdc-raised-button,
.mat-mdc-unelevated-button,
.mat-mdc-outlined-button,
.mat-mdc-button {
  border-radius: 9px !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 14px !important;
}
.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary {
  background: #0D9488 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(13, 148, 136, 0.28) !important;
}
.mat-mdc-raised-button.mat-primary:hover,
.mat-mdc-unelevated-button.mat-primary:hover {
  background: #0F766E !important;
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.35) !important;
}
.mat-mdc-form-field {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}
.mat-mdc-text-field-wrapper {
  border-radius: 10px !important;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 38px !important;
  align-items: center;
}
.mat-mdc-text-field-wrapper:has(textarea) .mat-mdc-form-field-flex {
  height: auto !important;
  align-items: stretch;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  min-height: 38px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
}
.mat-mdc-text-field-wrapper:has(textarea) .mat-mdc-form-field-infix {
  padding-top: 12px !important;
  padding-bottom: 8px !important;
  align-items: flex-start;
}
.mat-mdc-form-field-has-icon-prefix .mat-mdc-form-field-icon-prefix {
  padding-right: 6px !important;
}
.mat-mdc-form-field-has-icon-prefix .mdc-floating-label {
  left: 24px !important;
}
.mat-mdc-form-field-has-icon-prefix .mdc-floating-label--float-above {
  left: 0 !important;
  top: -2px !important;
  transform: translateY(-50%) scale(0.75) !important;
}
.mat-mdc-select-trigger {
  height: 22px !important;
}
.mat-mdc-form-field .mdc-floating-label {
  font-size: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.mat-mdc-form-field .mdc-floating-label--float-above {
  font-size: 10.5px !important;
  top: -2px !important;
  transform: translateY(-50%) scale(0.75) !important;
}
.mat-mdc-select-value-text {
  font-size: 12px !important;
}
.mat-mdc-form-field .mdc-floating-label {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  color: #475569 !important;
}
.mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: var(--color-primary) !important;
}
.mat-mdc-form-field input.mat-mdc-input-element,
.mat-mdc-form-field textarea.mat-mdc-input-element {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  color: #0F172A !important;
  font-weight: 500 !important;
}
.mat-mdc-form-field .mat-mdc-select-value-text {
  font-weight: 500 !important;
  color: #0F172A !important;
}
.mat-mdc-form-field {
  --mdc-outlined-text-field-outline-color: #CBD5E1;
  --mdc-outlined-text-field-hover-outline-color: #94A3B8;
  --mdc-outlined-text-field-focus-outline-color: var(--color-primary);
  --mdc-outlined-text-field-error-outline-color: #DC2626;
  --mdc-outlined-text-field-disabled-outline-color: #E2E8F0;
  --mat-select-enabled-trigger-text-color: #1E293B;
  --mat-form-field-outlined-label-text-populated-size: 12px;
}
.mat-mdc-form-field .mdc-notched-outline__leading,
.mat-mdc-form-field .mdc-notched-outline__notch,
.mat-mdc-form-field .mdc-notched-outline__trailing {
  border-color: #CBD5E1 !important;
}
.mat-mdc-form-field:hover .mdc-notched-outline__leading,
.mat-mdc-form-field:hover .mdc-notched-outline__notch,
.mat-mdc-form-field:hover .mdc-notched-outline__trailing {
  border-color: #94A3B8 !important;
}
.mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing {
  border-color: var(--color-primary) !important;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  background: #FFFFFF !important;
}
.mat-mdc-form-field.mat-focused .mdc-notched-outline {
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1);
  border-radius: 10px;
}
.clients-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.clients-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.clients-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.client-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.client-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.client-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing {
  border-color: #16A34A !important;
}
.clients-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.client-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline {
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1) !important;
}
.clients-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.client-form-page .mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: #16A34A !important;
}
.employees-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.employees-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.employees-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.employee-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.employee-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.employee-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.users-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.users-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.users-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.user-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.user-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.user-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing {
  border-color: #1E40AF !important;
}
.employees-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.employee-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.users-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.user-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline {
  box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1) !important;
}
.employees-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.employee-form-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.users-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.user-form-page .mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: #1E40AF !important;
}
.service-orders-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.service-orders-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.service-orders-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.so-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.so-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.so-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.providers-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.providers-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.providers-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.provider-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.provider-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.provider-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.case-managers-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.case-managers-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.case-managers-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.cm-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.cm-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.cm-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing {
  border-color: #D97706 !important;
}
.service-orders-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.so-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.providers-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.provider-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.case-managers-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.cm-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline {
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.1) !important;
}
.service-orders-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.so-form-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.providers-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.provider-form-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.case-managers-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.cm-form-page .mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: #D97706 !important;
}
.schedule-monitor-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.schedule-monitor-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.schedule-monitor-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.schedule-builder-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.schedule-builder-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.schedule-builder-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.appointment-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.appointment-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.appointment-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.absences-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.absences-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.absences-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.client-absences-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.client-absences-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.client-absences-page .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing {
  border-color: #7C3AED !important;
}
.schedule-monitor-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.schedule-builder-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.appointment-form-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.absences-page .mat-mdc-form-field.mat-focused .mdc-notched-outline,
.client-absences-page .mat-mdc-form-field.mat-focused .mdc-notched-outline {
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1) !important;
}
.schedule-monitor-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.schedule-builder-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.appointment-form-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.absences-page .mat-mdc-form-field.mat-focused .mdc-floating-label,
.client-absences-page .mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: #7C3AED !important;
}
.mat-mdc-form-field input::placeholder,
.mat-mdc-form-field textarea::placeholder {
  color: #94A3B8 !important;
  font-weight: 400 !important;
  font-style: italic;
}
.toolbar-row,
.toolbar,
.filters {
  align-items: center !important;
}
.toolbar-row .mat-mdc-form-field,
.toolbar .mat-mdc-form-field,
.filters .mat-mdc-form-field {
  vertical-align: middle;
}
.toolbar-row .mat-mdc-text-field-wrapper,
.toolbar .mat-mdc-text-field-wrapper,
.filters .mat-mdc-text-field-wrapper {
  height: 34px !important;
}
.toolbar-row .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,
.toolbar .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,
.filters .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 34px !important;
  align-items: center !important;
}
.toolbar-row .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,
.toolbar .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,
.filters .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  min-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
}
.toolbar-row .mat-mdc-form-field .mdc-floating-label,
.toolbar .mat-mdc-form-field .mdc-floating-label,
.filters .mat-mdc-form-field .mdc-floating-label {
  font-size: 11.5px !important;
}
.toolbar-row .mat-mdc-select-trigger,
.toolbar .mat-mdc-select-trigger,
.filters .mat-mdc-select-trigger {
  height: 18px !important;
}
.mat-button-toggle-group {
  border-radius: 8px !important;
  border: 1px solid var(--color-border) !important;
}
.mat-button-toggle-button {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  height: 32px !important;
  line-height: 32px !important;
}
.mat-button-toggle-label-content {
  line-height: 32px !important;
  padding: 0 12px !important;
}
.mat-mdc-menu-item {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  min-height: 36px !important;
}
.mat-mdc-dialog-container .mdc-dialog__content {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.mat-mdc-dialog-container .mdc-dialog__title {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 15px !important;
}
.mat-mdc-tab-header {
  border-bottom: 1px solid var(--color-border) !important;
}
.mat-mdc-tab {
  border: 1px solid transparent !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  margin-right: 2px !important;
  background: transparent !important;
  transition: background 0.15s, border-color 0.15s !important;
}
.mat-mdc-tab:hover:not(.mdc-tab--active) {
  background: #F8FAFC !important;
  border-color: #E2E8F0 !important;
}
.mat-mdc-tab.mdc-tab--active {
  background: var(--color-surface) !important;
  border-color: var(--color-border) !important;
  border-bottom-color: var(--color-surface) !important;
  position: relative;
  z-index: 1;
  margin-bottom: -1px !important;
}
.mat-mdc-tab .mdc-tab__text-label {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}
.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--color-primary) !important;
  font-weight: 700 !important;
}
.mat-mdc-tab-body-wrapper {
  border: 1px solid var(--color-border) !important;
  border-top: none !important;
  border-radius: 0 0 10px 10px !important;
  background: var(--color-surface) !important;
}
.mat-mdc-tab-header .mdc-tab-indicator {
  display: none !important;
}
.mat-mdc-option {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  min-height: 36px !important;
}
.mat-pseudo-checkbox {
  border-radius: 50% !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background: rgba(13, 148, 136, 0.08) !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #0D9488 !important;
}
.mat-mdc-option.mdc-list-item--selected .mat-pseudo-checkbox-checked {
  background: #0D9488 !important;
  border-color: #0D9488 !important;
}
.green-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background: rgba(22, 163, 74, 0.08) !important;
}
.green-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #16A34A !important;
}
.green-select-panel .mat-mdc-option.mdc-list-item--selected .mat-pseudo-checkbox-checked {
  background: #16A34A !important;
  border-color: #16A34A !important;
}
.blue-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background: rgba(30, 64, 175, 0.08) !important;
}
.blue-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #1E40AF !important;
}
.blue-select-panel .mat-mdc-option.mdc-list-item--selected .mat-pseudo-checkbox-checked {
  background: #1E40AF !important;
  border-color: #1E40AF !important;
}
.amber-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background: rgba(217, 119, 6, 0.08) !important;
}
.amber-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #D97706 !important;
}
.amber-select-panel .mat-mdc-option.mdc-list-item--selected .mat-pseudo-checkbox-checked {
  background: #D97706 !important;
  border-color: #D97706 !important;
}
.purple-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background: rgba(124, 58, 237, 0.08) !important;
}
.purple-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #7C3AED !important;
}
.purple-select-panel .mat-mdc-option.mdc-list-item--selected .mat-pseudo-checkbox-checked {
  background: #7C3AED !important;
  border-color: #7C3AED !important;
}
.mat-mdc-paginator {
  font-size: 11.5px !important;
}
.mat-mdc-slide-toggle .mdc-form-field label {
  font-size: 12px !important;
}
.mat-mdc-checkbox .mdc-form-field label {
  font-size: 12px !important;
}
.mat-mdc-radio-button .mdc-form-field label {
  font-size: 12px !important;
}
.mat-mdc-tooltip .mdc-tooltip__surface {
  font-size: 11px !important;
}
.mat-mdc-card {
  border-radius: var(--radius-card) !important;
  box-shadow: var(--shadow-card) !important;
  background: var(--color-surface) !important;
}
.mat-mdc-snack-bar-container {
  border-radius: 10px !important;
}
.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background: #1E293B !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25) !important;
}
.mat-mdc-snack-bar-container .mdc-snackbar__label {
  color: #F1F5F9 !important;
  font-weight: 500;
}
.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action .mdc-button__label {
  color: #5EEAD4 !important;
  font-weight: 600;
}
.mat-mdc-select-panel {
  border-radius: 10px !important;
}
.toast-success .mdc-snackbar__surface {
  background: #15803D !important;
}
.toast-success .mdc-snackbar__surface .mdc-snackbar__label {
  color: #fff !important;
}
.toast-success .mdc-snackbar__surface .mat-mdc-snack-bar-action .mdc-button__label {
  color: #BBF7D0 !important;
}
.toast-error .mdc-snackbar__surface {
  background: #DC2626 !important;
}
.toast-error .mdc-snackbar__surface .mdc-snackbar__label {
  color: #fff !important;
}
.toast-error .mdc-snackbar__surface .mat-mdc-snack-bar-action .mdc-button__label {
  color: #FECACA !important;
}
.toast-info .mdc-snackbar__surface {
  background: #1D4ED8 !important;
}
.toast-info .mdc-snackbar__surface .mdc-snackbar__label {
  color: #fff !important;
}
.toast-info .mdc-snackbar__surface .mat-mdc-snack-bar-action .mdc-button__label {
  color: #BFDBFE !important;
}
.toast-warn .mdc-snackbar__surface {
  background: #B45309 !important;
}
.toast-warn .mdc-snackbar__surface .mdc-snackbar__label {
  color: #fff !important;
}
.toast-warn .mdc-snackbar__surface .mat-mdc-snack-bar-action .mdc-button__label {
  color: #FDE68A !important;
}
.urgent-snackbar .mdc-snackbar__surface {
  background: #DC2626 !important;
}
.urgent-snackbar .mdc-snackbar__surface .mdc-snackbar__label {
  color: #fff !important;
  font-weight: 700;
  font-size: 14px;
}
.urgent-snackbar .mdc-snackbar__surface .mat-mdc-snack-bar-action .mdc-button__label {
  color: #FEE2E2 !important;
  font-weight: 700;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.page-card {
  animation: fadeInUp 0.3s ease-out;
}
.stat-card,
.kpi-card,
.dash-card,
.report-card {
  animation: fadeInUp 0.35s ease-out both;
}
.stat-card:nth-child(1),
.kpi-card:nth-child(1) {
  animation-delay: 0s;
}
.stat-card:nth-child(2),
.kpi-card:nth-child(2) {
  animation-delay: 0.05s;
}
.stat-card:nth-child(3),
.kpi-card:nth-child(3) {
  animation-delay: 0.1s;
}
.stat-card:nth-child(4),
.kpi-card:nth-child(4) {
  animation-delay: 0.15s;
}
.stat-card:nth-child(5) {
  animation-delay: 0.2s;
}
.stat-card:nth-child(6) {
  animation-delay: 0.25s;
}
.skeleton {
  background:
    linear-gradient(
      90deg,
      #E2E8F0 25%,
      #F1F5F9 50%,
      #E2E8F0 75%);
  background-size: 800px 100%;
  animation: shimmer 1.5s infinite linear;
  border-radius: 6px;
}
.skeleton-line {
  height: 14px;
  margin-bottom: 10px;
}
.skeleton-line:last-child {
  width: 60%;
}
.skeleton-value {
  height: 32px;
  width: 60px;
  margin-top: 8px;
}
.skeleton-row {
  display: flex;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #F1F5F9;
}
.skeleton-row:last-child {
  border-bottom: none;
}
.skeleton-cell {
  height: 14px;
  flex: 1;
}
.mat-mdc-row {
  transition: background-color 0.15s ease;
}
.add-panel {
  animation: fadeInUp 0.25s ease-out;
}
.mat-mdc-flat-button,
.mat-mdc-stroked-button {
  transition: transform 0.12s ease, box-shadow 0.12s ease !important;
}
.mat-mdc-flat-button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.reason-badge,
.match-badge,
.tl-badge,
.nav-badge {
  transition: transform 0.15s ease;
}
.reason-badge:hover,
.match-badge:hover {
  transform: scale(1.05);
}
.page-header,
.list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-border);
}
.page-header h1,
.page-header h2,
.list-header h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--color-navy);
}
.search-field {
  width: 100%;
  margin-bottom: 12px;
}
.empty-state {
  text-align: center;
  color: var(--color-text-muted);
  margin-top: 52px;
  font-size: 12px;
  font-style: italic;
}
.inner-table .mat-mdc-header-row {
  height: 32px !important;
  background: #92400E !important;
}
.inner-table .mat-mdc-header-cell {
  color: white !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  border-bottom: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.inner-table .mat-mdc-row {
  height: 36px !important;
  min-height: 36px !important;
}
.inner-table .mat-mdc-row:nth-child(odd) .mat-mdc-cell {
  background: #FFFFFF !important;
}
.inner-table .mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background: #FEF3C7 !important;
}
.inner-table .mat-mdc-row:hover .mat-mdc-cell {
  background: #FDE68A !important;
}
.inner-table .mat-mdc-cell {
  font-size: 11px !important;
  color: #44403C !important;
  border-bottom-color: #FDE68A !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.inner-table .mat-mdc-row.week-divider-row {
  height: 30px !important;
  min-height: 30px !important;
}
.inner-table .mat-mdc-row.week-divider-row .mat-mdc-cell {
  background:
    linear-gradient(
      to right,
      #FEF3C7,
      #FFFBEB) !important;
  border-top: 2px solid #D97706 !important;
  border-bottom: 1px solid #FDE68A !important;
  padding: 0 14px !important;
}
.badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.badge-active,
.status-badge.active {
  background: #DCFCE7;
  color: #15803D;
}
.badge-inactive {
  background: #FEE2E2;
  color: #B91C1C;
}
.status-badge.pending {
  background: #FEF9C3;
  color: #854D0E;
}
.status-badge.expired {
  background: #FEE2E2;
  color: #B91C1C;
}
.status-badge.worked {
  background: #DCFCE7;
  color: #15803D;
}
.status-badge.no-show {
  background: #FEE2E2;
  color: #B91C1C;
}
.status-badge.cancelled {
  background: #FEF9C3;
  color: #854D0E;
}
.status-badge.closed {
  background: #F1F5F9;
  color: #475569;
}
.status-badge.under {
  background: #FEF9C3;
  color: #854D0E;
}
.status-badge.over {
  background: #FEE2E2;
  color: #B91C1C;
}
.status-badge.matched {
  background: #DCFCE7;
  color: #15803D;
}
.status-badge.open {
  background: #FEE2E2;
  color: #B91C1C;
}
.status-badge.high {
  background: #FEE2E2;
  color: #B91C1C;
}
.status-badge.medium {
  background: #FEF9C3;
  color: #854D0E;
}
.status-badge.low {
  background: #F0FDFA;
  color: #0D9488;
}
.mat-mdc-table.table-green .mat-mdc-header-row {
  background: #16A34A !important;
}
.mat-mdc-table.table-blue .mat-mdc-header-row {
  background: #1E40AF !important;
}
.mat-mdc-table.table-amber .mat-mdc-header-row {
  background: #D97706 !important;
}
.mat-mdc-table.table-purple .mat-mdc-header-row {
  background: #7C3AED !important;
}
.mat-mdc-table.table-teal .mat-mdc-header-row {
  background: #0D9488 !important;
}
.mat-mdc-table.table-orange .mat-mdc-header-row {
  background: #EA580C !important;
}
.mat-mdc-table.table-slate .mat-mdc-header-row {
  background: #475569 !important;
}
.mat-mdc-table.table-purple .mat-mdc-header-row {
  background: #7C3AED !important;
}
.mat-mdc-table.table-green .mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background: #F0FDF4;
}
.mat-mdc-table.table-green .mat-mdc-row:hover .mat-mdc-cell {
  background: #DCFCE7 !important;
}
.mat-mdc-table.table-blue .mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background: #EFF6FF;
}
.mat-mdc-table.table-blue .mat-mdc-row:hover .mat-mdc-cell {
  background: #DBEAFE !important;
}
.mat-mdc-table.table-amber .mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background: #FFFBEB;
}
.mat-mdc-table.table-amber .mat-mdc-row:hover .mat-mdc-cell {
  background: #FEF3C7 !important;
}
.mat-mdc-table.table-purple .mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background: #F5F3FF;
}
.mat-mdc-table.table-purple .mat-mdc-row:hover .mat-mdc-cell {
  background: #EDE9FE !important;
}
.mat-mdc-table.table-purple .mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background: #F5F3FF;
}
.mat-mdc-table.table-purple .mat-mdc-row:hover .mat-mdc-cell {
  background: #EDE9FE !important;
}
.mat-mdc-table.table-teal .mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background: #F0FDFA;
}
.mat-mdc-table.table-teal .mat-mdc-row:hover .mat-mdc-cell {
  background: #CCFBF1 !important;
}
.mat-mdc-table.table-orange .mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background: #FFF7ED;
}
.mat-mdc-table.table-orange .mat-mdc-row:hover .mat-mdc-cell {
  background: #FFEDD5 !important;
}
.mat-mdc-table.table-slate .mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background: #F8FAFC;
}
.mat-mdc-table.table-slate .mat-mdc-row:hover .mat-mdc-cell {
  background: #F1F5F9 !important;
}
.page-card {
  background: var(--color-surface);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  border: 1.5px solid var(--color-border);
  padding: 24px 32px;
}
.form-section {
  padding: 14px 0;
}
.form-section h3 {
  margin: 0 0 18px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #475569;
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid #F1F5F9;
  padding-bottom: 10px;
}
.form-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.form-row mat-form-field {
  flex: 1;
  min-width: 180px;
}
.form-row .col-full {
  width: 100%;
  flex: unset;
}
.form-row .col-sm {
  flex: 0 0 100px !important;
  min-width: unset !important;
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px 16px;
  align-items: start;
}
.form-grid mat-form-field,
.form-grid .grid-field {
  grid-column: span 6;
}
.form-grid .span-2 {
  grid-column: span 2;
}
.form-grid .span-3 {
  grid-column: span 3;
}
.form-grid .span-4 {
  grid-column: span 4;
}
.form-grid .span-5 {
  grid-column: span 5;
}
.form-grid .span-6 {
  grid-column: span 6;
}
.form-grid .span-8 {
  grid-column: span 8;
}
.form-grid .span-9 {
  grid-column: span 9;
}
.form-grid .span-12 {
  grid-column: span 12;
}
.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 20px;
  border-top: 1.5px solid var(--color-border);
  margin-top: 12px;
}
.checkbox-row {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.employees-page .page-header,
.employee-form-page .page-header,
.users-page .page-header,
.pay-rates-page .page-header,
.user-form-page .page-header {
  border-bottom: 2px solid #1E40AF;
}
.employee-form-page .mat-divider {
  border-top-color: #1E40AF !important;
}
.employee-form-page .mat-mdc-tab-header {
  border-bottom-color: #1E40AF !important;
}
.employee-form-page .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #1E40AF !important;
}
.employee-form-page .mat-mdc-tab.mdc-tab--active {
  border-color: #1E40AF !important;
  border-bottom-color: var(--color-surface) !important;
}
.clients-page .page-header,
.client-form-page .page-header {
  border-bottom: 2px solid #16A34A;
}
.client-form-page .mat-divider {
  border-top-color: #16A34A !important;
}
.client-form-page .mat-mdc-tab-header {
  border-bottom-color: #16A34A !important;
}
.client-form-page .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #16A34A !important;
}
.client-form-page .mat-mdc-tab.mdc-tab--active {
  border-color: #16A34A !important;
  border-bottom-color: var(--color-surface) !important;
}
.service-orders-page .page-header,
.providers-page .page-header,
.case-managers-page .page-header {
  border-bottom: 2px solid #D97706;
}
.so-form-page .mat-divider,
.provider-form-page .mat-divider,
.cm-form-page .mat-divider {
  border-top-color: #D97706 !important;
}
.so-form-page .mat-mdc-tab-header {
  border-bottom-color: #D97706 !important;
}
.so-form-page .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #D97706 !important;
}
.so-form-page .mat-mdc-tab.mdc-tab--active {
  border-color: #D97706 !important;
  border-bottom-color: var(--color-surface) !important;
}
.schedule-monitor-page .page-header,
.schedule-builder-page .page-header,
.broadcast-dashboard-page .page-header,
.appointment-form-page .page-header,
.client-absences-page .page-header,
.absences-page .page-header {
  border-bottom: 2px solid #7C3AED;
}
.employees-page .mat-mdc-unelevated-button.mat-primary,
.employees-page .mat-mdc-raised-button.mat-primary,
.users-page .mat-mdc-unelevated-button.mat-primary,
.users-page .mat-mdc-raised-button.mat-primary,
.pay-rates-page .mat-mdc-unelevated-button.mat-primary,
.pay-rates-page .mat-mdc-raised-button.mat-primary,
.user-form-page .mat-mdc-unelevated-button.mat-primary,
.user-form-page .mat-mdc-raised-button.mat-primary,
.employee-form-page .mat-mdc-unelevated-button.mat-primary,
.employee-form-page .mat-mdc-raised-button.mat-primary {
  background: #1E40AF !important;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.28) !important;
}
.employees-page .mat-mdc-unelevated-button.mat-primary:hover,
.employees-page .mat-mdc-raised-button.mat-primary:hover,
.users-page .mat-mdc-unelevated-button.mat-primary:hover,
.users-page .mat-mdc-raised-button.mat-primary:hover,
.pay-rates-page .mat-mdc-unelevated-button.mat-primary:hover,
.pay-rates-page .mat-mdc-raised-button.mat-primary:hover,
.user-form-page .mat-mdc-unelevated-button.mat-primary:hover,
.user-form-page .mat-mdc-raised-button.mat-primary:hover,
.employee-form-page .mat-mdc-unelevated-button.mat-primary:hover,
.employee-form-page .mat-mdc-raised-button.mat-primary:hover {
  background: #1E3A8A !important;
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.35) !important;
}
.clients-page .mat-mdc-unelevated-button.mat-primary,
.clients-page .mat-mdc-raised-button.mat-primary,
.client-form-page .mat-mdc-unelevated-button.mat-primary,
.client-form-page .mat-mdc-raised-button.mat-primary {
  background: #16A34A !important;
  box-shadow: 0 2px 6px rgba(22, 163, 74, 0.28) !important;
}
.clients-page .mat-mdc-unelevated-button.mat-primary:hover,
.clients-page .mat-mdc-raised-button.mat-primary:hover,
.client-form-page .mat-mdc-unelevated-button.mat-primary:hover,
.client-form-page .mat-mdc-raised-button.mat-primary:hover {
  background: #15803D !important;
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.35) !important;
}
.service-orders-page .mat-mdc-unelevated-button.mat-primary,
.service-orders-page .mat-mdc-raised-button.mat-primary,
.so-form-page .mat-mdc-unelevated-button.mat-primary,
.so-form-page .mat-mdc-raised-button.mat-primary,
.providers-page .mat-mdc-unelevated-button.mat-primary,
.providers-page .mat-mdc-raised-button.mat-primary,
.provider-form-page .mat-mdc-unelevated-button.mat-primary,
.provider-form-page .mat-mdc-raised-button.mat-primary,
.case-managers-page .mat-mdc-unelevated-button.mat-primary,
.case-managers-page .mat-mdc-raised-button.mat-primary,
.cm-form-page .mat-mdc-unelevated-button.mat-primary,
.cm-form-page .mat-mdc-raised-button.mat-primary {
  background: #D97706 !important;
  box-shadow: 0 2px 6px rgba(217, 119, 6, 0.28) !important;
}
.service-orders-page .mat-mdc-unelevated-button.mat-primary:hover,
.service-orders-page .mat-mdc-raised-button.mat-primary:hover,
.so-form-page .mat-mdc-unelevated-button.mat-primary:hover,
.so-form-page .mat-mdc-raised-button.mat-primary:hover,
.providers-page .mat-mdc-unelevated-button.mat-primary:hover,
.providers-page .mat-mdc-raised-button.mat-primary:hover,
.provider-form-page .mat-mdc-unelevated-button.mat-primary:hover,
.provider-form-page .mat-mdc-raised-button.mat-primary:hover,
.case-managers-page .mat-mdc-unelevated-button.mat-primary:hover,
.case-managers-page .mat-mdc-raised-button.mat-primary:hover,
.cm-form-page .mat-mdc-unelevated-button.mat-primary:hover,
.cm-form-page .mat-mdc-raised-button.mat-primary:hover {
  background: #B45309 !important;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.35) !important;
}
.schedule-builder-page .mat-mdc-unelevated-button.mat-primary,
.schedule-builder-page .mat-mdc-raised-button.mat-primary,
.schedule-monitor-page .mat-mdc-unelevated-button.mat-primary,
.schedule-monitor-page .mat-mdc-raised-button.mat-primary,
.absences-page .mat-mdc-unelevated-button.mat-primary,
.absences-page .mat-mdc-raised-button.mat-primary,
.client-absences-page .mat-mdc-unelevated-button.mat-primary,
.client-absences-page .mat-mdc-raised-button.mat-primary {
  background: #7C3AED !important;
  box-shadow: 0 2px 6px rgba(124, 58, 237, 0.28) !important;
}
.schedule-builder-page .mat-mdc-unelevated-button.mat-primary:hover,
.schedule-builder-page .mat-mdc-raised-button.mat-primary:hover,
.schedule-monitor-page .mat-mdc-unelevated-button.mat-primary:hover,
.schedule-monitor-page .mat-mdc-raised-button.mat-primary:hover,
.absences-page .mat-mdc-unelevated-button.mat-primary:hover,
.absences-page .mat-mdc-raised-button.mat-primary:hover,
.client-absences-page .mat-mdc-unelevated-button.mat-primary:hover,
.client-absences-page .mat-mdc-raised-button.mat-primary:hover {
  background: #6D28D9 !important;
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.35) !important;
}
.timesheets-page .mat-mdc-unelevated-button.mat-primary,
.timesheets-page .mat-mdc-raised-button.mat-primary,
.overtime-page .mat-mdc-unelevated-button.mat-primary,
.overtime-page .mat-mdc-raised-button.mat-primary {
  background: #0D9488 !important;
}
.reports-page .mat-mdc-unelevated-button.mat-primary,
.reports-page .mat-mdc-raised-button.mat-primary {
  background: #EA580C !important;
  box-shadow: 0 2px 6px rgba(234, 88, 12, 0.28) !important;
}
.reports-page .mat-mdc-unelevated-button.mat-primary:hover,
.reports-page .mat-mdc-raised-button.mat-primary:hover {
  background: #C2410C !important;
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.35) !important;
}
.settings-page .mat-mdc-unelevated-button.mat-primary,
.settings-page .mat-mdc-raised-button.mat-primary,
.audit-log-page .mat-mdc-unelevated-button.mat-primary,
.audit-log-page .mat-mdc-raised-button.mat-primary,
.account-page .mat-mdc-unelevated-button.mat-primary,
.account-page .mat-mdc-raised-button.mat-primary {
  background: #475569 !important;
  box-shadow: 0 2px 6px rgba(71, 85, 105, 0.28) !important;
}
.settings-page .mat-mdc-unelevated-button.mat-primary:hover,
.settings-page .mat-mdc-raised-button.mat-primary:hover,
.audit-log-page .mat-mdc-unelevated-button.mat-primary:hover,
.audit-log-page .mat-mdc-raised-button.mat-primary:hover,
.account-page .mat-mdc-unelevated-button.mat-primary:hover,
.account-page .mat-mdc-raised-button.mat-primary:hover {
  background: #334155 !important;
  box-shadow: 0 4px 12px rgba(71, 85, 105, 0.35) !important;
}
.stats-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.stat-card {
  background: var(--color-surface);
  border-radius: 10px;
  padding: 12px 14px;
  border: 1.5px solid var(--color-border);
  text-align: center;
}
.stat-card .stat-num {
  font-size: 18px;
  font-weight: 800;
  color: var(--color-navy);
  display: block;
}
.stat-card .stat-label {
  font-size: 11px;
  font-weight: 600;
  color: #94A3B8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.count-chip {
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
}
.count-chip.green {
  background: #F0FDF4;
  color: #16A34A;
}
.count-chip.blue {
  background: #F0FDFA;
  color: #0D9488;
}
.count-chip.amber {
  background: #FFFBEB;
  color: #D97706;
}
.count-chip.purple {
  background: #F5F3FF;
  color: #7C3AED;
}
.count-chip.teal {
  background: #F0FDFA;
  color: #0D9488;
}
.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  gap: 12px;
  flex-wrap: wrap;
}
.toolbar-left {
  display: flex;
  align-items: center;
  gap: 14px;
}
.toolbar-right {
  display: flex;
  gap: 10px;
  align-items: center;
}
.row-actions {
  display: flex;
  gap: 2px;
}
.row-actions button.mat-mdc-icon-button {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 8px;
}
.row-actions button.mat-mdc-icon-button mat-icon {
  font-size: 17px;
  width: 17px;
  height: 17px;
}
.table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 22px;
  background: var(--color-surface);
  border-top: 1px solid #F1F5F9;
  font-size: 11px;
  color: #94A3B8;
}
.full-width {
  width: 100%;
}
.mat-elevation-z2 {
  box-shadow: var(--shadow-card) !important;
}
@media (max-width: 767px) {
  .page-card {
    padding: 14px 12px !important;
    border-radius: 8px !important;
    overflow-x: hidden;
  }
  .page-header,
  .list-header {
    flex-wrap: wrap !important;
    gap: 10px;
  }
  .page-header h1,
  .page-header h2,
  .list-header h2 {
    font-size: 15px !important;
  }
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=number],
  input[type=tel],
  input[type=url],
  input[type=date],
  input[type=time],
  input[type=search],
  textarea,
  select,
  .mat-mdc-input-element {
    font-size: 16px !important;
  }
  .mat-mdc-table {
    min-width: 600px;
  }
  mat-table,
  table[mat-table] {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .form-row,
  .form-grid,
  .toolbar-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .toolbar-left,
  .toolbar-right {
    flex-wrap: wrap !important;
  }
  .stats-strip {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .cards-grid {
    grid-template-columns: 1fr !important;
  }
  .filter-banner {
    font-size: 12px !important;
    padding: 8px 12px !important;
  }
  .so-banner-row {
    flex-wrap: wrap !important;
  }
  .so-banner-meta {
    font-size: 12px !important;
  }
}
@media (max-width: 1023px) {
  .page-card {
    padding: 18px 16px !important;
  }
}
body.tv-mode-active .mat-sidenav-container > .mat-sidenav,
body.tv-mode-active .mat-drawer-container > .mat-drawer,
body.tv-mode-active .sidenav {
  display: none !important;
}
body.tv-mode-active .mat-sidenav-content,
body.tv-mode-active .mat-drawer-content {
  margin-left: 0 !important;
}
@media print {
  body {
    background: white !important;
    color: #1a1a1a !important;
  }
  .page-card {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
  .no-print,
  mat-sidenav-container mat-sidenav,
  .topbar,
  .sidenav,
  .filter-bar,
  .spinner-wrap,
  mat-spinner,
  mat-progress-spinner {
    display: none !important;
  }
  .print-header {
    display: block !important;
  }
  .print-header .print-company {
    font-size: 13pt;
    font-weight: 800;
    letter-spacing: 0.3pt;
    text-transform: uppercase;
    color: #1a1a1a;
    margin: 0 0 2pt;
  }
  .print-header h2 {
    margin: 0 0 2pt !important;
    font-size: 11pt !important;
    font-weight: 600 !important;
    color: #333 !important;
    border: none !important;
    padding: 0 !important;
  }
  .print-header p {
    margin: 0 0 8pt !important;
    font-size: 9pt !important;
    color: #555 !important;
  }
  .print-header {
    margin-bottom: 14pt !important;
    padding-bottom: 10pt !important;
    border-bottom: 1.5pt solid #1a1a1a !important;
  }
  .mat-mdc-table {
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  .mat-mdc-header-row {
    background: none !important;
    height: auto !important;
  }
  .mat-mdc-header-cell {
    color: #333 !important;
    font-size: 7.5pt !important;
    font-weight: 700 !important;
    letter-spacing: 0.4pt;
    text-transform: uppercase;
    border-bottom: 1pt solid #1a1a1a !important;
    background: none !important;
    padding: 5pt 7pt !important;
    white-space: nowrap;
  }
  .mat-mdc-row {
    height: auto !important;
  }
  .mat-mdc-row:hover .mat-mdc-cell {
    background: transparent !important;
  }
  .mat-mdc-cell {
    font-size: 9.5pt !important;
    color: #1a1a1a !important;
    border-bottom: 0.5pt solid #ddd !important;
    padding: 5pt 7pt !important;
    background: none !important;
  }
  .mat-mdc-row:nth-child(even) .mat-mdc-cell {
    background: #f7f7f7 !important;
  }
  .mat-mdc-footer-row .mat-mdc-footer-cell,
  .mat-mdc-footer-cell {
    border-top: 1.5pt double #1a1a1a !important;
    font-weight: 700 !important;
    background: none !important;
    color: #1a1a1a !important;
    padding: 5pt 7pt !important;
  }
  mat-icon {
    display: none !important;
  }
  .stats-row {
    display: flex !important;
    gap: 10pt !important;
    margin-bottom: 12pt !important;
  }
  .stat-card {
    border: 0.75pt solid #ccc !important;
    border-left: 3pt solid #666 !important;
    border-radius: 3pt !important;
    background: #fafafa !important;
    box-shadow: none !important;
    padding: 6pt 12pt !important;
    text-align: left !important;
  }
  .stat-card .stat-num {
    font-size: 12pt !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
  }
  .stat-card .stat-lbl,
  .stat-card .stat-label {
    font-size: 7.5pt !important;
    color: #555 !important;
  }
  .group-title {
    background: none !important;
    color: #1a1a1a !important;
    padding: 6pt 0 !important;
    font-size: 10.5pt !important;
    font-weight: 700 !important;
    border-top: 1pt solid #1a1a1a !important;
    margin-top: 14pt !important;
  }
  .emp-group,
  .client-group {
    break-inside: avoid;
  }
  .section-label {
    font-size: 9pt !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4pt !important;
    color: #333 !important;
    border-bottom: 0.75pt solid #ccc !important;
    padding: 5pt 0 3pt !important;
  }
  .subtotal-row {
    background: none !important;
    border-top: 1pt solid #ccc !important;
    padding: 4pt 0 !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
  }
  .grand-total {
    background: none !important;
    color: #1a1a1a !important;
    border-top: 1.5pt double #1a1a1a !important;
    padding: 8pt 0 !important;
    font-weight: 700 !important;
  }
  .badge,
  .status-badge,
  .count-badge,
  .badge-active,
  .badge-inactive,
  .status-badge.active,
  .status-badge.pending,
  .status-badge.worked,
  .status-badge.no-show,
  .status-badge.cancelled,
  .status-badge.closed,
  .status-badge.under,
  .status-badge.over,
  .status-badge.matched,
  .status-badge.open,
  .count-chip {
    background: none !important;
    color: #333 !important;
    border: 0.5pt solid #999 !important;
    border-radius: 3pt !important;
  }
  .record-card {
    border: 0.75pt solid #ccc !important;
    border-radius: 3pt !important;
    box-shadow: none !important;
  }
  .record-card-header {
    background: #f2f2f2 !important;
    color: #1a1a1a !important;
    border-bottom: 0.5pt solid #ccc !important;
  }
  .conflict-card,
  .violation-row {
    border: 0.75pt solid #999 !important;
    background: #fafafa !important;
  }
  .provider-header {
    background: none !important;
    color: #1a1a1a !important;
    border-top: 1pt solid #1a1a1a !important;
    padding: 6pt 0 !important;
  }
  .cm-header {
    background: none !important;
    color: #333 !important;
    border-left: 2.5pt solid #999 !important;
    padding: 4pt 0 4pt 10pt !important;
  }
  .emp-num,
  .client-num {
    color: #777 !important;
  }
  .emp-group,
  .client-group {
    page-break-inside: avoid;
  }
  h2,
  h3,
  .group-title,
  .section-label,
  .provider-header {
    break-after: avoid;
  }
  * {
    animation: none !important;
    transition: none !important;
  }
}
.user-menu-panel .mat-mdc-menu-panel {
  min-width: 240px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.15) !important;
  overflow: hidden;
  background: #FFFFFF !important;
}
.mat-mdc-menu-panel {
  background: #FFFFFF !important;
}
.mat-mdc-dialog-surface {
  background: #FFFFFF !important;
}
.mat-mdc-select-panel {
  background: #FFFFFF !important;
}
.mat-mdc-autocomplete-panel {
  background: #FFFFFF !important;
}
.menu-user-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px 12px;
}
.menu-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #0D9488;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
.menu-user-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.menu-user-name {
  font-size: 12px;
  font-weight: 600;
  color: #0F172A;
  line-height: 1;
}
.menu-role-chip {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.menu-section-label {
  margin: 4px 16px 2px;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #94A3B8;
}
.menu-signout {
  color: #EF4444 !important;
}
.menu-signout mat-icon {
  color: #EF4444 !important;
}
.pac-container {
  z-index: 10000 !important;
  font-family: "Plus Jakarta Sans", sans-serif;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  margin-top: 4px;
}

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