/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles/_tokens.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
   Walletron design tokens
   ═══════════════════════════════════════════════════════════════════════════

   Three tiers. The indirection between them is the point: it is the seam you
   re-point to change the portal's appearance, support per-brand theming, or
   fix a contrast problem — without hunting through 224 hardcoded colours.

     TIER 1  PRIMITIVES   facts about colour and measure. No opinion on use.
                          Never referenced directly by component CSS.
     TIER 2  SEMANTIC     roles: surface, border, text, accent, status.
                          This is the tier component CSS and the PrimeNG preset
                          should use. Re-point a role, and everything using it
                          follows.
     TIER 3  LEGACY       back-compat aliases for the twelve ad-hoc tokens that
                          predate this file, so existing CSS keeps working
                          unchanged while call sites migrate to tier 2.

   Values here were derived from what the codebase already used, so adopting
   this file changes nothing visually. See docs/adr/0004.

   Rules of use:
     - component CSS uses TIER 2 only
     - add a new colour as a TIER 1 primitive, then give it a TIER 2 role
     - never write a raw hex, rgba() or bare length in component CSS

   ═══════════════════════════════════════════════════════════════════════════ */


/* ───────────────────────────────────────────────────────────────────────────
   TIER 1 — PRIMITIVES
   ─────────────────────────────────────────────────────────────────────────── */

:root {

  /* ── Navy / ink: the app chrome and body text ──────────────────────────── */
  --wal-navy-950: #07111f;
  --wal-navy-900: #0f172a;
  --wal-navy-870: #0b1423;
  --wal-navy-840: #11162f;
  --wal-navy-800: #17243a;
  --wal-navy-700: #18324a;

  /* ── Indigo: the far end of the app-bar gradient ───────────────────────── */
  --wal-indigo-950: #11183d;
  --wal-indigo-900: #1e1b4b;

  /* ── Cyan: the accent ──────────────────────────────────────────────────── */
  --wal-cyan-300: #67e8f9;
  --wal-cyan-400: #22d3ee;
  --wal-cyan-700: #0e7490;
  --wal-cyan-900: #164e63;

  /* ── Slate: borders, secondary text, dividers ──────────────────────────── */
  --wal-slate-200: #e2e8f0;
  --wal-slate-250: #d9e4ee;
  --wal-slate-300: #cbd5e1;
  --wal-slate-400: #94a3b8;
  --wal-slate-450: #8fb8d3;
  --wal-slate-500: #64748b;

  /* ── Surfaces: page and card grounds ───────────────────────────────────── */
  --wal-white:      #ffffff;
  --wal-surface-25: #fbfdff;
  --wal-surface-50: #fafbfd;
  --wal-surface-75: #f6f9fc;
  --wal-surface-100:#f2f6fa;
  --wal-surface-150:#eef2f5;

  /* ── Status ────────────────────────────────────────────────────────────── */
  --wal-green-500:  #1fa441;
  --wal-green-200:  #a3e2c6;
  --wal-red-600:    #dc2626;
  --wal-red-200:    #f4b6b6;
  --wal-amber-400:  #ffbf3f;
  --wal-amber-100:  #ffebc4;

  /* ── Type families ─────────────────────────────────────────────────────── */
  --wal-family-ui:   "Segoe UI", Arial, sans-serif;
  --wal-family-body: "Calibri", sans-serif;

  /* ── Space scale ───────────────────────────────────────────────────────── */
  --wal-space-1: 0.25rem;
  --wal-space-2: 0.5rem;
  --wal-space-3: 0.75rem;
  --wal-space-4: 1rem;
  --wal-space-5: 1.5rem;
  --wal-space-6: 2rem;
  --wal-space-7: 3rem;

  /* ── Type scale ────────────────────────────────────────────────────────── */
  --wal-text-xs: 0.8rem;
  --wal-text-sm: 0.85rem;
  --wal-text-md: 0.9rem;
  --wal-text-base: 0.95rem;
  --wal-text-lg: 1rem;
  --wal-text-xl: 1.15rem;

  /* ── Radius scale ──────────────────────────────────────────────────────── */
  --wal-radius-sm: 4px;
  --wal-radius-md: 8px;
  --wal-radius-lg: 12px;
  --wal-radius-pill: 999px;

  /* ── Elevation ─────────────────────────────────────────────────────────── */
  --wal-elevation-1: 0 1px 2px rgb(0 0 0 / .06);
  --wal-elevation-2: 0 2px 8px rgb(0 0 0 / .08);
  --wal-elevation-card: 0 0 0 1px rgb(14 116 144 / .10), 0 11px 25px rgb(15 23 42 / .07);
  --wal-elevation-appbar: 0 8px 26px rgb(2 6 23 / .28);
  --wal-elevation-drawer: 20px 0 46px rgb(2 6 23 / .20);

  /* ── Z-index scale ─────────────────────────────────────────────────────── */
  --wal-z-base: 1;
  --wal-z-appbar: 2;
  --wal-z-sticky: 10;
  --wal-z-overlay: 1000;
  --wal-z-toast: 1100;

  /* ── Breakpoints ───────────────────────────────────────────────────────────
     Recorded here for reference only. CSS custom properties cannot be used in
     @media queries, so these must be written as literals in media queries
     until the project adopts a preprocessor or Tailwind:
         sm 576px   md 768px   lg 992px   xl 1200px
         The app bar additionally breaks at 1100px, 1300px and 1440px.
     ───────────────────────────────────────────────────────────────────────── */
}


