/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/material-icons/iconfont/material-icons.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2"), url('material-icons.woff') format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2"), url('material-icons-outlined.woff') format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2"), url('material-icons-round.woff') format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2"), url('material-icons-sharp.woff') format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2"), url('material-icons-two-tone.woff') format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/material-icons/iconfont/outlined.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2"), url('material-icons-outlined.woff') format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --qira-primary: #121242;
  --qira-primary-contrast: #FFFFFF;
  --qira-accent: #19C9F2;
  --qira-accent-contrast: #0A0A1F;
  --qira-success: #1AE26A;
  --qira-warn: #C843E8;
  --qira-error: #DC3546;
  --qira-violet: #7B61FF;
  --qira-rose: #FF9EF1;
  --qira-mint: #6EE7B7;
  --qira-orange: #FF8A3D;
  --qira-surface: #FFFFFF;
  --qira-surface-variant: #F5F7FA;
  --qira-surface-raised: #FFFFFF;
  --qira-on-surface: #121242;
  --qira-on-surface-muted: #5A5A7A;
  --qira-on-surface-subtle: #8990AA;
  --qira-outline: #E4E2EE;
  --qira-outline-strong: #C8C5DA;
  --qira-sidebar-width: 244px;
  --qira-sidebar-collapsed-width: 72px;
  --qira-topbar-height: 78px;
  --qira-shell-surface: #FAF9FF;
  --qira-topbar-surface: rgba(255, 255, 255, 0.86);
  --qira-shell-border: rgba(207, 208, 226, 0.72);
  --qira-shell-muted: #58607D;
  --qira-control-bg: rgba(255, 255, 255, 0.72);
  --qira-control-hover-bg: rgba(247, 247, 255, 0.96);
  --qira-control-border: rgba(218, 219, 236, 0.9);
  --qira-menu-bg: #FFFFFF;
  --qira-avatar-bg: #EAF1FF;
  --qira-avatar-fg: #121242;
  --qira-nav-icon: #7B61FF;
  --qira-nav-icon-active: #A43DFF;
  --qira-nav-hover-bg: rgba(123, 97, 255, 0.07);
  --qira-nav-hover-fg: #121242;
  --qira-nav-active-bg: #EDD9FF;
  --qira-nav-active-fg: #121242;
  --qira-nav-active-marker: #A43DFF;
  --qira-app-bg: radial-gradient(
      ellipse 1200px 800px at 8% 0%,
      color-mix(in srgb, #C9C7FF 32%, transparent) 0%,
      transparent 55%
    ),
    radial-gradient(
      ellipse 900px 700px at 100% 100%,
      color-mix(in srgb, #FFD3F4 36%, transparent) 0%,
      transparent 55%
    ),
    linear-gradient(180deg, #F8F8FC 0%, #F4F5FB 100%);
  --qira-space-1: 4px;
  --qira-space-2: 8px;
  --qira-space-3: 12px;
  --qira-space-4: 16px;
  --qira-space-5: 24px;
  --qira-space-6: 32px;
  --qira-radius-sm: 4px;
  --qira-radius-md: 8px;
  --qira-radius-lg: 12px;
  --qira-radius-pill: 999px;
  --qira-elev-1: 0 1px 2px rgba(18, 18, 66, 0.06);
  --qira-elev-2: 0 4px 12px rgba(18, 18, 66, 0.08);
  --qira-elev-3: 0 8px 24px rgba(18, 18, 66, 0.12);
  --qira-elev-menu: 0 18px 44px rgba(18, 18, 66, 0.16);
}

.dark-theme {
  --qira-primary: #19C9F2;
  --qira-primary-contrast: #0A0A1F;
  --qira-accent: #19C9F2;
  --qira-accent-contrast: #0A0A1F;
  --qira-success: #1AE26A;
  --qira-warn: #C843E8;
  --qira-error: #FF5E6E;
  --qira-violet: #9D8BFF;
  --qira-rose: #FFB8F5;
  --qira-mint: #86F0C3;
  --qira-orange: #FFA35C;
  --qira-surface: #1A1A33;
  --qira-surface-variant: #0F0F22;
  --qira-surface-raised: #20203F;
  --qira-on-surface: #E8E8F0;
  --qira-on-surface-muted: #9090B0;
  --qira-on-surface-subtle: #7D84A6;
  --qira-outline: #33334D;
  --qira-outline-strong: #4A4A66;
  --qira-shell-surface: #111735;
  --qira-topbar-surface: rgba(18, 24, 54, 0.96);
  --qira-shell-border: rgba(67, 76, 123, 0.54);
  --qira-shell-muted: #B6BDD8;
  --qira-control-bg: rgba(19, 27, 61, 0.9);
  --qira-control-hover-bg: rgba(34, 44, 88, 0.9);
  --qira-control-border: rgba(68, 78, 124, 0.74);
  --qira-menu-bg: #151C3E;
  --qira-avatar-bg: #EEF3FF;
  --qira-avatar-fg: #111735;
  --qira-nav-icon: #8E5DFF;
  --qira-nav-icon-active: #BD54FF;
  --qira-nav-hover-bg: rgba(123, 97, 255, 0.14);
  --qira-nav-hover-fg: #FFFFFF;
  --qira-nav-active-bg: #39206A;
  --qira-nav-active-fg: #FFFFFF;
  --qira-nav-active-marker: #C03CFF;
  --qira-app-bg: radial-gradient(
      ellipse 1200px 800px at 8% 0%,
      color-mix(in srgb, #4A3FA8 35%, transparent) 0%,
      transparent 55%
    ),
    radial-gradient(
      ellipse 900px 700px at 100% 100%,
      color-mix(in srgb, #6B2E83 35%, transparent) 0%,
      transparent 55%
    ),
    linear-gradient(180deg, #0E0E1F 0%, #14142A 100%);
  --qira-elev-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --qira-elev-2: 0 4px 12px rgba(0, 0, 0, 0.5);
  --qira-elev-3: 0 8px 24px rgba(0, 0, 0, 0.6);
  --qira-elev-menu: 0 18px 44px rgba(0, 0, 0, 0.42);
}

:root {
  --mat-sidenav-container-shape: 0px;
}

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(#fcf8fd, #131316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f3eff4, #313034);
  --mat-sys-inverse-primary: light-dark(#c2c1fb, #595a8c);
  --mat-sys-inverse-surface: light-dark(#313034, #e5e1e6);
  --mat-sys-on-background: light-dark(#1c1b1f, #e5e1e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #2a2b5b);
  --mat-sys-on-primary-container: light-dark(#414273, #e1dfff);
  --mat-sys-on-primary-fixed: light-dark(#151545, #151545);
  --mat-sys-on-primary-fixed-variant: light-dark(#414273, #414273);
  --mat-sys-on-secondary: light-dark(#ffffff, #2f2f42);
  --mat-sys-on-secondary-container: light-dark(#45455a, #e2e0fa);
  --mat-sys-on-secondary-fixed: light-dark(#1a1a2c, #1a1a2c);
  --mat-sys-on-secondary-fixed-variant: light-dark(#45455a, #45455a);
  --mat-sys-on-surface: light-dark(#1c1b1f, #e5e1e6);
  --mat-sys-on-surface-variant: light-dark(#47464f, #e4e1ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #003543);
  --mat-sys-on-tertiary-container: light-dark(#004e5f, #b4ebff);
  --mat-sys-on-tertiary-fixed: light-dark(#001f28, #001f28);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#004e5f, #004e5f);
  --mat-sys-outline: light-dark(#777680, #918f9a);
  --mat-sys-outline-variant: light-dark(#c8c5d0, #47464f);
  --mat-sys-primary: light-dark(#595a8c, #c2c1fb);
  --mat-sys-primary-container: light-dark(#e1dfff, #414273);
  --mat-sys-primary-fixed: light-dark(#e1dfff, #e1dfff);
  --mat-sys-primary-fixed-dim: light-dark(#c2c1fb, #c2c1fb);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#5d5c72, #c6c4dd);
  --mat-sys-secondary-container: light-dark(#e2e0fa, #45455a);
  --mat-sys-secondary-fixed: light-dark(#e2e0fa, #e2e0fa);
  --mat-sys-secondary-fixed-dim: light-dark(#c6c4dd, #c6c4dd);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fcf8fd, #131316);
  --mat-sys-surface-bright: light-dark(#fcf8fd, #39393d);
  --mat-sys-surface-container: light-dark(#f0edf2, #201f23);
  --mat-sys-surface-container-high: light-dark(#ebe7ec, #2a292d);
  --mat-sys-surface-container-highest: light-dark(#e5e1e6, #353438);
  --mat-sys-surface-container-low: light-dark(#f6f2f7, #1c1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e11);
  --mat-sys-surface-dim: light-dark(#dcd9de, #131316);
  --mat-sys-surface-tint: light-dark(#595a8c, #c2c1fb);
  --mat-sys-surface-variant: light-dark(#e4e1ec, #47464f);
  --mat-sys-tertiary: light-dark(#00677e, #41d6ff);
  --mat-sys-tertiary-container: light-dark(#b4ebff, #004e5f);
  --mat-sys-tertiary-fixed: light-dark(#b4ebff, #b4ebff);
  --mat-sys-tertiary-fixed-dim: light-dark(#41d6ff, #41d6ff);
  --mat-sys-neutral-variant20: #303038;
  --mat-sys-neutral10: #1c1b1f;
}
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 Inter, system-ui, sans-serif;
  --mat-sys-body-large-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-body-medium-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-body-small-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-display-large-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-display-medium-font: Inter, system-ui, 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 Inter, system-ui, sans-serif;
  --mat-sys-display-small-font: Inter, system-ui, 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 Inter, system-ui, sans-serif;
  --mat-sys-headline-large-font: Inter, system-ui, 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 Inter, system-ui, sans-serif;
  --mat-sys-headline-medium-font: Inter, system-ui, 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 Inter, system-ui, sans-serif;
  --mat-sys-headline-small-font: Inter, system-ui, 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 0.875rem / 1.25rem Inter, system-ui, sans-serif;
  --mat-sys-label-large-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-label-medium-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-label-small-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-title-large-font: Inter, system-ui, 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 Inter, system-ui, sans-serif;
  --mat-sys-title-medium-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-title-small-font: Inter, system-ui, sans-serif;
  --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;
}

.dark-theme {
  color-scheme: dark;
  --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;
}
.dark-theme {
  --mat-sys-background: light-dark(#fcf8fd, #131316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f3eff4, #313034);
  --mat-sys-inverse-primary: light-dark(#c2c1fb, #595a8c);
  --mat-sys-inverse-surface: light-dark(#313034, #e5e1e6);
  --mat-sys-on-background: light-dark(#1c1b1f, #e5e1e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #2a2b5b);
  --mat-sys-on-primary-container: light-dark(#414273, #e1dfff);
  --mat-sys-on-primary-fixed: light-dark(#151545, #151545);
  --mat-sys-on-primary-fixed-variant: light-dark(#414273, #414273);
  --mat-sys-on-secondary: light-dark(#ffffff, #2f2f42);
  --mat-sys-on-secondary-container: light-dark(#45455a, #e2e0fa);
  --mat-sys-on-secondary-fixed: light-dark(#1a1a2c, #1a1a2c);
  --mat-sys-on-secondary-fixed-variant: light-dark(#45455a, #45455a);
  --mat-sys-on-surface: light-dark(#1c1b1f, #e5e1e6);
  --mat-sys-on-surface-variant: light-dark(#47464f, #e4e1ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #003543);
  --mat-sys-on-tertiary-container: light-dark(#004e5f, #b4ebff);
  --mat-sys-on-tertiary-fixed: light-dark(#001f28, #001f28);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#004e5f, #004e5f);
  --mat-sys-outline: light-dark(#777680, #918f9a);
  --mat-sys-outline-variant: light-dark(#c8c5d0, #47464f);
  --mat-sys-primary: light-dark(#595a8c, #c2c1fb);
  --mat-sys-primary-container: light-dark(#e1dfff, #414273);
  --mat-sys-primary-fixed: light-dark(#e1dfff, #e1dfff);
  --mat-sys-primary-fixed-dim: light-dark(#c2c1fb, #c2c1fb);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#5d5c72, #c6c4dd);
  --mat-sys-secondary-container: light-dark(#e2e0fa, #45455a);
  --mat-sys-secondary-fixed: light-dark(#e2e0fa, #e2e0fa);
  --mat-sys-secondary-fixed-dim: light-dark(#c6c4dd, #c6c4dd);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fcf8fd, #131316);
  --mat-sys-surface-bright: light-dark(#fcf8fd, #39393d);
  --mat-sys-surface-container: light-dark(#f0edf2, #201f23);
  --mat-sys-surface-container-high: light-dark(#ebe7ec, #2a292d);
  --mat-sys-surface-container-highest: light-dark(#e5e1e6, #353438);
  --mat-sys-surface-container-low: light-dark(#f6f2f7, #1c1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e11);
  --mat-sys-surface-dim: light-dark(#dcd9de, #131316);
  --mat-sys-surface-tint: light-dark(#595a8c, #c2c1fb);
  --mat-sys-surface-variant: light-dark(#e4e1ec, #47464f);
  --mat-sys-tertiary: light-dark(#00677e, #41d6ff);
  --mat-sys-tertiary-container: light-dark(#b4ebff, #004e5f);
  --mat-sys-tertiary-fixed: light-dark(#b4ebff, #b4ebff);
  --mat-sys-tertiary-fixed-dim: light-dark(#41d6ff, #41d6ff);
  --mat-sys-neutral-variant20: #303038;
  --mat-sys-neutral10: #1c1b1f;
}
.dark-theme {
  --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);
}
.dark-theme {
  --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);
}
.dark-theme {
  --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);
}
.dark-theme {
  --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);
}
.dark-theme {
  --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);
}
.dark-theme {
  --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);
}
.dark-theme {
  --mat-sys-body-large: 400 1rem / 1.5rem Inter, system-ui, sans-serif;
  --mat-sys-body-large-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-body-medium-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-body-small-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-display-large-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-display-medium-font: Inter, system-ui, 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 Inter, system-ui, sans-serif;
  --mat-sys-display-small-font: Inter, system-ui, 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 Inter, system-ui, sans-serif;
  --mat-sys-headline-large-font: Inter, system-ui, 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 Inter, system-ui, sans-serif;
  --mat-sys-headline-medium-font: Inter, system-ui, 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 Inter, system-ui, sans-serif;
  --mat-sys-headline-small-font: Inter, system-ui, 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 0.875rem / 1.25rem Inter, system-ui, sans-serif;
  --mat-sys-label-large-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-label-medium-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-label-small-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-title-large-font: Inter, system-ui, 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 Inter, system-ui, sans-serif;
  --mat-sys-title-medium-font: Inter, system-ui, sans-serif;
  --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 Inter, system-ui, sans-serif;
  --mat-sys-title-small-font: Inter, system-ui, sans-serif;
  --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;
}
.dark-theme {
  --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;
}
.dark-theme {
  --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;
}

/* Use outlined icons everywhere by default */
.mat-icon {
  font-family: "Material Icons Outlined" !important;
  font-feature-settings: "liga" !important;
  font-variant-ligatures: normal !important;
}

/* Restore ligature feature for explicit icon classes */
.material-icons,
.material-icons-outlined {
  font-feature-settings: "liga" !important;
  font-variant-ligatures: normal !important;
}

html,
body {
  height: 100%;
  color: var(--qira-on-surface);
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-feature-settings: "cv11", "ss01", "ss03";
  font-optical-sizing: auto;
}

body {
  background: var(--qira-app-bg);
  background-attachment: fixed;
  margin: 0;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a {
  color: var(--qira-primary);
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  color: var(--qira-primary);
}

/* Legacy utility classes (kept for in-progress SD redesign in stage 4) */
.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.mt-45 {
  margin-top: 2.25rem;
}

.mt-5 {
  margin-top: 3rem;
}

.mt-6 {
  margin-top: 4.5rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mb-45 {
  margin-bottom: 2.25rem;
}

.mb-5 {
  margin-bottom: 3rem;
}

.mb-6 {
  margin-bottom: 4.5rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 1rem;
}

.ml-4 {
  margin-left: 1.5rem;
}

.ml-5 {
  margin-left: 3rem;
}

.ml-6 {
  margin-left: 4.5rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 1rem;
}

.mr-4 {
  margin-right: 1.5rem;
}

.mr-5 {
  margin-right: 3rem;
}

.mr-6 {
  margin-right: 4.5rem;
}

.w-100 {
  width: 100%;
}

.d-flex {
  display: flex;
}

.d-inline-block {
  display: inline-block;
}

.justify-content-end {
  justify-content: end;
}

.clickable {
  cursor: pointer;
}

.break-word {
  word-break: break-word;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.flex-align-center-justify-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Snackbar — Qira-tinted toast */
.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: transparent;
  --mdc-snackbar-supporting-text-color: var(--qira-on-surface);
}
.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  min-height: 48px;
  padding: 10px 14px 10px 42px !important;
  position: relative;
  border: 1px solid var(--qira-shell-border);
  border-radius: var(--qira-radius-md) !important;
  background: var(--qira-menu-bg) !important;
  color: var(--qira-on-surface) !important;
  box-shadow: var(--qira-elev-menu) !important;
}
.mat-mdc-snack-bar-container .mdc-snackbar__surface::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--qira-on-surface-muted);
  transform: translateY(-50%);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--qira-on-surface) 14%, transparent);
}
.mat-mdc-snack-bar-container.notification-success .mdc-snackbar__surface {
  background: color-mix(in srgb, var(--qira-success) 8%, var(--qira-menu-bg)) !important;
  border-color: color-mix(in srgb, var(--qira-success) 35%, var(--qira-shell-border)) !important;
}
.mat-mdc-snack-bar-container.notification-success .mdc-snackbar__surface::before {
  background: var(--qira-success);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--qira-success) 20%, transparent);
}
.mat-mdc-snack-bar-container.notification-warning .mdc-snackbar__surface {
  background: color-mix(in srgb, var(--qira-warn) 8%, var(--qira-menu-bg)) !important;
  border-color: color-mix(in srgb, var(--qira-warn) 35%, var(--qira-shell-border)) !important;
}
.mat-mdc-snack-bar-container.notification-warning .mdc-snackbar__surface::before {
  background: var(--qira-warn);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--qira-warn) 20%, transparent);
}
.mat-mdc-snack-bar-container.notification-error .mdc-snackbar__surface {
  background: color-mix(in srgb, var(--qira-error) 8%, var(--qira-menu-bg)) !important;
  border-color: color-mix(in srgb, var(--qira-error) 35%, var(--qira-shell-border)) !important;
}
.mat-mdc-snack-bar-container.notification-error .mdc-snackbar__surface::before {
  background: var(--qira-error);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--qira-error) 20%, transparent);
}

/* Primary buttons — Qira polish */
.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary {
  background: var(--qira-primary) !important;
  color: var(--qira-primary-contrast) !important;
  border-radius: var(--qira-radius-md) !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--qira-primary) 28%, transparent) !important;
}

.mat-mdc-raised-button.mat-primary:disabled,
.mat-mdc-raised-button.mat-primary.mat-mdc-button-disabled,
.mat-mdc-unelevated-button.mat-primary:disabled,
.mat-mdc-unelevated-button.mat-primary.mat-mdc-button-disabled {
  background: color-mix(in srgb, var(--qira-on-surface) 10%, var(--qira-surface-raised)) !important;
  color: var(--qira-on-surface-subtle) !important;
  box-shadow: none !important;
  opacity: 1;
}

/* Disabled cursor for all Material buttons */
.mat-mdc-button-base:disabled,
.mat-mdc-button-base.mat-mdc-button-disabled {
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

.mat-mdc-card {
  background: color-mix(in srgb, var(--qira-surface) 92%, transparent) !important;
  border: 1px solid var(--qira-shell-border) !important;
  border-radius: var(--qira-radius-lg) !important;
  box-shadow: var(--qira-elev-1) !important;
}

.actions.mat-mdc-menu-panel {
  min-width: 168px;
  border: 1px solid var(--qira-shell-border);
  border-radius: var(--qira-radius-md) !important;
  background: var(--qira-menu-bg) !important;
  box-shadow: var(--qira-elev-menu) !important;
  overflow: hidden;
}
.actions.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 8px !important;
  background: var(--qira-menu-bg) !important;
}
.actions.mat-mdc-menu-panel .mat-mdc-menu-item {
  min-height: 40px;
  border-radius: 8px;
  color: var(--qira-on-surface);
  font-size: 13px;
  font-weight: 700;
}
.actions.mat-mdc-menu-panel .mat-mdc-menu-item:hover:not([disabled]) {
  background: color-mix(in srgb, var(--qira-on-surface) 7%, transparent);
}

/* Top-bar user menu */
.qira-user-menu .mat-mdc-menu-panel,
.qira-user-menu.mat-mdc-menu-panel {
  --qira-menu-panel-bg: var(--qira-menu-bg);
  --qira-menu-panel-border: var(--qira-control-border);
  --qira-menu-panel-divider: var(--qira-control-border);
  --qira-menu-panel-text: var(--qira-on-surface);
  --qira-menu-panel-muted: var(--qira-on-surface-subtle);
  --qira-menu-panel-avatar-bg: var(--qira-avatar-bg);
  --qira-menu-panel-avatar-fg: var(--qira-avatar-fg);
  --qira-menu-panel-hover: color-mix(in srgb, var(--qira-on-surface) 7%, transparent);
  --qira-menu-panel-danger: var(--qira-error);
  min-width: 238px;
  overflow: hidden;
  border: 1px solid var(--qira-menu-panel-border);
  border-radius: 14px !important;
  background: var(--qira-menu-panel-bg) !important;
  box-shadow: var(--qira-elev-menu) !important;
}
.qira-user-menu .mat-mdc-menu-panel .mat-mdc-menu-content,
.qira-user-menu.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 12px 12px !important;
  background: var(--qira-menu-panel-bg) !important;
}
.qira-user-menu .mat-mdc-menu-panel .mat-divider,
.qira-user-menu .mat-mdc-menu-panel .mat-mdc-menu-content > mat-divider,
.qira-user-menu.mat-mdc-menu-panel .mat-divider,
.qira-user-menu.mat-mdc-menu-panel .mat-mdc-menu-content > mat-divider {
  margin: 8px 0 !important;
  border-top-color: var(--qira-menu-panel-divider) !important;
}

.qira-user-menu--welcome.mat-mdc-menu-panel {
  --qira-menu-panel-bg: #FFFFFF;
  --qira-menu-panel-border: #DDE4F0;
  --qira-menu-panel-divider: #DDE4F0;
  --qira-menu-panel-text: #121242;
  --qira-menu-panel-muted: #8A95AA;
  --qira-menu-panel-avatar-bg: #EEF3FF;
  --qira-menu-panel-avatar-fg: #121242;
  --qira-menu-panel-hover: #F8FAFF;
  --qira-menu-panel-danger: #DC3546;
  box-shadow: 0 14px 36px rgba(18, 18, 66, 0.14) !important;
}

.qira-user-menu__profile {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 56px !important;
  padding: 8px 6px !important;
  opacity: 1 !important;
  background: var(--qira-menu-panel-bg) !important;
}
.qira-user-menu__profile .mat-mdc-menu-item-text {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
}
.qira-user-menu__profile .qira-user-menu__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--qira-menu-panel-avatar-bg);
  color: var(--qira-menu-panel-avatar-fg);
  font-size: 13px;
  font-weight: 800;
  flex-shrink: 0;
}
.qira-user-menu__profile .qira-user-menu__identity {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.qira-user-menu__profile .qira-user-menu__name {
  color: var(--qira-menu-panel-text);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}
.qira-user-menu__profile .qira-user-menu__email {
  color: var(--qira-menu-panel-muted);
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qira-user-menu__danger {
  min-height: 44px !important;
  border-radius: 8px !important;
  color: var(--qira-menu-panel-danger) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.qira-user-menu__danger mat-icon {
  color: var(--qira-menu-panel-danger) !important;
  margin-right: 12px !important;
}
.qira-user-menu__danger:hover {
  background: color-mix(in srgb, var(--qira-menu-panel-danger) 10%, transparent) !important;
}

/* Top-bar notifications menu */
.qira-notif-menu .mat-mdc-menu-panel,
.qira-notif-menu.mat-mdc-menu-panel {
  min-width: 280px;
  overflow: hidden;
  border: 1px solid var(--qira-control-border);
  border-radius: 14px !important;
  background: var(--qira-menu-bg) !important;
  box-shadow: var(--qira-elev-menu) !important;
}
.qira-notif-menu .mat-mdc-menu-panel .mat-mdc-menu-content,
.qira-notif-menu.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 12px 12px !important;
  background: var(--qira-menu-bg) !important;
}
.qira-notif-menu .mat-mdc-menu-panel .mat-divider,
.qira-notif-menu .mat-mdc-menu-panel .mat-mdc-menu-content > mat-divider,
.qira-notif-menu.mat-mdc-menu-panel .mat-divider,
.qira-notif-menu.mat-mdc-menu-panel .mat-mdc-menu-content > mat-divider {
  margin: 8px 0 !important;
  border-top-color: var(--qira-control-border) !important;
}

.qira-notif-menu__header {
  min-height: 42px !important;
  padding: 0 8px !important;
  opacity: 1 !important;
  background: var(--qira-menu-bg) !important;
}
.qira-notif-menu__header .qira-notif-menu__title {
  color: var(--qira-on-surface);
  font-size: 14px;
  font-weight: 800;
}

.qira-notif-menu__empty {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 44px !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  color: var(--qira-on-surface-muted);
}
.qira-notif-menu__empty mat-icon {
  color: var(--qira-on-surface-subtle);
}

/* Compact table pager */
.qira-card-pager .paginator-container {
  align-items: center;
  gap: 12px;
}
.qira-card-pager .paginator-container > p {
  color: var(--qira-on-surface);
  font-size: 13px;
  font-weight: 700;
}
.qira-card-pager .buttons {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-left: 0;
  overflow: hidden;
  border: 1px solid var(--qira-control-border);
  border-radius: var(--qira-radius-md);
  background: var(--qira-control-bg);
}
.qira-card-pager .buttons button {
  width: 36px;
  height: 34px;
  border-radius: 0;
}
.qira-card-pager .buttons button + button {
  border-left: 1px solid var(--qira-control-border);
}

.qira-card-pager--bottom .paginator-container > p {
  display: none;
}

/* Modern search wrapper for legacy app-search */
.qira-modern-search .search-row {
  justify-content: stretch;
}
.qira-modern-search .table-sort {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--qira-control-border);
  border-radius: var(--qira-radius-md);
  background: var(--qira-control-bg);
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
.qira-modern-search .table-sort:focus-within, .qira-modern-search .table-sort:hover {
  border-color: var(--qira-outline-strong);
  background: var(--qira-control-hover-bg);
  box-shadow: var(--qira-elev-1);
}
.qira-modern-search .borderless-input {
  width: 100%;
  max-height: none;
  margin: 0;
  padding: 0 12px;
  background: transparent;
  color: var(--qira-on-surface);
  font-size: 14px;
  outline: none;
}
.qira-modern-search .borderless-input::placeholder {
  color: var(--qira-on-surface-subtle);
}
.qira-modern-search .action-icon-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}

/* Disable MDC circular state-layer for custom icon buttons — hover is handled via button background-color */
.qira-row-actions .mat-mdc-icon-button,
.qira-back-btn.mat-mdc-icon-button {
  --mat-icon-button-hover-state-layer-opacity: 0;
  --mat-icon-button-focus-state-layer-opacity: 0;
  --mat-icon-button-pressed-state-layer-opacity: 0;
  --mat-icon-button-ripple-color: transparent;
}

/* Responsive helpers */
@media (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }
}

/* ── Qira dialog container ────────────────────────────────────────────────── */
.mat-mdc-dialog-container {
  --mdc-dialog-container-shape: var(--qira-radius-lg);
  --mdc-dialog-container-color: var(--qira-surface-raised);
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  border: 1px solid var(--qira-shell-border) !important;
  box-shadow: var(--qira-elev-3) !important;
}

.mat-mdc-dialog-content {
  --mdc-dialog-supporting-text-color: var(--qira-on-surface);
  max-height: 70vh;
}

.qira-file-view-dialog .mat-mdc-dialog-container {
  --mdc-dialog-container-color: transparent;
}
.qira-file-view-dialog .mdc-dialog__surface {
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/sd-styles.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sd {
  font-size: 16px;
  color: #414C58;
  font-family: "Inter";
  max-width: 1275px;
  margin: 1rem auto 2rem;
}
.sd p:last-child {
  margin-bottom: 0;
}
.sd h1,
.sd h2,
.sd h3,
.sd h4 {
  margin: 0;
}
.sd h1 {
  font-family: "Montserrat";
  font-size: 40px;
  font-weight: 700;
  color: #334A52;
}
.sd h2 {
  font-family: "Montserrat";
  font-size: 32px;
  font-weight: 700;
  color: #121242;
}
.sd h3 {
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 700;
  color: #121242;
}
.sd .title-1-bold {
  font-size: 40px;
  text-decoration: none;
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 48px;
}
.sd .title-2-bold {
  font-size: 32px;
  text-decoration: none;
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 40px;
}
.sd .title-2-medium {
  font-size: 32px;
  text-decoration: none;
  font-family: Montserrat;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 40px;
}
.sd .title-3-bold {
  font-size: 24px;
  text-decoration: none;
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 32px;
}
.sd .title-3-medium {
  font-size: 24px;
  text-decoration: none;
  font-family: Montserrat;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 32px;
}
.sd .title-4-bold {
  font-size: 20px;
  text-decoration: none;
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 30px;
}
.sd .title-4-medium {
  font-size: 20px;
  text-decoration: none;
  font-family: Montserrat;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 30px;
}
.sd .text-18-bold {
  font-size: 18px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 28px;
}
.sd .text-18-medium {
  font-size: 18px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 28px;
}
.sd .text-18-regular {
  font-size: 18px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 28px;
}
.sd .text-16-bold {
  font-size: 16px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 24px;
}
.sd .text-16-medium {
  font-size: 16px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 24px;
}
.sd .text-16-regular {
  font-size: 16px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 24px;
}
.sd .text-14-medium {
  font-size: 14px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 20px;
}
.sd .text-14-regular {
  font-size: 14px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 20px;
}
.sd .text-caption-bold {
  font-size: 12px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 18px;
}
.sd .text-caption-medium {
  font-size: 12px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 18px;
}
.sd .text-caption-regular {
  font-size: 12px;
  text-decoration: none;
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 18px;
}
.sd .primary-text {
  font-size: 16px;
  font-weight: 400;
  color: #2B333B;
}
.sd .secondary-text {
  font-weight: 400;
  color: #5A6572;
}
.sd .primary-text,
.sd .secondary-text {
  font-size: 16px;
  line-height: 24px;
}
.sd .primary-button,
.sd .secondary-button,
.sd .tertiary-button {
  font-size: 18px;
  font-family: "Inter";
  font-weight: 500;
  padding: 8px 40px !important;
  border-radius: 8px !important;
}
.sd .tertiary-button {
  background-color: transparent !important;
}
.sd .mat-button-base .mat-button-focus-overlay {
  background-color: transparent;
}
.sd .mat-button-base .mat-icon.left-icon {
  margin: 0 8px 0 -8px;
}
.sd .mat-button-base .mat-icon.right-icon {
  margin: 0 -8px 0 8px;
}
.sd .mat-button-base.primary-button {
  color: #F5F5F4;
  background-color: #19C9F2;
  box-shadow: 8px 8px 30px rgba(91, 215, 243, 0.4);
}
.sd .mat-button-base.primary-button.disabled, .sd .mat-button-base.primary-button:disabled {
  color: #F5F5F4;
  background-color: #B8C1CC;
  box-shadow: 8px 8px 30px rgba(184, 193, 204, 0.4);
}
.sd .mat-button-base.primary-button:hover:not(:disabled) {
  opacity: 0.6;
}
.sd .mat-button-base.secondary-button {
  color: #19C9F2;
  background-color: #FFFFFF;
  border: 1px solid #19C9F2;
}
.sd .mat-button-base.secondary-button.disabled, .sd .mat-button-base.secondary-button:disabled {
  color: #B8C1CC;
  border: 1px solid #B8C1CC;
}
.sd .mat-button-base.secondary-button:hover:not(:disabled) {
  opacity: 0.6;
}
.sd .mat-button-base.tertiary-button {
  color: #19C9F2;
  background-color: none;
}
.sd .mat-button-base.tertiary-button.disabled, .sd .mat-button-base.tertiary-button:disabled {
  color: #B8C1CC;
}
.sd .mat-button-base.tertiary-button:hover:not(:disabled) {
  opacity: 0.6;
}
.sd .tab {
  font-family: "Inter";
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #334A52;
  margin-left: 8px;
  padding: 8px 16px;
  border-radius: 16px;
  background: #FFFFFF;
}
.sd .preset {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  color: #002433;
  border-radius: 16px;
  margin-right: 8px;
  padding: 10px 16px;
  white-space: nowrap;
  font-weight: 400;
  font-size: 18px;
  line-height: 19px;
}
.sd .preset:last-child {
  margin-right: 0;
}
.sd .preset:hover:not([disabled]):not(.active) {
  color: #006B99;
}
.sd .preset.active {
  font-weight: 700;
  background: #FFFFFF;
  color: #19C9F2;
}
.sd .preset[disabled] {
  background: #E2E5E9;
  color: #5A6572;
}
.sd .tab:first-child {
  margin-left: 0px;
}
.sd .selected-tab {
  color: #19C9F2;
  font-weight: 500;
  background: rgba(25, 201, 242, 0.1);
}
.sd .chevron-icon {
  color: #2E6673;
}
.sd .align-text-vertically {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
.sd .sd-full-label,
.sd .sd-full-choice-label,
.sd .sd-full-installments-label,
.sd .sd-alternative-label,
.sd .sd-full-subscription-label {
  padding: 2px 8px;
  border-radius: 16px;
  width: fit-content;
}
.sd .sd-full-label span,
.sd .sd-full-choice-label span,
.sd .sd-full-installments-label span,
.sd .sd-alternative-label span,
.sd .sd-full-subscription-label span {
  height: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.sd .renewal-opt-out-label {
  padding: 2px 8px;
  border-radius: 16px;
  width: fit-content;
  background: #fef2f2;
}
.sd .renewal-opt-out-label span {
  height: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #dc2626;
}
.sd .renewal-available-label {
  padding: 2px 8px;
  border-radius: 16px;
  width: fit-content;
  background: #ffef96;
}
.sd .renewal-available-label span {
  height: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #be8300;
}
.sd .sd-full-label {
  background: #FCEBE8;
}
.sd .sd-full-label span {
  color: #D21B73;
}
.sd .sd-full-choice-label,
.sd .sd-full-installments-label {
  background: #F8E8FC;
}
.sd .sd-full-choice-label span,
.sd .sd-full-installments-label span {
  color: #6C1BD2;
}
.sd .sd-alternative-label {
  background: #C8FEE3;
}
.sd .sd-alternative-label span {
  color: #087941;
}
.sd .sd-full-subscription-label {
  background: #D5F0F6;
}
.sd .sd-full-subscription-label span {
  color: #1A8B93;
}
.sd .sd-resident-success-label,
.sd .sd-resident-warning-label,
.sd .sd-resident-error-label,
.sd .sd-resident-info-label {
  padding: 2px 8px;
  border-radius: 16px;
  width: fit-content;
  height: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.sd .sd-resident-warning-label {
  background: #fcf5e8;
  color: #93631a;
}
.sd .sd-resident-error-label {
  background: #f5cdcd;
  color: #d21b24;
}
.sd .sd-resident-info-label {
  background: #F8E8FC;
  color: #6C1BD2;
}
.sd .sd-resident-success-label {
  background: #C8FEE3;
  color: #087941;
}
.sd .mat-table {
  border-collapse: separate;
  border-spacing: 0px 8px;
  background: none;
}
.sd .mat-cell,
.sd .mat-header-cell {
  border: none;
}
.sd .table-link {
  font-size: 14px;
  font-weight: 400;
  color: #006B99;
  line-height: 24px;
}
.sd .mat-header-cell {
  text-align: center;
  color: #F5F5F4;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.75px;
  text-transform: none;
}
.sd .mat-header-cell:first-child {
  border-radius: 4px 0px 0px 4px;
}
.sd .mat-header-cell:last-child {
  border-radius: 0px 4px 4px 0px;
}
.sd .mat-header-row {
  background: #5A6572;
}
.sd .mat-row {
  margin-top: 8px;
  background: #FFFFFF;
}
.sd .mat-row:hover {
  background: #E5F7FF;
  cursor: pointer;
}
.sd .sd-table-static .mat-row:hover {
  background: #FFFFFF;
  cursor: auto;
}
.sd tr > .mat-cell:first-child {
  border-radius: 4px 0px 0px 4px;
}
.sd tr > .mat-cell:last-child {
  border-radius: 0px 4px 4px 0px;
}
.sd th.mat-header-cell:first-of-type,
.sd td.mat-cell:first-of-type,
.sd td.mat-footer-cell:first-of-type {
  padding-left: 24px !important;
}
.sd .table-chevron-icon {
  color: #7F8C89;
}
.sd .checkbox-select-wrapper {
  position: relative;
  height: 42px;
  min-width: 72px;
  width: fit-content;
  border-style: solid;
  border-color: #6EDEF7;
  border-radius: 8px;
  background: #F3F9F8;
  display: inline-flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
}
.sd .checkbox-select-wrapper ::ng-deep .mat-checkbox-layout {
  margin-bottom: 0px;
}
.sd .checkbox-select-wrapper ::ng-deep .mat-checkbox-frame {
  border-color: #19C9F2;
}
.sd .table-sort {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #6EDEF7;
  padding-left: 8px;
}
.sd .table-sort-text {
  color: #414C58;
  font-size: 18px;
  font-weight: 500;
  margin-left: 15px;
  line-height: 19px;
}
.sd .table-sort-title {
  color: #818489;
  font-size: 18px;
  font-weight: 400;
  white-space: nowrap;
}
.sd .table-top {
  display: flex;
}
.sd .table-top-left-side {
  width: 100%;
  display: flex;
}
.sd .sd-table th {
  justify-content: start;
  align-content: start;
  text-align: start;
  padding-left: 8px;
}
.sd .sd-table td {
  vertical-align: top;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.sd .sd-table td p {
  margin-top: 8px;
  margin-bottom: 0px;
}
.sd .sd-table ::ng-deep .mat-checkbox-layout {
  margin-bottom: 0px;
}
.sd .sd-table td.expand-button-cell {
  padding-top: 5px !important;
}
.sd .table-buttons {
  margin: 0 2rem;
  display: flex;
  align-items: center;
}
.sd .table-button {
  border: none;
  border-radius: 16px;
  background: #74A89C;
  margin-left: 16px;
  padding: 4px 8px;
}
.sd .table-button .table-button-text {
  height: 16px;
  color: #F5F5F4;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.sd ::ng-deep .mat-checkbox {
  height: 44px;
}
.sd ::ng-deep .mat-checkbox-label {
  margin-left: 28px;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}
.sd ::ng-deep .mat-checkbox-disabled .mat-checkbox-label {
  color: #B8C1CC;
}
.sd ::ng-deep .mat-checkbox-background,
.sd ::ng-deep .mat-checkbox-frame {
  border-radius: 4px;
}
.sd ::ng-deep .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.sd ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #19C9F2;
}
.sd ::ng-deep .mat-checkbox-frame {
  border-color: #B8C1CC;
}
.sd ::ng-deep mat-form-field {
  height: 85.33px;
}
.sd ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline {
  min-height: 57px;
  color: #008FCC;
  background-color: #FFFFFF;
}
.sd ::ng-deep .mat-form-field-disabled .mat-form-field-outline {
  background: none !important;
}
.sd ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #008FCC;
}
.sd ::ng-deep .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #DC2E42;
}
.sd ::ng-deep .mat-input-element {
  height: 24px;
  caret-color: #2B333B;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  color: #002433;
}
.sd ::ng-deep .mat-form-field-label {
  color: #2B333B;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  color: #2B333B;
}
.sd ::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.5em 0 1em 0;
  width: 100%;
}
.sd ::ng-deep .mat-form-field.mat-focused .mat-form-field-label {
  color: #414C58;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  color: #2B333B;
}
.sd ::ng-deep .mat-form-field.ng-invalid .mat-form-field-label {
  color: #2B333B;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  color: #2B333B;
}
.sd ::ng-deep .mat-error {
  white-space: nowrap;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  color: #DC2E42;
}
.sd ::ng-deep .mat-form-field .mat-icon {
  color: #DC2E42;
}
.sd .text-regular {
  font-weight: 400;
}
.sd .card {
  border-radius: 8px;
  box-shadow: none;
}
.sd .mat-dialog-container {
  padding: 24px 40px;
}
.sd .mat-dialog-container scrollbar-y {
  right: -38px !important;
}

.round-button {
  height: 48px !important;
  width: 48px !important;
  border-radius: 50%;
  border-style: solid;
  border-color: #19C9F2;
  background: #19C9F2;
  margin-left: 16px;
  padding: 4px 8px;
}
.round-button:hover:not(:disabled) {
  background-color: #ffffff;
}
.round-button:hover:not(:disabled) .svg-action-icon {
  filter: brightness(0) saturate(100%) invert(55%) sepia(100%) saturate(1246%) hue-rotate(157deg) brightness(107%) contrast(90%);
}
.round-button:focus:not(:disabled) {
  background-color: #43897B;
  border-color: #43897B;
}
.round-button:disabled {
  background-color: #E2E5E9;
  border-color: #9098A2;
}
.round-button:disabled .svg-action-icon {
  filter: brightness(0) saturate(100%) invert(65%) sepia(10%) saturate(311%) hue-rotate(173deg) brightness(92%) contrast(86%);
}

.round-delete-button:hover:not(:disabled) {
  border-color: #AB2346;
  background-color: #ffffff;
}
.round-delete-button:hover:not(:disabled) .svg-action-icon {
  filter: brightness(0) saturate(100%) invert(16%) sepia(90%) saturate(2197%) hue-rotate(326deg) brightness(98%) contrast(92%);
}

.round-done-button {
  height: 48px !important;
  width: 48px !important;
  border-radius: 50%;
  border-style: solid;
  border-color: #43897B;
  background-color: #43897B;
  margin-left: 16px;
  padding: 4px 8px;
}

.width-limit {
  white-space: unset !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}
.width-limit.width-5 {
  flex: 0 0 5% !important;
  width: 5% !important;
}
.width-limit.width-15 {
  flex: 0 0 15% !important;
  width: 15% !important;
}
.width-limit.width-20 {
  flex: 0 20% 0 !important;
  width: 20% !important;
}
.width-limit.width-25 {
  flex: 0 25% 0 !important;
  width: 25% !important;
}

.decline-action:hover {
  background: #FCEBE8 !important;
}

.approve-action:hover {
  background: #E8FCF0 !important;
}

.red-action:hover {
  background: #FCEBE8 !important;
}
.red-action:hover img {
  filter: hue-rotate(-205.13deg) saturate(71.31%) brightness(132.16%);
}

.blue-action:hover {
  background: #CCF0FF !important;
}
.blue-action:hover img {
  filter: hue-rotate(-0.36deg) saturate(100%) brightness(131.96%);
}

.footer-paginator {
  display: flex;
  justify-content: end;
}

.blue-radio-button.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle,
.blue-radio-button .mat-radio-outer-circle {
  border-color: #19C9F2;
}
.blue-radio-button.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #19C9F2;
}

.mat-menu-panel {
  margin: 10px -20px 0px 0px;
}

.mat-menu-panel.actions {
  box-shadow: -4px 4px 24px 5px rgba(138, 126, 216, 0.1);
  border-radius: 16px !important;
  padding: 8px;
}
.mat-menu-panel.actions .mat-menu-content .mat-menu-item {
  border-radius: 8px;
  padding: 8px 32px 8px 12px;
  display: flex;
  align-items: center;
}
.mat-menu-panel.actions .mat-menu-content .mat-menu-item .mat-icon {
  margin-right: 8px;
}
.mat-menu-panel.actions .mat-menu-content .mat-menu-item:hover {
  background-color: #414C58;
}
.mat-menu-panel.actions .mat-menu-content .mat-menu-item:hover .mat-icon {
  filter: invert(45%) sepia(44%) saturate(7494%) hue-rotate(268deg) brightness(95%) contrast(91%);
}

.mat-menu-panel.profile {
  box-shadow: -4px 4px 24px 5px rgba(138, 126, 216, 0.1);
  border-radius: 16px !important;
}
.mat-menu-panel.profile .mat-menu-content {
  word-break: break-all;
}
.mat-menu-panel.profile .mat-menu-content:not(:empty) {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 3rem;
}
.mat-menu-panel.profile .mat-menu-content .name {
  padding: 24px 40px 40px 100px;
}
.mat-menu-panel.profile .mat-menu-content .mat-menu-item {
  display: flex;
  align-items: center;
  padding: 5px 20px;
  height: auto;
  line-height: 24px;
  white-space: break-spaces;
}
.mat-menu-panel.profile .mat-menu-content .mat-menu-item .menu-icon {
  display: flex;
  border-radius: 50%;
  margin-right: 1rem;
}
.mat-menu-panel.profile .mat-menu-content .mat-menu-item .menu-icon .icon {
  height: 18px;
  width: 18px;
}
.mat-menu-panel.profile .mat-menu-content .mat-menu-item[disabled] {
  color: inherit;
}

/*# sourceMappingURL=styles.css.map*/