/* ───────────────────────────────────────────────────────────────────────────
   TIER 2 — SEMANTIC ROLES
   This is the tier to use. Each role points at a primitive.
   ─────────────────────────────────────────────────────────────────────────── */

:root {

  /* ── Surfaces ──────────────────────────────────────────────────────────── */
  --wal-surface-page:    var(--wal-surface-75);
  --wal-surface-card:    var(--wal-white);
  --wal-surface-raised:  var(--wal-surface-50);
  --wal-surface-sunken:  var(--wal-surface-150);
  --wal-surface-inverse: var(--wal-navy-900);

  /* the app bar and drawer are gradients, composed from primitives */
  --wal-surface-appbar:
    radial-gradient(circle at 12% -20%, rgb(34 211 238 / .13), transparent 34%),
    linear-gradient(105deg,
      var(--wal-navy-950) 0%,
      var(--wal-navy-900) 42%,
      var(--wal-indigo-950) 72%,
      var(--wal-indigo-900) 100%);

  --wal-surface-drawer:
    radial-gradient(circle at 0% 0%, rgb(34 211 238 / .10), transparent 30%),
    linear-gradient(180deg, var(--wal-navy-870) 0%, var(--wal-navy-840) 100%);

  --wal-surface-panel:
    radial-gradient(circle at 82% 18%, rgb(34 211 238 / .12), transparent 24%),
    linear-gradient(180deg, var(--wal-white) 0%, var(--wal-surface-50) 38%, var(--wal-surface-150) 100%);

  /* ── Borders ───────────────────────────────────────────────────────────── */
  --wal-border-subtle:  var(--wal-slate-200);
  --wal-border-default: var(--wal-slate-450);
  --wal-border-strong:  var(--wal-navy-900);
  --wal-border-inverse: rgb(255 255 255 / .18);

  /* ── Text ──────────────────────────────────────────────────────────────── */
  --wal-text-body:      var(--wal-navy-700);
  --wal-text-heading:   var(--wal-navy-900);
  --wal-text-muted:     var(--wal-slate-500);
  --wal-text-inverse:   var(--wal-white);
  --wal-text-on-dark-muted: var(--wal-slate-300);

  /* ── Accent ────────────────────────────────────────────────────────────── */
  --wal-accent:         var(--wal-cyan-400);
  --wal-accent-strong:  var(--wal-cyan-700);
  --wal-accent-on-dark: var(--wal-cyan-300);
  --wal-accent-deep:    var(--wal-cyan-900);
  --wal-accent-wash:    rgb(34 211 238 / .12);
  --wal-accent-wash-strong: rgb(34 211 238 / .16);

  /* ── Link ──────────────────────────────────────────────────────────────── */
  /* ADR-0006: added for the PrimeNG `semantic.link` bridge. The cyan primitive scale has no
     step darker than --wal-cyan-900, so hover and active share one — a real gap, not a typo. */
  --wal-link-color:        var(--wal-accent-strong);
  --wal-link-hover-color:  var(--wal-accent-deep);
  --wal-link-active-color: var(--wal-accent-deep);

  /* ── Focus ─────────────────────────────────────────────────────────────── */
  --wal-focus-ring-color: var(--wal-cyan-400);
  --wal-focus-ring-width: 2px;

  /* ── Status ────────────────────────────────────────────────────────────── */
  --wal-status-success:    var(--wal-green-500);
  --wal-status-success-bg: var(--wal-green-200);
  --wal-status-danger:     var(--wal-red-600);
  --wal-status-danger-bg:  var(--wal-red-200);
  --wal-status-warn:       var(--wal-amber-400);
  --wal-status-warn-bg:    var(--wal-amber-100);

  /* ── Type roles ────────────────────────────────────────────────────────── */
  /* NOTE: the portal currently uses two families — the chrome is set in
     Segoe UI and body copy in Calibri. Naming them by role makes that visible
     and decidable; it does not change which is used where. */
  --wal-font-ui:   var(--wal-family-ui);
  --wal-font-body: var(--wal-family-body);

  /* ── Component roles ───────────────────────────────────────────────────── */
  --wal-appbar-height: 64px;
  --wal-drawer-width: 300px;
  --wal-field-label-width: 15em;
}


/* ───────────────────────────────────────────────────────────────────────────
   TIER 3 — LEGACY ALIASES
   The twelve ad-hoc tokens that predate this file. Existing CSS references
   these; they now resolve through tiers 1 and 2, so their values are unchanged
   but re-pointable. Migrate call sites to tier 2 and delete these.
   ─────────────────────────────────────────────────────────────────────────── */

:root {
  --wal-navy:           var(--wal-navy-900);
  --wal-navy-soft:      var(--wal-navy-800);
  --wal-ink:            var(--wal-navy-700);
  --wal-muted:          var(--wal-slate-500);
  --wal-cyan:           var(--wal-cyan-400);
  --wal-cyan-deep:      var(--wal-cyan-700);
  --wal-surface-border: var(--wal-slate-450);
  --wal-font:           var(--wal-font-ui);
  --wal-app-bar:        var(--wal-surface-appbar);
  --wal-surface-light:  var(--wal-surface-panel);
  --wal-surface-shadow: var(--wal-elevation-card);
  --wal-accent-line:
    linear-gradient(90deg,
      var(--wal-navy-900) 0%,
      var(--wal-cyan-900) 25%,
      var(--wal-cyan-400) 50%,
      var(--wal-cyan-900) 75%,
      var(--wal-navy-900) 100%);
}


/* ───────────────────────────────────────────────────────────────────────────
   PrimeNG component tokens
   PrimeNG resolves its own --p-* variables from these. Setting them here means
   form-control metrics are token-driven rather than hard-coded in styles.css.
   ─────────────────────────────────────────────────────────────────────────── */

:root {
  --p-form-field-padding-y: var(--wal-space-1);
  --p-form-field-padding-x: var(--wal-space-2);
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles/tailwind.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************/
/* Tailwind entry point. Replaces PrimeFlex (see tailwind.config.js).
 *
 * Tailwind has no equivalent of PrimeFlex's flex-based grid, so the grid system
 * (`wal-grid`, `col-N`, `col`, `col-fixed`, `field`) is re-created here from the same
 * values PrimeFlex used. Everything else in templates is a plain Tailwind utility. */

.container {
  width: 100%;
}

@media (min-width: 576px) {

  .container {
    max-width: 576px;
  }
}

@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}

@media (min-width: 992px) {

  .container {
    max-width: 992px;
  }
}

@media (min-width: 1200px) {

  .container {
    max-width: 1200px;
  }
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.sticky {
  position: sticky !important;
}
.isolate {
  isolation: isolate !important;
}
.float-right {
  float: right !important;
}
.m-0 {
  margin: 0px !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.ml-12 {
  margin-left: 3rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mt-12 {
  margin-top: 3rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.flex {
  display: flex !important;
}
.table {
  display: table !important;
}
.table-cell {
  display: table-cell !important;
}
.grid {
  display: grid !important;
}
.hidden {
  display: none !important;
}
.w-auto {
  width: auto !important;
}
.w-full {
  width: 100% !important;
}
.flex-grow {
  flex-grow: 1 !important;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.appearance-none {
  appearance: none !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-center {
  align-items: center !important;
}
.items-stretch {
  align-items: stretch !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.border {
  border-width: 1px !important;
}
.border-solid {
  border-style: solid !important;
}
.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.font-bold {
  font-weight: 700 !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.blur {
  --tw-blur: blur(8px) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

/* ---- Grid: a flex row with the -0.5rem gutter that the columns pad against ---- */
.wal-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem -0.5rem 0 -0.5rem;
}

.col { flex: 1 0 0%; padding: 0.5rem; }
.col-fixed { flex: 0 0 auto; padding: 0.5rem; }

.col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; }
.col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; }
.col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; }
.col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; }
.col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; }
.col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; }
.col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; }
.col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; }
.col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; }
.col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; }
.col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; }
.col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; }

/* Responsive column classes, same breakpoints as PrimeFlex (md 768px, xl 1200px) */
@media (min-width: 768px) {
  .md\:col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; }
  .md\:col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; }
  .md\:col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; }
}
@media (min-width: 1200px) {
  .xl\:col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; }
  .xl\:col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; }
  .xl\:col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; }
}

/* ---- Field: one labelled form row ---- */
.field { margin-bottom: 1rem; }
.field > label { display: inline-block; margin-bottom: 0.5rem; }
.field.wal-grid { margin-top: 0; }
.field.wal-grid > label { display: flex; align-items: center; }
.field.wal-grid .col-fixed,
.field.wal-grid .col,
.field.wal-grid .col-1, .field.wal-grid .col-2, .field.wal-grid .col-3, .field.wal-grid .col-4,
.field.wal-grid .col-5, .field.wal-grid .col-6, .field.wal-grid .col-7, .field.wal-grid .col-8,
.field.wal-grid .col-9, .field.wal-grid .col-10, .field.wal-grid .col-11, .field.wal-grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}

/* ---- Utilities with no Tailwind equivalent (values copied from PrimeFlex) ---- */
.border-1 { border-width: 1px !important; border-style: solid; }
.border-round { border-radius: var(--border-radius) !important; }
.surface-overlay { background-color: var(--surface-overlay) !important; }
.surface-border { border-color: var(--surface-border) !important; }
.text-color { color: var(--text-color) !important; }

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.eot');
    src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.woff2') format('woff2'), url('primeicons.woff') format('woff'), url('primeicons.ttf') format('truetype'), url('primeicons.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* @import "../node_modules/primeflex/primeflex.css"; */
/* @import "../node_modules/primeng/resources/themes/rhea/theme.css";  */
/* @import "../node_modules/primeng/resources/primeng.min.css";  */

/* @import "../node_modules/primeicons/primeicons.css"; */


/* Declare all known layers plus our app override layer, in final cascade order */
@layer properties, theme, base, primeng, components, utilities, app-overrides;

/* Design tokens live in src/styles/_tokens.css, loaded before this file.
   Use the semantic (tier 2) names from there; do not add raw colours here. */

/* Shell root: establishes the 100% height chain for .wal-shell */
app-root {
  display: block;
  height: 100%;
}

@layer app-overrides {

  /* Form labels (float-label & material) */
  .p-float-label label,
  .p-inputwrapper .p-inputtext ~ label {
    font-weight: 400;
    font-size: 0.95rem;
  }

  /* Compact text inputs */
  /* padding comes from --p-form-field-padding-* in _tokens.css.
     font-size and line-height stay here: PrimeNG exposes no token for a base
     field's font size, only form.field.sm/lg. */
  .p-inputtext {
    font-size: 0.8rem;
    line-height: 1.2;
    font-weight: 400;
    min-height: unset;
  }

  /* Responsive safety net: an inline style="width: Nem" must never force a
     horizontal overflow once its column narrows (halved form columns, a
     smaller laptop viewport). max-width is a different property from the
     inline `width`, so it applies regardless of the inline style's specificity. */
  .p-inputtext,
  .p-select,
  .p-multiselect,
  .p-textarea {
    max-width: 100%;
  }

  .p-textarea,
  .p-dropdown .p-dropdown-label,
  .p-calendar .p-calendar-label,
  .p-inputgroup .p-inputgroup-addon {
    padding: 0.25rem 0.5rem; /* ↓ reduces height */
    font-size: 0.9rem;       /* optional slight reduction */
    line-height: 1.4;       /* controls text box height */
    font-weight: 400;
  }
    
  /* padding comes from --p-form-field-padding-* in _tokens.css.
     NOTE: font-size here was previously 0.9rem but a second, later rule in this
     file set 0.95rem and won; 0.95rem is the effective value and is stated once. */
  .p-select .p-select-label {
    font-size: 0.95rem;
    line-height: 1.4;
    font-weight: 400;
    /* An empty selection (.p-select-label-empty) generates no line box at all, so
       line-height alone contributes nothing -- only the padding box remains. A filled
       label's real height is line-height PLUS the padding this rule doesn't set directly
       (--p-form-field-padding-y, applied elsewhere); matching that total is what it takes
       to make an empty and a filled trigger the same height -- min-height: 1.4em alone
       undershoots by exactly the padding, which is how this was wrong the first time. */
    min-height: calc(1.4em + 2 * var(--p-form-field-padding-y, 0.25rem));
    display: inline-block;
  }

  .p-select .p-select-dropdown {
    padding: 0.25rem;
  }

  /* DataTable header and body */
  .p-datatable .p-datatable-thead > tr > th {
    font-weight: 400; /* use 400 for an even lighter look */
  }
  .p-datatable .p-datatable-tbody > tr > td {
    font-weight: 400;
  }

  /* Dialog titles (if needed) */
  .p-dialog .p-dialog-title {
    font-weight: 500; /* set 400 if you want lighter */
  }

  /* Chips/Badges (N/Y indicators) */
  .p-badge, .p-chip .p-chip-text {
    font-weight: 500; /* change to 400 to lighten the badges */
  }

  /* Section header */
  .p-panel .p-panel-header,
  .p-card .p-card-title,
  .section-header, /* if it's a custom class */
  .table-section-title {
    font-weight: 700; /* or 400 */
  }

  /* Selected value text inside the trigger */

  /* Optional: placeholder styling */
  .p-select.p-select-placeholder .p-select-label {
    font-weight: 400;
    color: var(--text-secondary, #6b7280); /* fallback to zinc-600-ish */
  }

  /* Optional: items in the panel */
  .p-select-panel .p-select-item {
    font-size: 0.95rem;
    font-weight: 400;
  }

  /* Optional: group headers in the panel */
  .p-select-panel .p-select-item-group {
    font-size: 0.9rem;
    font-weight: 400;
  }

  /* The label text next to the checkbox */
  .p-checkbox + label,
  .p-checkbox-label,                      /* if you use a custom label class */
  .p-checkbox .p-checkbox-label {         /* some templates slot a label inside */
    font-size: 0.95rem;
    font-weight: 400;
  }

  /* If you wrap with .p-inputwrapper (Material float labels) */
  .p-inputwrapper .p-checkbox + label {
    font-size: 0.95rem;
    font-weight: 400;
  }

  /* Optional: badge/chip inside grids next to checkboxes */
  .p-badge,
  .p-chip .p-chip-text {
    font-size: 0.9rem;
    font-weight: 400;                      /* set 400 if you want them lighter */
  }


  /* Root listbox font for items */
  .p-listbox .p-listbox-list .p-listbox-item {
    font-size: 0.95rem;   /* slightly smaller */
    font-weight: 400;      /* lighter */
  }

  /* Optional: header and filter input (if you use showFilter or header) */
  .p-listbox .p-listbox-header {
    font-size: 0.9rem;
    font-weight: 400;      /* keep header a bit stronger; use 400 if you want lighter */
  }

  .p-listbox .p-listbox-filter-container .p-inputtext {
    font-size: 0.95rem;
    font-weight: 400;
  }

  /* Optional: grouped list headers */
  .p-listbox .p-listbox-list .p-listbox-item-group {
    font-size: 0.9rem;
    font-weight: 400;
  }


  /* Items in both source and target lists */
  .p-picklist .p-picklist-list .p-picklist-item {
    font-size: 0.95rem;
    font-weight: 400;
  }

  /* Source/Target list headers */
  .p-picklist .p-picklist-source .p-picklist-header,
  .p-picklist .p-picklist-target .p-picklist-header {
    font-size: 0.9rem;
    font-weight: 400;    /* use 400 if you want very light headers */
  }

  /* Filter inputs for source/target lists (if enabled) */
  .p-picklist .p-picklist-filter-container .p-inputtext {
    font-size: 0.95rem;
    font-weight: 400;
  }

  /* Optional: buttons between lists (move all, move selected) text */
  .p-picklist .p-picklist-buttons .p-button .p-button-label {
    font-size: 0.9rem;
    font-weight: 400;    /* or 400 if you’re making actions lighter too */
  }


  .p-confirmdialog .p-dialog-header {
    background: var(--wal-app-bar);
    color: white !important;
    font-weight: normal;
    font-size: 12px;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .p-confirmdialog .p-dialog-header .p-dialog-title {
    font-size: 1.25rem !important;
    font-weight: normal;
  }

  .p-confirmdialog .p-dialog-content {
    padding: 1.25rem !important;
  }

  .p-confirmdialog .p-dialog-footer {
    padding: 1rem 1.25rem !important;
  }


  .wal-table .p-datatable-header {
    background: var(--wal-app-bar);
    color: #ffffff;
    border-radius: 4px;
    font-weight: normal;
    font-size: 12px;
  }

  /* Ensure each cell uses the row background, even if the theme sets its own */
  .wal-table .p-datatable .p-datatable-tbody > tr.p-highlight > td {
    background-color: inherit !important;
    color: inherit;
  }

  /* If striped rows are enabled, cancel stripes for the selected row */
  .wal-table .p-datatable.p-datatable-striped 
    .p-datatable-tbody > tr.p-highlight > td {
    background-color: inherit !important;
  }

  /* If your theme sets per-cell backgrounds via strong selectors, this helps */
  .wal-table.p-datatable .p-datatable-tbody > tr.p-highlight > td,
  .wal-table .p-datatable.p-component .p-datatable-tbody > tr.p-highlight > td {
    background-color: inherit !important;
  }

  /* Scope to this instance via class on <p-pickList> */
  .wal-picklist .p-picklist-header {
    background: var(--wal-app-bar);
    color: #ffffff;
    border-color: var(--wal-navy);
    padding: .5rem .75rem;   /* optional: consistent header height */
  }


  /* Source & Target list headers inside the PickList */
  .wal-picklist .p-listbox-header {
    background: var(--wal-app-bar);
    color: #ffffff;              /* readable text */
    border-color: var(--wal-navy); /* subtle border that fits your palette */
    padding: .5rem .75rem;       /* optional: consistent height */
    border-radius: 4px;          /* optional: soften the header corners */
        font-weight: 400;
  }

  /* If you want to round the container edges too */
  .wal-picklist .p-picklist-source,
  .wal-picklist .p-picklist-target {
    border-radius: 4px;
  }

  /* If your theme adds rounded containers, you can soften corners */
  .wal-picklist .p-picklist-source,
  .wal-picklist .p-picklist-target {
    border-radius: 4px;
  }

  /* Layout: white gap between tab segments */
  .wal-tabs .p-tablist {
    display: flex;              /* PrimeNG already does this, harmless to repeat */
    gap: 0.75rem;               /* ← the visible space between tabs */
    border-bottom: none;        /* remove theme underline bar */
  }

  /* The visible segment is the <p-tab> itself in your DOM */
  .wal-tabs .p-tablist .p-tab {
    /* visual box */
    background: var(--wal-navy-soft); /* INACTIVE: navy (adjust if you drive via preset) */
    color: #e2e8f0; /*1f2d30*/
    border: 1px solid var(--wal-navy-soft);
    border-radius: 10px 10px 0 0;        /* ← rounded corners */
    padding: .75rem .75rem;      /* ← segment size */
    box-shadow: none;

    /* align icon + text inside the tab */
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    text-decoration: none;      /* just in case your base theme makes it a link */
  }

  /* Active state */
  .wal-tabs .p-tablist .p-tab.p-tab-active {
    background: #e0f7fb;        /* ACTIVE: cyan tint */
    color: var(--wal-cyan-deep);
    border-color: var(--wal-cyan);
    font-weight: 700;
  }

  /* Optional: hover/focus ring for accessibility */
  .wal-tabs .p-tablist .p-tab:hover,
  .wal-tabs .p-tablist .p-tab:focus-visible {
    outline: 2px solid rgba(34,211,238,.35);
    outline-offset: 2px;
  }

  /* Neutralize any underline indicator some base themes add */
  .wal-tabs .p-tablist::after,
  .wal-tabs .p-tablist .p-tab::after {
    content: none;
    display: none;
  }

  /* Fine-tune label spacing (your inner span) */
  .wal-tabs .tab-label i { font-size: 1rem; line-height: 1; }
  .wal-tabs .tab-label .ml-2 { margin-left: .35rem; }

  /* Make wal-success apply when the class is on the button itself */
  .p-button.wal-success,
  .wal-success.p-button {
    background-color: #a3e2c6!important;
    border-color:     #a3e2c6 !important;
    color:            #000 !important;
    font-weight:      400 !important; /* or "normal" */
  }
  .p-button.wal-success .p-button-label,
  .wal-success.p-button .p-button-label {
    color: #000 !important;
  }
  .p-button.wal-success:hover,
  .wal-success.p-button:hover,
  .p-button.wal-success:focus,
  .wal-success.p-button:focus {
    background-color: #a3e2c6!important;
    border-color:     #8eddb6 !important;
  }

  /* Make wal-danger apply when the class is on the button itself */
  .p-button.wal-danger,
  .wal-danger.p-button {
    background-color: #f4b6b6 !important;
    border-color:     #f4b6b6 !important;
    color:            #000 !important;
    font-weight:      400 !important; /* or "normal" */
  }
  .p-button.wal-danger .p-button-label,
  .wal-danger.p-button .p-button-label {
    color: #000 !important;
  }
  .p-button.wal-danger:hover,
  .wal-danger.p-button:hover,
  .p-button.wal-danger:focus,
  .wal-danger.p-button:focus {
    background-color: #dca4a4 !important;
    border-color:     #dca4a4 !important;
  }

  /* Make wal-info apply when the class is on the button itself */
  .p-button.wal-info,
  .wal-info.p-button {
    background-color: #67bed9 !important;
    border-color:     #67bed9 !important;
    color:            #000 !important;
    font-weight:      400 !important; /* or "normal" */
  }
  .p-button.wal-info .p-button-label,
  .wal-info.p-button .p-button-label {
    color: #000 !important;
  }
  .p-button.wal-info:hover,
  .wal-info.p-button:hover,
  .p-button.wal-info:focus,
  .wal-info.p-button:focus {
    background-color: #5dabc3 !important;
    border-color:     #5dabc3 !important;
  }

  /* Make wal-primary apply when the class is on the button itself */
  .p-button.wal-primary,
  .wal-primary.p-button {
    background-color: var(--wal-navy-soft) !important;
    border-color:     var(--wal-navy-soft) !important;
    color:            #fff!important;
    font-weight:      400 !important; /* or "normal" */
  }
  .p-button.wal-primary .p-button-label,
  .wal-primary.p-button .p-button-label {
    color: #fff !important;
  }
  .p-button.wal-primary:hover,
  .wal-primary.p-button:hover,
  .p-button.wal-primary:focus,
  .wal-primary.p-button:focus {
    background-color: #24344f !important;
    border-color:     #24344f !important;
  }

  .p-button.ui-button-info,
  .p-button.ui-button-primary,
  .p-button.ui-button-danger,
  .ui-button-info.p-button {
    background-color: var(--wal-navy-soft) !important;
    border-color:     var(--wal-navy-soft) !important;
    color:            #fff!important;
    /* font-weight:      400 !important;  */
  }

  .wal-dialog .p-dialog-header {
    background: var(--wal-app-bar);
    color: #ffffff;
    font-size: 1.15rem;       /* slightly lower keeps proportions tight */
    font-weight: 400;         /* 100 is ignored on Windows fonts */
    padding: 0.15rem 1rem;    /* minimum safe padding */
    margin: 0.1rem;
    line-height: 1.05;
    min-height: 0;            /* ✅ CRITICAL: remove PrimeNG min constraint */
    display: flex;
    align-items: center;      /* re-center after min-height removal */
    border-bottom: 3px solid var(--wal-cyan-deep);
  }

  .wal-dialog .p-dialog-header-icon {
    color: #ffffff;
  }

  .wal-dialog .p-dialog-header-icon:hover {
    color: var(--wal-cyan); /* subtle hover */
  }
  
  /* Nudge the summary area down slightly */
  .wal-summary-actions {
    margin-top: 0.5rem; 
  }


  /* ── Selection criteria: one row on wide screens, wraps on narrow ones ───── */

  .wal-criteria-row {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      gap: 1rem 1.5rem;
      margin-bottom: 1rem;
  }

  .wal-criteria-item {
      display: flex;
      flex-direction: column;
      gap: 0.35rem;
      flex: 1 1 160px;
      min-width: 160px;
  }

  .wal-criteria-item label {
      font-weight: 600;
      font-size: 0.85rem;
      white-space: nowrap;
  }

  .wal-criteria-item .p-select,
  .wal-criteria-item .p-datepicker,
  .wal-criteria-item input[pInputText] {
      width: 100%;
  }

  .wal-criteria-actions {
      flex: 0 0 auto;
      flex-direction: row;
      align-items: center;
      gap: 0.5rem;
      min-width: 0;
  }

  .wal-criteria-status {
      flex: 1 1 auto;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      min-width: 0;
      margin-left: auto;
  }


  .p-tag.p-tag-success{
    background-color: #a3e2c6;  
    color: #000000;
  }

  .p-tag.p-tag-danger{
    background-color: #f4b6b6;  
    color: #000000;
  }

}


html, body {
    font-size: 0.95rem;
  height: 100%;
  margin: 0;
    font-weight: 400; 
  /* font-family:  Arial, sans-serif,'Roboto', system-ui, -apple-system, Segoe UI, Ubuntu, Cantarell, Noto Sans; */
  font-family: 'Calibri', sans-serif;

} 

.w-full {
  width: 100% !important;
}

.w-input-width {
  width: 25em
} 

.w-dropdown-width {
  width: 21em
}
.w-input-small-width {
  width: 18em
} 

.w-dropdown-small-width {
  width: 15em
}
.w-textarea-width {
  width: 22em
}


/* 
html,
body {
  font-size: 0.88rem;             
  font-weight: 400;               
  line-height: 1.35;             

  font-family:
    "Segoe UI",
    system-ui,
    -apple-system,
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  height: 100%;
}
 */


.basic-container {
    padding: 30px;
}
.version-info {
    margin-left: 28px;
    color: rgba(255, 255, 255, .66);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.prime-table{
    font-size: 0.8em;
    font-weight: bolder;
  }


.ui-widget {
    font-size: 12px !important;
    font-weight: bolder;
 }

 .ui-dropdown {
    font-size: 12px !important;
    font-weight: bolder;
 }

 .ui-dropdown-label {
    font-size: 12px !important;
    font-weight: bolder;
}

 .ui-card {
    background-color: LIGHTGRAY !important;
    font-weight: bolder;
  }

  .ui-card-shadow {
    background-color:rgb(149, 165, 166) !important;
    font-weight: bolder;
    color: #E4E4E4;
    border: 1px solid rgb(52, 73, 94);
    border-radius: 1em;
  }

  .ui-card-light {
    /* background-color: #a4b3b6!important; */
    /* background-color: #c2ced0!important; */
    background: var(--wal-surface-light)!important;
    /* font-weight: bolder; */
    /* color: white; */
    color: var(--wal-ink);
    border: 1px solid var(--wal-surface-border);
    box-shadow: var(--wal-surface-shadow);
    /* border-style: groove; */
  }

  .ui-card-light-rounded {
    /* background-color: #a4b3b6!important; */
    /* background-color: #c2ced0!important; */
    background: var(--wal-surface-light)!important;
    /* font-weight: bolder; */
    /* color: white; */
    color: var(--wal-ink);
    border: 1px solid var(--wal-surface-border);
    box-shadow: var(--wal-surface-shadow);
    /* border-style: groove; */
    border-radius: 1em;
  }

  .ui-card-ultra-light {
    background-color: AliceBlue!important;
    font-weight: bolder;
    color: white;
    border: 2px ridge Gainsboro;
    border-radius: 1em;
  }

  .ui-card-ultra-light_sized {
    background-color: AliceBlue!important;
    font-weight: bolder;
    color: white;
    border: 2px ridge Gainsboro;
    border-radius: 1em;
    display: flex;
    align-items: stretch;
  }

  .ui-card-powder {
    /* background-color: #eae7dc!important; */
    background: var(--wal-surface-light)!important;
    font-weight: bolder;
    color: var(--wal-ink);
    border: 1px solid var(--wal-surface-border);
    /* border-style: groove; */
  }

  .ui-card-border {
    border: 1px solid var(--wal-surface-border);
    padding: 5px 5px 5px 5px;
    border-radius: 12px;
  }

  .dashed {
    border-style: dashed;
  }

 .ui-card-title {
    text-align: center;
 }  

 .ui-card-footer {
  text-align: center;
}  

 .ui-dialog-content Dialog{
    font-size: 12px !important;
    font-weight: bolder;
 }

 #walletronDomainRadioButton .ui-state-active {
	color: blue ;
    background: blue;
    border: solid lightgray;
    font-size: 12px !important;
    font-weight: 300;
}

.top-buffer { margin-top:20px; }

[hidden] {
    display: none !important;
  }

.ui-tree.task-tree {
    width: 50%;
  }

.margin-left{
    margin-left: 2% !important;
}

.group {
  margin-bottom: 10px;
}

.group label {
  font-size: 12px;
}

label {
  color: /*darkblue*/ #29465d;
  font-weight: 600;
  font-size: 0.75rem; /* ~10% smaller than default (1rem = 16px) */
}

.pageTitle {
  font-family: var(--wal-font);
  color: white;
  background:   var(--wal-app-bar);
  margin: center;
  text-align: center;
  vertical-align: middle;
    /* position: left; */
  text-decoration: none;
  border-radius: 10px;
  padding: 2px;
  border: 1px solid var(--wal-navy);
  border-bottom: 3px solid var(--wal-cyan-deep);
  /* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); */
}

.criteriaBox {
  background: white;
  margin: left;
  /* position: left; */
  text-decoration: none;
  border-radius: 2px;
  padding: 2px;
  border: 1px solid lightblue;
  border: inset 1px solid #333;
  /* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); */
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  width: 12px;
  height: 12px;
  animation: spin 10s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.div-criteria {
  background: var(--wal-app-bar);
  border: 1px solid var(--wal-navy) ;
  height: 50px;
}

.div-criteria-two {
  background: var(--wal-surface-light) !important;
  border-radius: 12px;
  padding-top: 15px;
  border: 1px solid var(--wal-surface-border);
  box-shadow: var(--wal-surface-shadow);
}

.div-box {
  color: #DCDCDC;
  background-color: #DCDCDC;
  border: 1px solid rgb(52, 73, 94) ;
 
}

.float-right {
  float: right;
}

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

.flex-container {
  display: flex;
}

.flex-child {
  flex: 2;
}  

hr {
  border: white;
}  
  
.margin-bottom-narrow {
  margin-bottom:-20px;
}

.margin-bottom-semi-narrow {
  margin-bottom:-10px;
}

.margin-bottom-narrower {
  margin-bottom:-5px;
}

/* Fixes primeng default min width being too large */
.ui-dropdown {
min-width: 5% !important;
}

.dialog-margins {
  margin-top: -100px;
} 

.div-lightgray {
  background-color: lightgray;
}

.wal-center {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wal-dropdown {
  height: 2em;
}

/*
.p-fileupload .p-fileupload-buttonbar {
  display: flex;
  justify-content: center;
  height: 3em;
}
*/

input {
  height: 2.5em;
}

.p-datatable .p-datatable-header{
  text-align:center;
  font-size:16px;
} 

.env-banner{
  color: white;
  background-color: red;
  font-style:unset;
}

.green-banner{
  color: white;
  background-color: green;
  font-style:unset;
}

/* Align PrimeNG dialog footers to the right when using attribute-based footer */
div[pFooter] .ui-dialog-buttonpane, .ui-dialog .ui-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* Ensure p-button elements in footer are sized consistently */
div[pFooter] .p-button {
  margin-left: 0.4rem;
}

/* A utility class for spacing between icon and text in your header template. */
.ml-2 { margin-left: 0.5rem; }

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

/* Align buttons horizontally in the dialog footer */
.footer-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;  /* put buttons to the right; change to 'space-between' if needed */
  gap: 0.75rem;               /* spacing between buttons */
  width: 100%;
}

/* The resting 'in' state */
.panel {
  transform: translateX(0);
}

/* Tile (card) styling */
.wal-tile {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
    padding: 12px; 
    border-radius: 10px;
    border-color: #575A65; 
    background-color: lightgray;
  transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease, border-color 120ms ease;

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

  .wal-tile-title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2px;
  }

  .wal-tile-value {
    font-size: 28px;
    font-weight: 700;
    margin-top: 4px;
  }

  .wal-tile-subtitle {
    color: rgba(0,0,0,0.6);
    margin-top: 2px;
  }

  .wal-tile-delta {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: #2e7d32; /* positive green */
    font-weight: 600;

    &.negative {
      color: #c62828; /* negative red */
    }
  }

  &:hover {
    transform: translateY(-2px);
  }
}

.wal-chart-container {
  display: block;
  width: 450px; 
  /* width: 100%; */
  height: 450px;           /* or min-height: 320px */
}

.wal-header-message {
    background: transparent;
    border: none;
    color: var(--wal-ink);
}

.wal-header-message .p-message-text {
    color: var(--wal-ink);
    font-weight: 600;
      font-size: 1.25rem;
}

/* ── Navigation drawer (replaces the Angular Material sidenav) ───────────── */
@layer app-overrides {

  .p-drawer-mask {
    background: rgba(15, 23, 42, .35);
  }

  .wal-sidenav.p-drawer {
    width: 300px;
    color: #d9e4ee;
    border-right: 1px solid rgba(148, 163, 184, .18);
    background:
      radial-gradient(circle at 0% 0%, rgba(34, 211, 238, .10), transparent 30%),
      linear-gradient(180deg, #0b1423 0%, #11162f 100%);
    box-shadow: 20px 0 46px rgba(2, 6, 23, .20);
    scrollbar-color: rgba(125, 211, 252, .35) transparent;
  }

  .wal-sidenav .p-drawer-header {
    padding: 14px 16px 10px;
    border-bottom: 1px solid rgba(148, 163, 184, .16);
  }

  .wal-sidenav-title {
    font-family: var(--wal-font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #94a3b8;
  }

  .wal-sidenav .p-drawer-close-button {
    color: #cbd5e1;
  }

  .wal-sidenav .p-drawer-close-button:hover {
    background: rgba(34, 211, 238, .14);
    color: #ffffff;
  }

  .wal-sidenav .p-drawer-content {
    padding: 6px 8px 18px;
  }

}

/* ── Brand-config overflow menu (replaces the Angular Material mat-menu) ─── */
@layer app-overrides {

  .wal-side-menu-panel .p-popover-content {
    padding: 6px;
  }

  .wal-side-menu {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 232px;
  }

  .wal-side-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--wal-ink);
    font-family: var(--wal-font);
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
  }

  .wal-side-menu-item .pi {
    flex: 0 0 auto;
    font-size: 16px;
    color: var(--wal-cyan-deep);
  }

  .wal-side-menu-item:hover {
    background: rgba(34, 211, 238, .12);
    color: var(--wal-ink);
  }

  .wal-side-menu-item:focus-visible {
    outline: 2px solid var(--wal-cyan-deep);
    outline-offset: -2px;
    background: rgba(34, 211, 238, .16);
  }

}



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